changer couleur selection text wordpress

Changer la couleur de sélection texte CSS3 sur WordPress

Bien que cette petite astuce CSS3 n’est pas très  importante pour votre projet ou conception de votre blog WordPress, mais c’est un effet fantastique qui prend vraiment votre thème wordpress un peu plus loin et rend votre blog original et différent des autres blogs.

changer couleur selection text wordpress

Chaque fois qu’une personne sélectionne un texte, sa couleur change en une autre couleur définie. Par exemple, sur mon thème de blog, si vous sélectionnez du texte, vous remarquerez la couleur bleu du thème à la place des couleurs par défaut.

Actuellement, la plupart des navigateurs internet prennent en charge l’attribut de section du texte et les navigateurs qui ne le prennent pas en charge vont tout simplement ignorer ce code de manière à ne rien casser, donc vous ne courez aucun risque.

Comment changer la couleur de sélection texte de votre thème wordpress

Ouvrez le fichier style.css de votre thème WordPress et ajoutez les styles suivants:

::-moz-selection {
 background-color: #ff6200;
 color: #fff;
}
::selection {
 background-color: #ff6200;
 color: #fff;
}

Vous pouvez changer la couleur #ff6200 par n’importe quelle autre couleur de sélection texte pour correspondre à la couleur de votre thème wordpress.

C’est vraiment aussi simple que cela.

Allez-y et amusez-vous avec les CSS3 et le style du texte sélectionné sur votre blog wordpress.

Laissez un commentaire pour nous montrer le résultat que ça donne sur votre blog ;)

Super marketeur

Bernard Bondy, Web Marketeur et Créateur de sites internet depuis 2009. Développeur du plugin WP EXPLOSION. Je travaille maintenant à plein temps sur internet en aidant d’autres personnes à construire leur propre business internet rentable. Me contacter. Suivre sur Twitter.

1 Comments

    Super marketeur
  • A c’est plutot sympa comme effet.
    Allez hop, en bookmarks, et dés que j’ai un petit pu de temps je met ca en place.
    Merci, c’est simple, et ca ajoute un petit truc a son blog.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ebook Gratuit: 75 facteur de référencement pour doubler le trafic de votre site

Entrez votre adresse email pour télécharger immédiatement...