Toutes les modifications de la feuille de style css se font dans :
l'espace membre>
espace écriture >
aspect visuel >
personnalisation de l'aspect visuel :
Fichiers modifiables > Feuille de styles.
Il faut, si on veut modifier l'apparence visuelle de notre journal éditer cette feuille, puis la modifier. C'est vrai que cette feuille peut paraître très compliqué, mais on peut pourtant modifier très facilement certaines valeurs.
En partant de l'aspect visuel par défaut, on va opérer quelques transformation afin d'ajuster certains paramètres.
Très facilement on peut modifier : La police : le style, la taille, et la couleur
On peut attribuer une police différente pour chaque élément du journal, il suffit de bien repérer dans la feuille css ces différents éléments.
Le style de la police en css c'est : font-family
la taille de la police c'est : font-size
la couleur de la police c'est : color ( si on ne précise pas la couleur ce sera noir par défaut)
On commence par préciser les paramètres valable pour toute la page dans la partie :
/* Définition des paramètres de la page */
Si on veut par exemple que le style de la police pour toute la page soit en Arial c'est ici qu'il faudra le préciser. Mais si je veux par exemple que seul le titre soit en Times et que le reste soit en Arial, je fixerais Arial pour les paramètres de la page, et je préciserais Times pour le titre.
Voilà ce que l'on trouve sur le fichier par défaut pour les paramètres de la page :
/* Définition des paramètres de la page */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: url(fond2.png) no-repeat left;
}
Ce qui nous intéresse c’est donc : font-family et font size. Pas d’indication pour color, cela veut dire que par défaut la couleur de la police est noire.
On remarque qu’il y a trois type de styles différents définis pour font-family : Arial, Helvetica, sans-serif;
Pourquoi ?
En fait tout dépend des polices qui sont disponibles sur l’ordinateur qui visualise la page. Si l’ordinateur dispose de la police Arial c’est elle qui sera choisi en premier, sinon il essayera Helvetica puis en dernier sans-serif si les deux premières ne sont pas disponible. Il vaut mieux choisir des polices courantes pour être sur qu’elles soient disponibles. Attention à la ponctuation en css, ne jamais oublier les virgules entre les différentes polices, et le point virgule de fin. Pour les noms de polices composés de plusieurs mots comme Times New Roman, le nom est à mettre entre guillemets.
Exemple : Si je veux comme première police Verdana, en deuxième Times New Roman, et en dernier si les deux autres ne sont pas disponible je voudrais serif, je devrais alors avoir :
font-family: Verdana, "Times New Roman ",serif;
Et voilà j’ai adapter la police de ma page à ce que je désirais.
Passons à la taille de la police : font-size Ici par défaut la taille de la police est de 12px (pixels)
Je trouve que la police de ma page est trop petite, et bien je modifie pour avoir 14px. Pas encore assez grand, et bien je passe à 16px. Trop grand j’essaye alors 10px.
Maintenant je voudrais que la police de tout mon journal soit en grise, je rajoute alors en dessous de font-size : color: gray; (et oui en anglais, la css ne comprend pas le français) ce qui donnera donc :
/* Définition des paramètres de la page */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: gray;
background: url(fond2.png) no-repeat left;
}
Color disponible : Black , Silver, Gray, White, Maroon, Red, Purple, Fuschia, Green, Lime, Olive, Yellow, Navy, Blue, Teal, Aqua.
A tester ! Voilà tout ce qu’il faut savoir pour modifier le style, la couleur et la taille de la police. Je reviendrais plus tard sur les différents endroits à modifier pour donner un aspect spécifique au corps de texte, au titre ou au bloc menu.
Remarque : Pour éviter le petit logo orange, supprimer la ligne :
background: url(rond.png) no-repeat left;
qui se trouve un peu plus bas dans h1