Mettre certains mots en couleur
Pour mettre certains mots du texte en couleur ou modifier leur taille ou toute autre caractéristique typographique, il suffit d’entourer ceux-ci de balises. Par exemple :
Rouge : <cs_rouge>le texte en rouge</cs>
Orange : <cs_orange>le texte en orange</cs>
xxl : <cs_xxl>le texte en plus gros</cs>
le principe est <cs_code>
le texte à mettre en couleur ou autre</cs>
.
Les couleurs disponibles d’origine pour les styles définis par défaut étant :
noir, marron, rouge, orange, jaune, vert, bleu,violet, gris, blanc.
les tailles disponibles par défaut étant : xxxl, xxl, xl, l, s, xs, xxs
Il convient cependant de ne pas abuser de cette possibilité pour ne pas détruire la cohérence graphique et typographique du site. Ceci est utilisable dans tous les éléments des articles, sauf les titres...
span imbriqués
Il est possible d’imbriquer les balises. Par exemple :
<cs_rouge>cette partie de phrase est en rouge <cs_vert>ceci en vert</cs> et de nouveau en rouge</cs>
Produira : cette partie de phrase est en rouge ceci en vert et de nouveau en rouge (simulé ici par du gras et de l’italique).
Notes :
- Ne pas oublier de fermer les balises et de ne l’appliquer qu’à l’intérieur du même paragraphe (différence de comportement là dessus entre IE et les navigateurs intelligents).
- Il est important d’avoir autant de balises de fermeture (</cs>) que de balises d’ouverture.
- Les balises sont fermées dans l’ordre inverse où elles ont été ouvertes.
- Lors de l’imbrication le span le plus « interne » hérite des propriétés non redéfinies du premier (dans l’exemple précèdent si le style rouge est souligné alors la partie en vert le sera aussi sauf si on a redéfini cette propriété pour le vert (text-decoration : none ;)
Définir ses styles personnels
Pour cela il suffit de créer dans son dossier squelettes un dossier « css » et d’y placer une copie de la feuille de style du plugin que l’on modifiera ensuite en supprimant ou ajoutant des styles. Elle devra s’appeler couleurs_spip.css.
Les noms des styles doivent tous commencer par « cs_ »
span.cs_nb {
color: white;
background-color: black; }
définit par exemple un style de style « noir au blanc » (caractères en blanc sur fond noir).
Ce style sera alors utilisé dans le texte de l’article (ou du chapeau ou de tout autre élément) par <cs_nb>le texte écrit en noir au blanc</cs>
Rappelons que le bon goût en matière de typo doit rester de mise :-)) dans les couleurs et les effets, et que leur utilisation doit rester parcimonieuse.
Disponible sur la zone.
Aucune discussion
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |