Modificando a cor dos links

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Modificando a cor dos links

Mensagem por D'Leandro™ em 02/10/12, 05:39 pm

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
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Modificando a cor dos links

Mensagem por Sennior em 02/10/12, 05:46 pm

Olá

Poderia me dizer qual cor o senhor deseja?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ em 02/10/12, 06:48 pm

Quando não passa o mouse: #1E90FF
Quando PASSA o mouse: #000000
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ em 03/10/12, 06:29 pm

up?
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ em 04/10/12, 06:46 pm

Up?
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Modificando a cor dos links

Mensagem por Sennior em 04/10/12, 06:58 pm

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éé.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ em 04/10/12, 08:00 pm

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

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Modificando a cor dos links

Mensagem por BrunoH. em 04/10/12, 08:06 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ em 04/10/12, 10:02 pm

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

(Eu fiz algumas edições na aparencia)
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Modificando a cor dos links

Mensagem por BrunoH. em 04/10/12, 10:11 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ em 04/10/12, 11:55 pm

Não Resulta!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ em 04/10/12, 11:58 pm

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);
}
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ em 05/10/12, 01:09 pm

Dr.House_. em seu forum Sky Games tem o efeito que eu procuro, voce não poderia me passar o css?
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Modificando a cor dos links

Mensagem por BrunoH. em 05/10/12, 01:48 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Modificando a cor dos links

Mensagem por D'Leandro™ em 05/10/12, 02:15 pm

Chego a conclusão que meu template não aceita o efeito!
Pode fechar!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum