Personalização de link no menu

Detalhes da questão

Endereço do fórum: https://assuntosgeral-com-br.forumeiros.com/forum
Versão do fórum: phpBB3

Descrição

Olá,

Gostaria de personalizar um link em específico no menu, queria destacar ele com cor e brilho como no exemplo abaixo:

Spoiler:

Olá @Ketholy,
Vou precisar de saber quais os links para que possa ajudar, por favor


Aguardo uma resposta sua,
pedxz.

Pedxz escreveu:Olá @Ketholy,
Vou precisar de saber quais os links para que possa ajudar, por favor


Aguardo uma resposta sua,
pedxz.

Olá querido,

aqui estão os links:

-https://assuntosgeral-com-br.forumeiros.com/h5-doacao
-https://assuntosgeral-com-br.forumeiros.com/h1-loja
-https://assuntosgeral-com-br.forumeiros.com/t63-changelog-adg

Até mais.

Adicione na sua Folha de estilo, o seguinte código:

Código:

.navlinks a[href^="/h5-"] {
  color: yellow!important;
  text-shadow: 1px 1px 1px #FFFFE0;
}
.navlinks a[href^="/h1-"] {
  color: orange!important;
  text-shadow: 1px 1px 1px #ffb347;
}
.navlinks a[href^="/t63-"] {
  color: blue!important;
  text-shadow: 1px 1px 1px #ADD8E6;
}

E mude a cor, para a pretendida!

Pedxz escreveu:Adicione na sua Folha de estilo, o seguinte código:

Código:

.navlinks a[href^="/h5-"] {
  color: yellow!important;
  text-shadow: 1px 1px 1px #FFFFE0;
}
.navlinks a[href^="/h1-"] {
  color: orange!important;
  text-shadow: 1px 1px 1px #ffb347;
}
.navlinks a[href^="/t63-"] {
  color: blue!important;
  text-shadow: 1px 1px 1px #ADD8E6;
}

E mude a cor, para a pretendida!

Perfeito Pedxz,

Só uma coisa não tem como tirar o efeito shadw e colocar brilho sobre o nome não?

Mude para:

Código:

.navlinks a[href^="/h5-"] {
  color: yellow!important;
  text-shadow: 0 0 .7rem #FFFFE0;
}
.navlinks a[href^="/h1-"] {
  color: orange!important;
  text-shadow: 0 0 .7rem #ffb347;
}
.navlinks a[href^="/t63-"] {
  color: blue!important;
  text-shadow: 0 0 .7rem #ADD8E6;
}

Relativamente ao brilho, a Senhora têm algum gif que possa fazer tal efeito?

Pedxz escreveu:Mude para:

Código:

.navlinks a[href^="/h5-"] {
  color: yellow!important;
  text-shadow: 0 0 .7rem #FFFFE0;
}
.navlinks a[href^="/h1-"] {
  color: orange!important;
  text-shadow: 0 0 .7rem #ffb347;
}
.navlinks a[href^="/t63-"] {
  color: blue!important;
  text-shadow: 0 0 .7rem #ADD8E6;
}

Relativamente ao brilho, a Senhora têm algum gif que possa fazer tal efeito?

Sim! Aqui está:

http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif

Modifique para:

Código:

.navlinks a[href^="/h5-"] {
  color: yellow!important;
  text-shadow: 0 0 .7rem #FFFFE0;
  background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
}
.navlinks a[href^="/h1-"] {
  color: orange!important;
  text-shadow: 0 0 .7rem #ffb347;
  background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
}
.navlinks a[href^="/t63-"] {
  color: blue!important;
  text-shadow: 0 0 .7rem #ADD8E6;
  background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
}

Pedxz escreveu:Modifique para:

Código:

.navlinks a[href^="/h5-"] {
  color: yellow!important;
  text-shadow: 0 0 .7rem #FFFFE0;
  background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
}
.navlinks a[href^="/h1-"] {
  color: orange!important;
  text-shadow: 0 0 .7rem #ffb347;
  background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
}
.navlinks a[href^="/t63-"] {
  color: blue!important;
  text-shadow: 0 0 .7rem #ADD8E6;
  background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
}

Perfeito! Muito obrigada.