Etape 13: Styles css communs

Avant d'aborder le paramétrage des styles css propres à joomla, il convient de définir les styles par défaut qui seront généralisés pour toutes les pages du site tel que le style d'élément

p{}

qui permet de paramétrer les paragraphes

Ajoutez le code suivant au fichier css:

p {

margin-top: 0;
margin-bottom: 5px;
text-align: justify;

}

Voici le résultat attendu si vous cliquez sur le lien "Licence Joomla!" dans le menu à gauche

Vous constatez que le texte est devenu justifié. Les marges d'en haut (margin-top) et d'en bas (margin-bottom) de page ont été réduites. Vous pouvez les ajuster à votre convenance.

Le style d'élément

td{}

permet de paramétrer les cellules de tableau. Ajoutez le code suivant au fichier css pour en définir la couleur du texte et le type de police par défaut :

td {

font-family: Arial,Helvetica,sans-serif;
color: #333;

}

Pour les liens hypertextes, ajouter le code suivant:

a {

outline: none;

}
a:link, a:visited {

text-decoration: none;
font-weight: normal;
color: #929b43;
font-size:12px;

}
a:hover {

text-decoration: none;
font-weight: normal;
color: #929b43;
font-size:12px;

}

:link permet de définir l’apparence d’un lien lorsque celui-ci n’a pas encore été visité.

:visited permet de définir l’apparence d’un lien lorsque celui-ci a déjà été visité.

:hover permet de définir l’apparence d’un lien lorsque celui-ci est survolé.

"text-decoration: none" est  utilisé pour supprimer le soulignement, par défaut, des liens hypertextes.

Voici le résultat attendu pour la page "Licence Joomla!".