Redimensionar o gifs do efeito do grupo.

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:



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




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


Bom fim de semana a todos

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: As nossas regras: gerais, do setor de suporte e das criações gráficas; A nossa lista de tutoriais e de perguntas e respostas frequentes; A nossa equipa voluntária; E a função de procura.

é 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

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>

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 :/



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?

Adicione na sua folha de estilo o seguinte código:

Código:

.postprofile-avatar a[href^="/u"] {
 background: initial;
}

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_. 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 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

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".