Modificando a cor dos links

3 participantes

Ir para baixo

Tópico resolvido Modificando a cor dos links

Mensagem por D'Leandro™ 02.10.12 21:39

Qual é minha questão:
Olá eu tenho um código de menu em drop dow, e gostaria de efeito, quando passar o mouse sobre os links, eles mudem de cor.

Código CSS:
Código:
.navlinks a:hover{
color: blue;
}
.navlinks li{
  position: relative;
  font: 15px Tahoma;
}
.ulhome{
width: 125px;
  top:80px;
  position:absolute !important;
  display:none;
  text-align: left !important;
background: url(http://i31.servimg.com/u/f31/17/71/75/73/sp10.png) no-repeat bottom right !important;
  list-style:left;
  position:bottom;
  z-index:900;
background-position: bottom;
  border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-o-border-radius:5px 5px 5px 5px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.ulhome ul{
  text-align:left;
  border: 0px solid #FF0000;
  padding:0px 0px 0px 0px;}
.ulhome .limenup an{
  text-decoration: ;
  display:block;
  z-index:999;
  background-image:none !important}
li:hover .ulhome{
  left:-40px;
  display:block;
  top:30px;!important;
}

Código JS
Código:
jQuery(document).ready(function(){jQuery('.navlinks li a[href="/"]').after('<div class="ulhome"><ul>
<li class="limenup">

<a href="http://staffergroupbr.stuning.net/c7-staffer-group-br-voce"><span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">SGBR™ & Voce</span></li>
<br>
&nbsp&nbsp&nbsp<a href="http://staffergroupbr.stuning.net/h8-inicio-sgbr"><span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">P. HTML</span></li>
<br>
&nbsp&nbsp&nbsp<a href="http://staffergroupbr.stuning.net/t685-lista-de-banners-das-parcerias-concluidas">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Parceiros</span></li>
<br>
&nbsp&nbsp&nbsp<a href="http://staffergroupbr.stuning.net/c24-g-us">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">GŦล & ǤUɳŞ</span></li>
<br>
&nbsp&nbsp&nbsp<a href="http://staffergroupbr.stuning.net/c8-diversidades">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Diversidades</span></li>
<br>
&nbsp&nbsp&nbsp<a href="http://staffergroupbr.stuning.net/f61-public-posts">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Public-Post</span></li>
<br>
&nbsp&nbsp&nbsp<a href="http://staffergroupbr.stuning.net/h17-criptograffer-html">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Scriptor HTML</span></li>

<li class="limenup"></ul></div>')});

/*

<br>
&nbsp&nbsp&nbsp<a href="LINK_DO_MENU">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">NOME_DELE</span></li>



*/


Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://staffergroupbr.stuning.net/portal

Versão do meu fórum:
PHPBB3
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por Sennior 02.10.12 21:46

Olá

Poderia me dizer qual cor o senhor deseja?

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ 02.10.12 22:48

Quando não passa o mouse: #1E90FF
Quando PASSA o mouse: #000000
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ 03.10.12 22:29

up?
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ 04.10.12 22:46

Up?
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por Sennior 04.10.12 22:58

Olá senhor,

Troque teu CSS pelo abaixo:

Código:
.navlinks a:hover{
color: #000000;
}
.navlinks li{
  position: relative;
  font: 15px Tahoma;
}
.ulhome{
width: 125px;
  top:80px;
  position:absolute !important;
  display:none;
  text-align: left !important;
background: url(http://i31.servimg.com/u/f31/17/71/75/73/sp10.png) no-repeat bottom right !important;
  list-style:left;
  position:bottom;
  z-index:900;
background-position: bottom;
  border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-o-border-radius:5px 5px 5px 5px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.ulhome ul{
  text-align:left;
  border: 0px solid #FF0000;
  padding:0px 0px 0px 0px;}
.ulhome .limenup an{
  text-decoration: ;
  display:block;
  z-index:999;
  background-image:none !important}
li:hover .ulhome{
  left:-40px;
  display:block;
  top:30px;!important;
}

Graciosamente,
Mikéé.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ 05.10.12 0:00

Não Resultou, Veja nesse forum!
http://rmbr.forumeiros.com/forum
Aqui o menu tem efeito shadow, e tbm sublinhado!
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por BrunoH. 05.10.12 0:06

Olá!
Pelo oque eu verifiquei em seu fórum, o senhor não enviou o CSS do Menu Drop Down completo, poderia me mandar completo por favor? Para eu poder fazer as alterações dos mesmos..

Passar bem! Piscada
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ 05.10.12 2:02

Eu enviei exatamente o mesmo código que voce me passou em outro tópico!
veja: https://ajuda.forumeiros.com/t67355-drhouse_-pedido-de-codigo#458231

(Eu fiz algumas edições na aparencia)
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por BrunoH. 05.10.12 2:11

Olá senhor! Eu amo você
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Em "Cor do link :" Coloque a cor que o senhor escolheu a cima "#1E90FF"
Em "Cor do link quando o mouse está sobre ele :" Coloque a cor também escolhida pelo senhor "#000000"
Resulta?

Passar bem! Piscada
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ 05.10.12 3:55

Não Resulta!
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ 05.10.12 3:58

Veja este CSS, Aqui tem o efeito desejado, mas eu não consigo localiza-lo;
Código:
#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 11px;
padding-right : 10px;
text-align: right;
background: ; /*Cor da Barra*/
border-bottom: 1px solid ; /*Linha em Baixo da Barra*/
  border-radius: 4px !important;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: relative;
top: 0;
left: 7px;
right: 0;
}
#conectFor a{
color: #1E90FF; /*Cor dos Menús*/
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 url(http://i31.servimg.com/u/f31/17/71/75/73/a16.png) no-repeat bottom right;
list-style: none;
display: none;
float: center;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ 05.10.12 17:09

Dr.House_. em seu forum Sky Games tem o efeito que eu procuro, voce não poderia me passar o css?
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por BrunoH. 05.10.12 17:48

Olá!
Pode observar em meu fórum, utilizo a função que lhe informei ao senhor acima, não utilizo CSS para usar este efeito, o efeito que eu uso, é pelo próprio Painel naquele modo que informei ao senhor acima, entende?

Passar bem! Piscada
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ 05.10.12 18:15

Chego a conclusão que meu template não aceita o efeito!
Pode fechar!
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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