SOS-FORUM

Derniers sujets

» Silence Inside Me - Ouverture
par Solitude 3/3/2018, 12:36

» ATLANTIC CITY - rpg city
par Solitude 15/3/2017, 10:41

» Bonne Année 2015
par Chantra Chantrapa 5/3/2017, 20:31

» Rio de Janeiro
par Solitude 14/9/2015, 15:34

» Bon Anniversaire Zeco
par Laurent 29/5/2015, 06:29


Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

avatar
MAUVDB
(Membre)
Voir le profil de l'utilisateur http://fifa-tournois.forumactif.com/
Bonjour !
C'est en ce beau Dimanche breton ( Finistère ensoleillé ce matin Cool ) 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 ! Smile
À plush !



Dernière édition par MAUVDB le 12/8/2010, 20:54, édité 1 fois

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

avatar
MAUVDB
(Membre)
Voir le profil de l'utilisateur http://fifa-tournois.forumactif.com/
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
? bounce

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

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

avatar
MAUVDB
(Membre)
Voir le profil de l'utilisateur http://fifa-tournois.forumactif.com/
Et il me faudrait un autre navigateur pour les voir ? Google Chrome ?
Et sous Firefox, il n'y a pas moyen ?!

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

avatar
MAUVDB
(Membre)
Voir le profil de l'utilisateur http://fifa-tournois.forumactif.com/
Ah c'est balo, mais sinon, tu vois ce que je à peu près, non ?

avatar
MAUVDB
(Membre)
Voir le profil de l'utilisateur http://fifa-tournois.forumactif.com/
Un p'tit UP si quelqu'un passe par là, voit ce que je veux et a la solution

avatar
MAUVDB
(Membre)
Voir le profil de l'utilisateur http://fifa-tournois.forumactif.com/
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 ^^


Contenu sponsorisé

Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 1]

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

 
  •  

Créer un forum | © PunBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit