Rollover sur 3 boutons du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Rollover sur 3 boutons du forum

Message par Offrande le Mar 19 Fév 2013 - 21:09

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.


Dernière édition par Offrande le Ven 22 Fév 2013 - 10:12, édité 1 fois

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Matriochka le Mer 20 Fév 2013 - 12:16

Bonjour,

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Offrande le Mer 20 Fév 2013 - 20:05

Bonjour,

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

Bisous.

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Matriochka le Jeu 21 Fév 2013 - 13:15

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Offrande le Jeu 21 Fév 2013 - 17:03

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. I love you

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Matriochka le Jeu 21 Fév 2013 - 17:11

Ah tu parles de ceci :
Code:
#i_post {
background:url("");}

#i_post:hover {
background:url("");}
Premier code sans survol, deuxième avec.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Offrande le Jeu 21 Fév 2013 - 17:14

Merci beaucoup Matriochka,

mais pourquoi "Background"? ^^

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Matriochka le Jeu 21 Fév 2013 - 17:17

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.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Offrande le Jeu 21 Fév 2013 - 17:21

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

aperçus : (du bouton verrouiller)



Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Matriochka le Jeu 21 Fév 2013 - 17:22

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Offrande le Jeu 21 Fév 2013 - 17:25

Oui ^^

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Matriochka le Jeu 21 Fév 2013 - 17:27

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 :
http://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 Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Offrande le Jeu 21 Fév 2013 - 17:29

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 Wink

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Offrande le Jeu 21 Fév 2013 - 17:32

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");}

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Matriochka le Jeu 21 Fév 2013 - 17:45

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Offrande le Jeu 21 Fév 2013 - 17:49

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é :

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Matriochka le Jeu 21 Fév 2013 - 17:57

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…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rollover sur 3 boutons du forum

Message par Offrande le Ven 22 Fév 2013 - 10:11

Oki d'accord, merci beaucoup ^^

Je met ceci en résolus I love you

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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