Créer un menu animé qui bouge au survol de la souris (lien)

[Anonymous]

Salut, j'aimerais mettre sur mon site, des boutons sociaux (facebook, twitter etc...) comme sur le site http://www.commentcamarche.net/ (en haut à droite).

Donc comme sur http://www.commentcamarche.net/ , j'aimerais que les boutons bougent lorsqu'on passe la souris dessus.

Quelqu'un pour m'aider à réaliser ça ? je débute complètement.

Merci d'avance.

 

[titouf7512]

je crois que ceci fonctionne :
tu mets ce script dans le head

<script type="text/javascript">
<!--
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls.onmouseover=function() {
this.className+=" sfhover";
}
sfEls.onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
-->
</script>


Ensuite, tu crée ton "menu" comme ceci :
<div id"menu">
<ul>
<li><a class="fb" href="facebook.com"></a></li>
<li><a class="twitter" href="facebook.com"></a>
</ul>
</div>

Enfin, dans le css, tu fais cela :
#menu a.fb { background: url("images/fb.gif") }
#menu a.fb:hover { background: url("images/fb-hover.gif")}

Voila bonne chance

 

[JanoLapin]

et les gars, la balise

 c'est pas fait pour les chiens...

 

[Anonymous]

merci pour ton aide, mais ça me met le message d'erreur suivant :

Fatal error: Smarty error: [in header.tpl line 8]: syntax error: unrecognized tag 'var' (Smarty_Compiler.class.php, line 580) in /home/xxx/public_html/3rdparty/xxx/xxx.class.php on line 1088