CoupdePouce

Les astuces de Jacky

Petite astuce a utiliser avec modération!!.

Etant donné que les balises <font> et <span-style> ne sont plus recommandées par le W3C,
et qui provoquent des erreurs dans le code source quand elles ne sont pas utilisées
dans les balises <p style> et <div style>, vous pouvez passer par la feuille de style. 

Allez dans la zone " Contenu de l'article* "
et introduisez ces codes pour la couleur du texte:

.c1{background:none;color:#ffd700!important;font-style:normal;}
.c2{background:none;color:#5BF5E3!important;font-style:normal;}

Remarque: !important permet de spécifier que la propriété est la plus importante dans votre feuille css, dû au faite que Internet Explorer n'interprète pas les mêmes propriétés que Firefox. C'est à dire que sans !important, IE affichera la couleur par défaut que vous aurez mis dans la feuille de style.

Vous pouvez inscrire ainsi autant de couleurs (.c1- .c2 color:XXX) que vous désirez
pour agrémenter votre article.

Voici les couleurs avec leurs noms et codes.

Pour la couleur de fond (background) que vous voyez sous le texte en mode HTML de votre article:

 

<p class="nom de la classe" style="-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4.5px;background:#c71585;
width:420px; margin-left:120px; text-align:center;">Les <em class="c1">astuces</em>
de<em class="c2">Jacky</em></p> . 

Note: le point représente 'class' et le #'id'.

Exemple: div class > .c1  et  div id > #c1 .

-moz-border-radius sert à arrondir les coins de la couleur de fond.

Ce qui donne le résultat d'un texte avec deux couleurs différentes comme vous le voyez en entête de l'article.

Pour mieux comprendre le CSS c'est par ici