Rollover sur 3 boutons du forum

[Offrande]

Bonjour,

J'ai besoin de votre aide pour faire un roll over (passage de la souris) sur les boutons
- Nouveaux Sujet
- Répondre
- Verrouiller
de mon forum.

J'ai toutes les images donc :
2 pour les nouveaux sujet (car il y en as deux)
2 pour le répondre
et 2 pour le verrouiller

Mais je ne connais pas leur classe, ou alors j'aimerais que l'on me dise le code à placer dans le CSS pour produire cette effet, car je laisse à supposer que sa vas aller dans le CSS.

Merci d'avance de votre aide.

[Matriochka]

Bonjour,

Voici les class :
Nouveau message => #i_post
Répondre => #i_reply
Verrouillé => #i_reply_locked

[Offrande]

Bonjour,

Merci encore à toi Matriochka !
pourrait-je avoir le code CSS ? S'il te plait ?

Bisous.

[Matriochka]

Le code CSS… de quoi ? Je t’ai donné les identifiants pour chaque bouton demandé, ça n’est pas ce que tu voulais ?

[Offrande]

Bonjour,

Oui, c'est ce que je voulait ^^ pour faire le rollover =)
mais il faut un code css non?
1 pour l'image de base + le hover pour le passage de la souris .

Bonne journée à toi.

[Matriochka]

Ah tu parles de ceci :

Code:

#i_post {
background:url("");}

#i_post:hover {
background:url("");}

Premier code sans survol, deuxième avec.

[Offrande]

Merci beaucoup Matriochka,

mais pourquoi "Background"? ^^

[Matriochka]

Background = fond en anglais.

Ça te permettra de modifier le fond des boutons. Mais comme je ne sais pas ce que tu veux modifier exactement, je t’ai mis un exemple au pif. À toi de modifier selon ton envie, après.

[Offrande]

Bien ce que je souhaite modifier ces les boutons tout simplement ^^
- Bouton nouveaux sujet
- Bouton Verouiller
- Bouton répondre ^^

aperçus : (du bouton verrouiller)

[Matriochka]

Oui, ça j’ai compris. Mais quoi modifier sur ces boutons ? Tu veux modifier l’image au passage de la souris ?

[Offrande]

Oui ^^

[Matriochka]

D’accord, donc c’est bien ce que je disais au début.

Voici un tutoriel qui s’applique aux images de la barre de navigation :
https://forum.forumactif.com/t246228-images-de-la-barre-de-navigation-modifiees-au-passage-de-la-souris

Tu peux largement l’adapter à ta sauce avec les identifiants que je t’ai donné plus haut

[Offrande]

D'accord, merci beaucoup ^^
donc là, je vais me servir du code que tu m'as donner,
quand à m'as barre de navigation je te remercie pour le lien mais je me suis déjà occuper de celle-ci

[Offrande]

Par contre, je voie que sa ne fonctionne pas,
il faut que je mette des image "transparente" "empty" dans
affichage > image
non?

Car voila mon code css et cela ne change rien : /

Code:

#i_post { background:url("http://i73.servimg.com/u/f73/17/99/16/25/bon_su10.png");}
#i_post:hover { background:url("http://i73.servimg.com/u/f73/17/99/16/25/sujet_10.png");}

 
#i_reply { background:url("http://i73.servimg.com/u/f73/17/99/16/25/bon_re10.png");}
#i_reply:hover { background:url("http://i73.servimg.com/u/f73/17/99/16/25/repond10.png");}

 
#i_reply_locked { background:url("http://i73.servimg.com/u/f73/17/99/16/25/bon_lo10.png");}
#i_reply_locked:hover { background:url("http://i73.servimg.com/u/f73/17/99/16/25/locked10.png");}

[Matriochka]

Oui, et préciser dans tes lignes de CSS la hauteur (height) et largeur (width) des images.

[Offrande]

Mais je n'ai pas besoin puisceque se sont des image déjà faite : /

Sujet :
Sujet survolé :

Répondre :
Répondre Survolé :

Verouiler :
Verouiller survolé :

[Matriochka]

Oui, sauf que tu ne les insères pas en tant qu’image, mais en tant que background (fond). Tu es donc obligée de préciser leur taille si tu veux les voir apparaître…

[Offrande]

Oki d'accord, merci beaucoup ^^

Je met ceci en résolus