Image sujet qui change au passage de la souris

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

Résolu Image sujet qui change au passage de la souris

Message par Mayu Higurachi le Ven 27 Aoû 2010 - 19:31

Bonjour/Bonsoir,

J'ai recherché mais n'ayant pas trouvé une réponse
à mon problème je poste un nouveau message.
Mille excuses si il existe déjà. *courbettes*

Tout d'abord comme je ne sais pas très bien expliquer
j'ai fait un screen de ce que je voulais:


voici un screen de départ
et je voudrais que ça devienne comme ceci
lorsque la souris survol le titre de la catégorie:


Vous voyez la différence?
J'aimerai passer du screen1 au screen2,
lorsque l'on passe la souris sur le titre de la catégorie
mais comment? Il parait qu'il y a un code, mais je
ne le trouve pas... TT

Pouvez-vous m'aider?

Merci!

May'

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sujet qui change au passage de la souris

Message par Lixyr le Ven 27 Aoû 2010 - 20:52

Ah tu veux une image de fond en fait.

C'est intéressant, mais comme je ne trouve pas le code, je le veux bien aussi. n0n

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sujet qui change au passage de la souris

Message par Kiirii le Sam 28 Aoû 2010 - 2:19

Bonsoir,
Il suffit d'utiliser la propriété CSS :hover.
Pouvez-vous me donner l'adresse de votre forum svp?

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sujet qui change au passage de la souris

Message par Mayu Higurachi le Sam 28 Aoû 2010 - 20:36

Bonjour/ Bonsoir,
http://tigrayasha.coolbb.net/
Mais j'aimerais aussi le mettre sur
d'autres forums.
Si il y a une marche à suivre,
pouvez vous me l'indiquer
s'il vous plaît.
Pour que je puisse la reproduire.

Merci


May'

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sujet qui change au passage de la souris

Message par Kiirii le Sam 28 Aoû 2010 - 21:23

Ah d'accord je croyais que les screens provenaient de ton forum et que le deuxième screen était modifié.

Eh bien il faut aller dans les templates pour faire en sorte que le fond fasse toute la cellule et non le fond du titre du forum seulement.
Warning Pour utiliser les templates il faut que tu sois fondateur du forum et que la version soit phpBB2 ou PunBB.

Direction les templates.

Like a Star @ heaven PA
Like a Star @ heaven Affichage
Like a Star @ heaven Templates
Like a Star @ heaven Général
Like a Star @ heaven Index_Box edit

Cherchez ces lignes:
Code:

<span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
Puis encadrez les avec une balise div où on lui attribuera une class nommée fond_titre, vous devriez alors avoir ce résultat:

Code:

<div class="fond_titre">
<span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
</div>

Ensuite enregistrez et n'oubliez pas de confirmer en appuyant sur ajout .

Maintenant on va modifier ça dans le css et utiliser :hover:

Like a Star @ heaven PA
Like a Star @ heaven Affichage
Like a Star @ heaven Images et couleurs
Like a Star @ heaven Couleurs
Like a Star @ heaven Feuille de Style CSS

Puis entrez-y ce code
Code:

.fond_titre:hover{
background-image: url("URLDEL'IMAGE"};
}
Enregistrez et voilà c'est terminé.

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sujet qui change au passage de la souris

Message par Mayu Higurachi le Sam 28 Aoû 2010 - 21:26

Merci beaucoup ^^
Bravo2 résolu merci Thanks

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi 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