Ce code permet de modifier le survol de l’écriture et de modifier le style de l’Écriture. En effet, je vous propose donc quelques tutoriels auquel vous pouviez faire apparaître ou de faire disparaitre un survol des liens grossissant.


Effet sur l’écriture

Effet sur l’écriture + Mini-Majuscule

♦ Rendez-vous maintenant dans votre Feuille de Style CSS
♦ Dirigez-vous dans Affichages > Couleurs > Feuille de Style CSS (pour Forumactif)
♦ Insérez ce code en modifiant les #COULEUR par ce que vous souhaitez, puis Validez

a
{text-decoration: none;}

a:hover
{background-color: #COULEUR;
text-transform: uppercase;}

♦ Si vous ne vouliez pas d’effet grossissant mais que vous souhaitez garder l’effet de fond. Vous n’aviez qu’a retirer un bout code dans a:hover qui se trouve dans la feuille de style CSS parmi le code ci-dessus.

text-transform: uppercase;

♦ Pour rajouter une écriture en mini-majuscule, vous n’aviez donc qu’à rajouter ce code entre les {} :

font-variant: small-caps;

♦ Comme par exemple

a
{text-decoration: none;
font-variant: small-caps;}

a:hover
{background-color: #COULEUR;
text-transform: uppercase;
font-variant: small-caps;}

♦ Pour rajouter un effet d’ombre sur vos liens, veuillez rajouter ce code entre {} en choisissant une couleur :

text-shadow: #COULEUR 1px 1px 1px;

♦ Ce qui donne au total en plus de l’écriture en mini-majuscule :

a
{text-decoration: none;
font-variant: small-caps;
text-shadow: #COULEUR 1px 1px 1px;}

a:hover
{background-color: #COULEUR;
text-transform: uppercase;
font-variant: small-caps;
text-shadow: #COULEUR 1px 1px 1px;}

♦ Et c’est terminé !

© By Shaynee

Laisser un commentaire

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