Modificando a cor dos links
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Modificando a cor dos links
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 JS
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
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>
   <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>
   <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>
   <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>
   <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>
   <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>
   <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>
   <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
Re: Modificando a cor dos links
Olá senhor,
Troque teu CSS pelo abaixo:
Graciosamente,
Mikéé.
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éé.
Re: Modificando a cor dos links
Não Resultou, Veja nesse forum!
http://rmbr.forumeiros.com/forum
Aqui o menu tem efeito shadow, e tbm sublinhado!
http://rmbr.forumeiros.com/forum
Aqui o menu tem efeito shadow, e tbm sublinhado!
Re: Modificando a cor dos links
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!
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!
Re: Modificando a cor dos links
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)
veja: https://ajuda.forumeiros.com/t67355-drhouse_-pedido-de-codigo#458231
(Eu fiz algumas edições na aparencia)
Re: Modificando a cor dos links
Olá senhor!
Em "Cor do link quando o mouse está sobre ele :" Coloque a cor também escolhida pelo senhor "#000000"
Resulta?
Passar bem!
Em "Cor do link :" Coloque a cor que o senhor escolheu a cima "#1E90FF"Painel de Controle Visualização Imagens e Cores Cores
Em "Cor do link quando o mouse está sobre ele :" Coloque a cor também escolhida pelo senhor "#000000"
Resulta?
Passar bem!
Re: Modificando a cor dos links
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);
}
Re: Modificando a cor dos links
Dr.House_. em seu forum Sky Games tem o efeito que eu procuro, voce não poderia me passar o css?
Re: Modificando a cor dos links
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!
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!
Tópicos semelhantes
» [Resolvido] modificando o code!
» modificando os anuncios
» Modificando o chatbox
» Modificando cursor
» Modificando os botoes do fórum
» modificando os anuncios
» Modificando o chatbox
» Modificando cursor
» Modificando os botoes do fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos