Image sujet qui change au passage de la souris

[Mayu Higurachi]

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'

[Lixyr]

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

[Kiirii]

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

[Mayu Higurachi]

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'

[Kiirii]

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.
Pour utiliser les templates il faut que tu sois fondateur du forum et que la version soit phpBB2 ou PunBB.

Direction les templates.

PA
Affichage
Templates
Général
Index_Box

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 .

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

PA
Affichage
Images et couleurs
Couleurs
Feuille de Style CSS

Puis entrez-y ce code

Code:


.fond_titre:hover{
background-image: url("URLDEL'IMAGE"};
}


Enregistrez et voilà c'est terminé.

[Mayu Higurachi]

Merci beaucoup ^^
:thanks: