Comment modifier la couleur des liens actifs et au survol dans un widget personalisé ?

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

Résolu Comment modifier la couleur des liens actifs et au survol dans un widget personalisé ?

Message par @To le Dim 9 Aoû 2015 - 20:52

Détails techniques


Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/

Description du problème

Bonsoir,

Je souhaiterais dans un widget que j'ai créé appliquer ce code CSS:

Code:
a{color:#024FC2;}    /*===== couleur lien message =====*/           
 a:hover{color: #329C3D;} /*= couleur lien message au survol=*/

Merci d'avance.


Dernière édition par To-DMEvo le Lun 10 Aoû 2015 - 19:10, édité 1 fois

@To
*****

Masculin
Messages : 916
Inscrit(e) le : 26/02/2015

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

Résolu Re: Comment modifier la couleur des liens actifs et au survol dans un widget personalisé ?

Message par Milouze14 le Lun 10 Aoû 2015 - 6:19

Salut To-DMEvo,

si tu ne donnes pas plus de renseignement, cela va être compliqué cher ami Wink .
Tu peux donner le contenant de ton Widget stp.

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la couleur des liens actifs et au survol dans un widget personalisé ?

Message par @To le Lun 10 Aoû 2015 - 18:49

Re Salut,

Voici le contenu du widget personnalisé ci-dessous.

Il s’agit principalement de texte, c'est la dernière ligne: le lien "Lire la suite" pour qui je voudrais qu'une couleur de lien actif et au survol s'applique.

Code:
<div class="no-select">
       <strong><span style="font-size: 16px; line-height: normal">Exigences générales du standard</span></strong> <span style="color: rgb(102, 51, 153);"><span style="text-decoration: underline;"><strong><br /><br />Taille:</strong></span></span> De la pointe du bec jusqu'à l’extrémité de la queue: 11,5 cm. <span style="color: rgb(102, 51, 153);"><span style="text-decoration: underline;"><strong><br /><br />Type:</strong></span></span> Impression de force - Taille courte et trapue - Tête ronde - Cou tassé - Poitrine relativement large et ronde. La tête , le cou, le dos et la queue doivent former une seule ligne avec un creux minime dans la nuque et à l'intersection de la queue à hauteur du croupion. La courbe formée par l'arrondie de la poitrine et la ligne du ventre doit être régulière à partir de la gorge jusque la région anale. La...<br /><br />   
   <div align="center">
          <a href="http://www.diamant-mandarin-evo.com/t4103-exigences-generales-du-standard"><span style="color: #024FC2;">Lire la suite</span></a>   
   </div>
</div>

a+ Wink


@To
*****

Masculin
Messages : 916
Inscrit(e) le : 26/02/2015

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

Résolu Re: Comment modifier la couleur des liens actifs et au survol dans un widget personalisé ?

Message par Milouze14 le Lun 10 Aoû 2015 - 18:57

Re,

voici le code corrigé :
Code:
        <div class="no-select">
              <strong><span style="font-size: 16px; line-height: normal">Exigences générales du standard</span></strong> <span style="color: rgb(102, 51, 153);"><span style="text-decoration: underline;"><strong><br /><br />Taille:</strong></span></span> De la pointe du bec jusqu'à l’extrémité de la queue: 11,5 cm. <span style="color: rgb(102, 51, 153);"><span style="text-decoration: underline;"><strong><br /><br />Type:</strong></span></span> Impression de force - Taille courte et trapue - Tête ronde - Cou tassé - Poitrine relativement large et ronde. La tête , le cou, le dos et la queue doivent former une seule ligne avec un creux minime dans la nuque et à l'intersection de la queue à hauteur du croupion. La courbe formée par l'arrondie de la poitrine et la ligne du ventre doit être régulière à partir de la gorge jusque la région anale. La...<br /><br /> 
          <div align="center">
                  <a href="http://www.diamant-mandarin-evo.com/t4103-exigences-generales-du-standard"style="color: #024FC2;">Lire la suite</a> 
          </div>
        </div>



Il faut appliquer le style sur le lien de préférence Wink .

Ensuite pour le survol:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Code:

.no-select a:hover{color: #329C3D;}

Penses à cliquer sur le bouton
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la couleur des liens actifs et au survol dans un widget personalisé ?

Message par @To le Lun 10 Aoû 2015 - 19:10

Nikel! thumright J'ai juste rajouté un !important .

Merci, bonne soirée.

@To
*****

Masculin
Messages : 916
Inscrit(e) le : 26/02/2015

@To 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