Efeito a:houver com icones de navegadores

Atendendo  a pedidos vou estar ensinando a colocar os icones de Navegadores com efeito
1º Insira esse código na Css (antes de ]]>)





-------------------------------------------------------
Browser bar by:Victor LosT
Converted by: Tecno Slide
NÃO REMOVA
--------------------------------------------------------
#chrome {
background:url(http://servicesbcreate.webs.com/CocaGames/GoogleChrome-p.png) no-repeat;
width:50px;
height:48px;
float:left;
}
#chrome:hover {
background:url(http://servicesbcreate.webs.com/CocaGames/GoogleChrome.png) no-repeat;
width:50px;
height:48px;
float:left;
}
#opera {
background:url(http://servicesbcreate.webs.com/CocaGames/Opera-p.png) no-repeat;
width:50px;
height:48px;
float:left;
}
#opera:hover {
background:url(http://servicesbcreate.webs.com/CocaGames/Opera.png) no-repeat;
width:50px;
height:50px;
float:left;
}
#ie {
background:url(http://servicesbcreate.webs.com/CocaGames/IntenerExplorer-p.png) no-repeat;
width:50px;
height:48px;
float:left;
}
#ie:hover {
background:url(http://servicesbcreate.webs.com/CocaGames/IntenerExplorer.png) no-repeat;
width:50px;
height:48px;
float:left;
}
#firefox {
background:url(http://servicesbcreate.webs.com/CocaGames/MozillaFirefox-p.png) no-repeat;
width:50px;
height:50px;
float:left;
}
#firefox:hover {
background:url(http://servicesbcreate.webs.com/CocaGames/MozillaFirefox.png) no-repeat;
width:50px;
height:48px;
float:left;
}
#navegadores{
width:208px;
height:57px;
display:block;
position:absolute;
margin:235px 0 0 490px;
}
#link-creditos a{
width:347px;
height:47px;
background:#000;
display:block;
position:absolute;
margin:245px 0 0 90px;
opacity:0.0;
-moz-opacity: 0.0;
filter: alpha(opacity=0);
}



Depois adicione esse código onde você quer que esse sistema funcione Ex: rodapé,header


CLICK AKI PARA VER O CÓDIGO (CORRIGIDO)

Postar um comentário

Assinar: Postar comentários