Bonjour !
C'est en ce beau Dimanche breton ( Finistère ensoleillé ce matin ) que je vous sollicite.
Cela fait depuis un certain temps que je cherche à mettre en place une barre de Navigation composée de boutons qui changent en les survolant avec la souris, un effet flash sans en être un.
Sur un tuto. du SF, j'ai trouver cette astuce "CSS/HTML : Système d'apparition/disparition au survol", dans laquelle grâce au code

Code:

/*Hoveractif-------------------------------------------------*/
.primero .secundo {visibilty: visible; display: inline;}
.primero:hover .secundo {visibilty: hidden; display: none;}
.primero .tercero {visibilty: hidden; display: none;}
.primero:hover .tercero {visibilty: visible; display: inline;}

installé dans le CSS, on est la possibilité de faire un effet de texte comme celui-ci

Texte ne changeant pas Texte disparaissant Nouveau texte apparaissant

J'ai donc essayé cette astuce sur mon forum Test, pour pouvoir changer les boutons. Ce qui donne ceci...

Code:

<a href="http://www.fifa-tournois.com/forum.htm"><span class=primero><span class=secundo><img src=http://fotoforum.fr/photos/2010/06/16.1.png></span><span class=tercero><img src=http://img28.xooimage.com/files/2/1/9/v2boutonforum2-1f117ee.png></span></span></a>

Ça marche donc, mais je ne sais pas où le mettre, dans quel Template et puis comment faire pour que les boutons non-visibles par les invités le soient pour les membres etc...
Un autre code plus simple peut-être ?
Pour peut-être, mieux se visualiser la chose, j'ai trouvé un site qui a une barre de navigation comprenant ce système de survole que je veux dans mon forum.

J'espère vivement que l'on m'aidera !
À plush !

Regarde les boutons de ma barre si le système au survol te plairait
http://atlantidium2.niceboard.org/forum.htm

Bah je ne vois pas les boutons là,
je vois çà __

mais je voudrais ceci:

avec le survole, voyez vous ?

Il n'existe pas des codes pour chaque bouton comme ceux disponibles dans ce tuto...
CSS : Système de survol pour certains boutons ?
en remplaçant .intitulé
du code

.intitulé {background-image: url('adresse_image_normale'); background-position: top center; background-repeat: no-repeat; width: Xpx; height: Ypx;}
.intitulé:hover {background-image: url('adresse_image_survol'); background-position: top center; background-repeat: no-repeat; width: Xpx; height: Ypx;}

par un intitulé semblable à ceux-là:
• Citation (message) : .i_icon_quote
• Edition (message) : .i_icon_edit
• Suppression (message) : .i_icon_delete
• Voir l'IP (message) : .i_icon_ip
• Profil du membre (profil) : .i_icon_profile
• Envoyer un MP (profil) : .i_icon_pm
?

Les boutons sont au dessus de la banniere ... et c'est ce principe

Tu ne vois pas because Firefox donc ça ne fait pas ...

Et il me faudrait un autre navigateur pour les voir ? Google Chrome ?
Et sous Firefox, il n'y a pas moyen ?!

J'emploie Chrome pour naviguer ou IE pour aller dans le panneau d'administration.
Selon les scripts c'est le bazar ...

Firefox ma version est ancienne et ne les voit pas aussi.

Ah c'est balo, mais sinon, tu vois ce que je à peu près, non ?

Un p'tit UP si quelqu'un passe par là, voit ce que je veux et a la solution

Bonsoir, si je poste aujourd'hui, c'est parce que j'ai enfin réussi à trouver ce que je voulais !

Vous pouvez voir que le bouton "FORUM" -de mon forum test- change de couleur quand on le survole !
Il me reste plus que maintenant à créer une nouvelle barre de bouton.
C 'était dur a trouver lol
Sur le forum des forums ( forumactifs ), un tutoriel expliquant ce système a été supprimé, j'ai trouvé la moitié du truc dans un autre topic au hasard ^^