Bonjour à tous, ne sachant trop ou poster un tuto, je me permets de l'insérer dans cette partie du forum.
Pour les modérateurs : milles excuses de vous laisser diriger le topic vers la bonne section.
Avant tout, voici ce que vous obtiendrez :
Cela vous plaît ??? OUi. Commençons donc.
1 - Imaginons que vous souhaitez installer une ombre portée sur le mot règlement (voir capture)
Procédez ainsi :
- Code:
-
<span id="blondy">~ Règlement ~</span><span id="blondy2">~ Règlement ~ </span>
2 - Le css à installer dans votre feuille de style
- Code:
-
#blondy {
color:#ffffff;
display:block;
font-family:lucida ;
font-size:18px;
font-weight:bold;
letter-spacing:2px;
padding-top:18px;
}
#blondy2 {
color:#FF0000;
display:block;
font-family:lucida ;
font-size:18px;
font-weight:bold;
letter-spacing:2px;
margin-top:-26px;
padding-right:2px;
}
Quelques explications :
- Code:
-
#blondy { /* Nom de l'ID .--------------------------------------*/
color:#ffffff;/* COULEUR DU TEXTE .--------------------------------------*/
display:block;/* NE PAS MODIFIER .---------------------------------------*/
font-family:lucida ;/*nOM DE L'ECRITURE ; .------------------------------*/
font-size:18px;/*nOM DE L'ECRITURE .------------------------------------*/
font-weight:bold;/*nOM DE L'ECRITURE .----------------------------------*/
letter-spacing:2px;/*ESPACEMENT ENTRE LES CARACTERES .----------*/
padding-top:18px;/*MARGE INTERIEURE .---------------------------------*/
}
#blondy2 {/*nOM DE L'ID ; .-------------------------------------------------*/
color:#FF0000;/*COULEUR DU TEXTE .-------------------------------------*/
display:block;/*NE PAS MODIFIER .------------------------------------------*/
font-family:lucida ;/*nOM DE L'ECRITURE .---------------------------------*/
font-size:18px;/*TAILLE DE L'ECRITURE .-----------------------------------*/
font-weight:bold;/*NE PAS MODIFIER .--------------------------------------*/
letter-spacing:2px;/**ESPACEMENT ENTRE LES CARACTERES .----------*/
margin-top:-26px;/**MARGE ATTRIBUEE AU TEXTE COMPOSANT L'OMBRE .-*/
padding-right:2px;/*MARGE INTERIEURE DROITE---------------------------*/
}
}
Bon amusement.
Lun 03 Juin 2024, 17:20 par 
