Nomes com efeito

Detalhes da questão

Endereço do fórum: https://areadopapiro.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição

Olá, minha dúvida é o seguinte, gostaria de saber qual é nome e onde eu posso conseguir esses tipos de códigos desses efeitos, nos quais, um nome possui pequenos detalhes brancos que ficam o rodeando, tipo um efeito de purpurina no nome.


Efeito nos nomes mostrado na print a seguir: https://imgur.com/a/XY7b84Q

Olá @[AP]Guardiao,

O senhor só precisa usar o seguinte código CSS como base:

Código:

a[href^="/u"] span[style$="#EE4540"] {
     text-shadow: 2px 0px 11px #EE4540;
     background: url("https://i.imgur.com/els5Irg.gif");
}

Como configurar? Localize no código #EE4540 e altere para a cor do grupo que o senhor deseja adicionar este efeito. Detalhando o código:

Código:

text-shadow: 2px 0px 11px #EE4540; // é a sombra que vai ser adicionado ao nome do membro
     background: url("https://i.imgur.com/els5Irg.gif"); // efeito .gif

Aguardo uma resposta sua,
pedxz.

Como adiciono de maneira correta e sem erros um código CSS no meu fórum, há algum tutorial?

Como adiciono de maneira correta e sem erros um código CSS no meu fórum, há algum tutorial?

Perdão! Entre no Painel de controle > Visualização > Imagens e cores > Cores clique no separador "Folha de estilo CSS" cole o código e salve (botão verde)

Um CSS já entendi onde colocar, mas e um BBcode?

e o BBCode?

Leia as FAQs: https://areadopapiro.forumeiros.com/faq?mode=bbcode

Por último gostaria de saber se há algum código para que eu possa adicionar o mesmo efeito de transição ou cor, mas no perfil do usuário, como é destacado na imagem a seguir: https://imgur.com/a/gKbcjjx

---

Ahhh! Gostaria de um código que adicionasse essa mesma opção de efeito nas legenda dos cargos, como mostra na imagem a seguir: https://imgur.com/a/YgXnq9W

Na sua folha de estilo o senhor já aplicou as sombras aos membros de determinado grupo, resultando em:

Código:

a[href^="/u"] span[style$="#3098FF"] {
     background: url(https://i.imgur.com/ChIMdFR.gif);
     text-shadow: 2px 0 11px #000;
}

Agora é saber qual cor corresponde ao grupo e antes de:

Código:

a[href^="/u"] span[style$="#3098FF"] {

adicione

Código:

a[href^="/g1-"],

Em /g1- adicione o id do grupo que a cor #3098FF representa, ficando:

Código:

a[href^="/g1-"],
a[href^="/u"] span[style$="#3098FF"] {
     background: url(https://i.imgur.com/ChIMdFR.gif);
     text-shadow: 2px 0 11px #000;
}

Funcionou na legenda, mas você teria para as partes que marquei em vermelho na imagem a seguir: https://imgur.com/a/gKbcjjx ??

?????