Vous souhaitez modifier la couleur de fond des textes sélectionnés sur les pages de votre site WordPress, copiez/collez le code suivant dans le fichier style.css de votre thème:
::-moz-selection { /* Code for Firefox */
color: #FFF;
background: yellow;
}
::selection {
color: #FFF;
background: yellow;
}
Et voilà!
Les balises et , qui servaient à éviter les césures au sein d’une expression, sont aujourd’hui considérées comme non standards.
Elles peuvent être remplacées avec votre fichier CSS de la façon suivante:
1. Ajoutez ce code au fichier style.css
.test{
white-space: nowrap;
}
2. Dans votre page:
<div class="test">Le texte sans césure</div>
Et voila, le texte contenu dans la balise <div> ne contiendra plus de saut à la ligne…
Si vous souhaitez mettre en surbrillance les commentaires de l’administrateur du site, histoire de les visualiser plus rapidement? Suivez simplement les étapes ci-dessous:
.authcomment {
background-color: #B3FFCC !important;
}
Dans votre fichier comments.php, recherchez une ligne qui ressemble à celle-ci:
<li class=”<?php echo $oddcomment; ?>” id=”comment…
et remplacez la par:
<li class=”<?php /* Utilisez uniquement la classe authcomment de style.css si le user_id est 1 (admin) */ if (1 == $comment->user_id) $oddcomment = “authcomment”; echo $oddcomment; ?>” id=”comment…
Et voila…
Ce petit bout de code est parfait pour présenter l’auteur des articles de votre blog.
<div class="circle" style="background-image:
url('https://img.labnol.org/di/bo.jpg')">
</div>
<style>
.circle {
display: block;
width: 150px;
height: 150px;
margin: 1em auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 99em;
-moz-border-radius: 99em;
border-radius: 99em;
border: 5px solid #eee;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
</style>