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

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

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

Message par Ocarina le Ven 28 Oct 2011 - 20:44

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.


Dernière édition par Ocarina le Ven 28 Oct 2011 - 23:01, édité 1 fois

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Kaktus le Ven 28 Oct 2011 - 21:57

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.

Kaktus
***

Féminin
Messages : 160
Inscrit(e) le : 12/12/2010

http://capharnaum.forumactif.fr/
Kaktus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Ocarina le Ven 28 Oct 2011 - 22:03

Merci, le code marche à la perfection Very Happy 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)

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Kaktus le Ven 28 Oct 2011 - 22:10

Oui c'est tout à fait possible. Wink
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.

Kaktus
***

Féminin
Messages : 160
Inscrit(e) le : 12/12/2010

http://capharnaum.forumactif.fr/
Kaktus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Ocarina le Ven 28 Oct 2011 - 22:15

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

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Kaktus le Ven 28 Oct 2011 - 22:16

Un cadre au survol ou directement sur le texte ?

Kaktus
***

Féminin
Messages : 160
Inscrit(e) le : 12/12/2010

http://capharnaum.forumactif.fr/
Kaktus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Ocarina le Ven 28 Oct 2011 - 22:19

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>

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Kaktus le Ven 28 Oct 2011 - 22:21

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 ? Wink

Kaktus
***

Féminin
Messages : 160
Inscrit(e) le : 12/12/2010

http://capharnaum.forumactif.fr/
Kaktus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Ocarina le Ven 28 Oct 2011 - 22:22

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

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

Ocarina a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Kaktus le Ven 28 Oct 2011 - 22:59

Ah, d'accord. Wink

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.

Kaktus
***

Féminin
Messages : 160
Inscrit(e) le : 12/12/2010

http://capharnaum.forumactif.fr/
Kaktus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Ocarina le Ven 28 Oct 2011 - 23:01

Merci à vous, il marche très bien Very Happy

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus.

Message par Kaktus le Ven 28 Oct 2011 - 23:11

Ravie d'avoir pu aider ! Wink

Kaktus.

Kaktus
***

Féminin
Messages : 160
Inscrit(e) le : 12/12/2010

http://capharnaum.forumactif.fr/
Kaktus 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