Redimensionar o gifs do efeito do grupo.

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Redimensionar o gifs do efeito do grupo.

Mensagem por Scrots_. 17.07.21 4:38

Detalhes da questão


Endereço do fórum: https://cidadevidaonline.umforum.net/
Versão do fórum: ModernBB

Descrição


Olá senhores,

Bom eu tenho uma CSS que adiciona uma "sombra" e um "glitter" no meu fórum nos nomes dos ranks.
Mas o gif passa do nome fica em uma linha vertical deixando assim muito amador, teria algum código para resolver?

Código atual:

.rankcss { background: url(https://i.imgur.com/ChIMdFR.gif);
color:#1EB806;
text-shadow:0px 0px 9px #1EB806;
}

Código que vai no nome do rank:
<div class="rankcss">Desenvolvedor</div>



como esta:

Redimensionar o gifs do efeito do grupo. 4AO37VC

A linha vermelha e o excesso que quero remover
a preta e o limite que quero impor por gif ficar

exemplo de como quero deixar

Redimensionar o gifs do efeito do grupo. MCX3ZFr


se puderem me ajudar agradeço de bom coração <3


Bom fim de semana a todos Muito feliz
Scrots_.

Scrots_.
Nível 2

Masculino
Membro desde : 16/07/2021
Mensagens : 10
Pontos : 16

https://cidadevidaonline.umforum.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Redimensionar o gifs do efeito do grupo.

Mensagem por pedxz 17.07.21 8:24

Olá @Scrots_.,

Altere o seu código CSS para:
Código:
.rankcss {
  display: inline-block;
  background: url(https://i.imgur.com/ChIMdFR.gif);
  color: #1EB806;
  text-shadow: 0 0 9px #1EB806;
}


Atenciosamente,
pedxz.


Olá! Seja bem-vindo(a) ao suporte Forumeiros!


Como acabou de inscrever-se, aqui estão alguns pontos importantes a saber:
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7139
Pontos : 8370

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar o gifs do efeito do grupo.

Mensagem por Scrots_. 17.07.21 17:38

é só mais uma dúvida, eu conseguiria deixar cada Rank com uma cor? pois por padrão todos os ranks ficam com a cor verde
Scrots_.

Scrots_.
Nível 2

Masculino
Membro desde : 16/07/2021
Mensagens : 10
Pontos : 16

https://cidadevidaonline.umforum.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Redimensionar o gifs do efeito do grupo.

Mensagem por pedxz 17.07.21 18:56

cada Rank com uma cor
Basta duplicar o código acima e alterar a designação rankcss. Eis alguns exemplos para ser mais claro:
Código:
.rank_verde {
  display: inline-block;
  background: url(https://i.imgur.com/ChIMdFR.gif);
  color: #1EB806;
  text-shadow: 0 0 9px #1EB806;
}
Código:
<div class="rank_verde">Desenvolvedor</div>

Código:
.rank_vermelho {
  display: inline-block;
  background: url(https://i.imgur.com/ChIMdFR.gif);
  color: #1EB806;
  text-shadow: 0 0 9px #1EB806;
}
Código:
<div class="rank_vermelho">Desenvolvedor</div>
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7139
Pontos : 8370

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar o gifs do efeito do grupo.

Mensagem por Scrots_. 18.07.21 2:53

Olá @pedxz,


O código funcionou perfeitamente, mais eu estou enfrentando um problema muito aleatório, agora os gifs estão indo até o contorno da imagem :/

Redimensionar o gifs do efeito do grupo. 79E79f5

Está assim,

Código das CSS que adicionam os gifs:

RANK:
.rankcss {
 display: inline-block;
 background: url(https://i.imgur.com/ChIMdFR.gif);
 color: #1EB806;
 text-shadow: 0 0 9px #1EB806;
}


Nome De Usuário:
a[href="/u1"] {
display: inline-block;
text-shadow: 0 0 9px #1EB806;
background: url(https://i.imgur.com/ChIMdFR.gif);
}


Poderia me ajudar?
Scrots_.

Scrots_.
Nível 2

Masculino
Membro desde : 16/07/2021
Mensagens : 10
Pontos : 16

https://cidadevidaonline.umforum.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Redimensionar o gifs do efeito do grupo.

Mensagem por pedxz 18.07.21 10:30

Adicione na sua folha de estilo o seguinte código:
Código:
.postprofile-avatar a[href^="/u"] {
 background: initial;
}
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7139
Pontos : 8370

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar o gifs do efeito do grupo.

Mensagem por Scrots_. 18.07.21 16:42

pedxz escreveu:Adicione na sua folha de estilo o seguinte código:
Código:
.postprofile-avatar a[href^="/u"] {
 background: initial;
}

junto com o código que já existe ou apagar o anterior e adicionar este?
Scrots_.

Scrots_.
Nível 2

Masculino
Membro desde : 16/07/2021
Mensagens : 10
Pontos : 16

https://cidadevidaonline.umforum.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Redimensionar o gifs do efeito do grupo.

Mensagem por pedxz 18.07.21 16:51

Scrots_. escreveu:
pedxz escreveu:Adicione na sua folha de estilo o seguinte código:
Código:
.postprofile-avatar a[href^="/u"] {
 background: initial;
}

junto com o código que já existe ou apagar o anterior e adicionar este?
Adicionar na sua folha de estilo sem apagar nenhum outro código.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7139
Pontos : 8370

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar o gifs do efeito do grupo.

Mensagem por Scrots_. 18.07.21 16:59

pedxz escreveu:
Scrots_. escreveu:
pedxz escreveu:Adicione na sua folha de estilo o seguinte código:
Código:
.postprofile-avatar a[href^="/u"] {
 background: initial;
}

junto com o código que já existe ou apagar o anterior e adicionar este?
Adicionar na sua folha de estilo sem apagar nenhum outro código.

Obrigado pelo suporte, pode fechar o tópico ^^

Desculpa qualquer transtorno
Scrots_.

Scrots_.
Nível 2

Masculino
Membro desde : 16/07/2021
Mensagens : 10
Pontos : 16

https://cidadevidaonline.umforum.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Redimensionar o gifs do efeito do grupo.

Mensagem por pedxz 18.07.21 19:35

Cuidado com as mensagens consecutivas

Scrots_. escreveu:Dúvida repentina, teria como eu tirar o nome do meu rank dos tópicos? deixar apenas como ver quando acessar o perfil.
E quando o usuário acessar meu perfil não exibir o banner do rank? (Imagem)
Só é válida uma questão por tópico. Deve criar um novo tópico sobre esses assuntos.


Tópico resolvido


Movido para "Questões resolvidas".
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7139
Pontos : 8370

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos