Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

[Ocarina]

Bonsoir,
J'aimerais savoir faire cet effet avec les titres de mon forum :
J'ai fais des captures d'écrans, et j'ai fais une "animation" en giff avec PhotoScape pour que vous voyez ce que sa done.(; Donc à l'origine, le texte est bleu et quand l'on passe le curseur dessus il devient jaune. Je ne voudrais pas mettre exactement les même couleurs, mais je voudrais savoir comment faire cet effet. Mes templates ne sont pas modifié en revanche, j'ai mon CSS qui contient un code pour mettre un effet opacité sur les avarts et autres images de mon forum.


Pourriez vous m'aidez et me donné des informations?
Merci.

[Kaktus]

Bonsoir,
Juste les titres des forums ? Dans ce cas, ce code devrait vous convenir:

Code:

a.forumlink:hover{
color: #FFFFFF;
}

Et remplacer #FFFFFF par la couleur désirée.

Kaktus.

[Ocarina]

Merci, le code marche à la perfection Serait-il possible de faire pareil avec.. Un texte par exemple? Je possède une forum de RPG (roling- player-games) et j'aimerais faire cet effet sur des textes =/ C'est juste pour savoir si c'est faisable ou pas x)

[Kaktus]

Oui c'est tout à fait possible.
Il suffit d'ajouter un span avec une class sur le texte en question, comme ceci:

Code:

<span class="nomduspan">Texte</span>

Et de mettre un CSS associé.

Code:

.nomduspan:hover {
color: #FFFFFF;
}

Et remplacer #FFFFFF par la couleur désirée.

Kaktus.

[Ocarina]

*__* C'est la fête au village en ce moment pour moi x) Dernière question et j'arrête de vous embêtez Est-ce possible de faire avec un cadre?:$

[Kaktus]

Un cadre au survol ou directement sur le texte ?

[Ocarina]

Un cadre comme celui ci :

Code:

<div style="background-color: #eedd88; position: relative; width: 502px;padding: 10px; border-color: #bbaa55; border-width: 1px; border-style: solid;"> <img src="http://25.media.tumblr.com/tumblr_l6l3a6SIqI1qzvgmyo1_500.png"> </div>

[Kaktus]

Se serait pour une image comme l'exemple ou sur un texte ?
Si c'est une image, le code est le même en changeant les propriétés, non ?

[Ocarina]

Non, la bordure du cadre qui change de couleur au passage du curseur (:

[Kaktus]

Ah, d'accord.

On va ajouter à notre image une class, comme ceci:

Code:

<img src="URLIMAGE" class="nomdelaclass">

Et lui associer un CSS

Code:

.nomdelaclass {
border: 5px solid #000000;
}

.nomdelaclass:hover {
border: 5px solid #FFFFFF;
}

Remplacer #000000 et #FFFFFF par les couleurs de votre choix.

Kaktus.

[Ocarina]

Merci à vous, il marche très bien

[Kaktus]

Ravie d'avoir pu aider !

Kaktus.