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

2 participants

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 Ven 28 Oct 2011 - 18:44

Bonsoir,
J'aimerais savoir faire cet effet avec les titres de mon forum :
Un texte de couleur bleu qui devient jaune quand l'on passe le curseur dessus. 482897anigif 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 - 21:01, édité 1 fois
avatar

Ocarina
****

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

Voir le profil de l'utilisateur
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 Ven 28 Oct 2011 - 19: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

Kaktus
***

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

Voir le profil de l'utilisateur 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 Ven 28 Oct 2011 - 20: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)
avatar

Ocarina
****

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

Voir le profil de l'utilisateur
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 Ven 28 Oct 2011 - 20: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

Kaktus
***

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

Voir le profil de l'utilisateur 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 Ven 28 Oct 2011 - 20: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?:$
avatar

Ocarina
****

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

Voir le profil de l'utilisateur
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 Ven 28 Oct 2011 - 20:16

Un cadre au survol ou directement sur le texte ?
Kaktus

Kaktus
***

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

Voir le profil de l'utilisateur 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 Ven 28 Oct 2011 - 20: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>
avatar

Ocarina
****

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

Voir le profil de l'utilisateur
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 Ven 28 Oct 2011 - 20: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

Kaktus
***

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

Voir le profil de l'utilisateur 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 Ven 28 Oct 2011 - 20:22

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

Ocarina
****

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

Voir le profil de l'utilisateur
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 Ven 28 Oct 2011 - 20: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

Kaktus
***

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

Voir le profil de l'utilisateur 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 Ven 28 Oct 2011 - 21:01

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

Ocarina
****

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

Voir le profil de l'utilisateur
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 Ven 28 Oct 2011 - 21:11

Ravie d'avoir pu aider ! Wink

Kaktus.
Kaktus

Kaktus
***

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

Voir le profil de l'utilisateur 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

- Sujets similaires

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