Modificando a cor dos links

3 participantes

Ver o tópico anterior Ver o tópico seguinte 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

Principal Contribuidor

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

Principal Contribuidor

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

Membro Entusiasta

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 Entusiasta

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

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

Membro Entusiasta

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 Entusiasta

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

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

Membro Entusiasta

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 Entusiasta

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

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

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