Thème pour Wordpress : Le graphisme
L'essentiel du graphisme dans le thème Cryonie est dans l'en-tête de page. Celui-ci a la structure suivante:
<div id="header">
<div id="logoback"></div>
<div id="logo"></div>
<div id="navbar">
<span id="navcat"></span>
<span id="navpage"></span>
</div>
</div>
La balise header englobe l'en-tête entière du site. On lui donne en fond un dégradé de gris. Celui-ci a la hauteur de l'en-tête moins la hauteur de la barre de navigation qui a son propre fond.
Les balises logoback et logo sont superposées par la feuille de style.
La balise logoback contient l'image de fond du logo, grâce à un effet de fondu de l'opaque vers le transparent, réalisé avec The Gimp, elle se fond progressivement avec le fond de l'en-tête.
Le logo est superposé à l'image de fond grâce à l'attribut z-index qui est de niveau trois, donc supérieur à celui de l'image de fond qui est de niveau 2 (et le fond de l'en-tête de niveau 1).
La barre de navigation utilise aussi un dégradé de gris sur blanc qui l'on réalise très facilement avec l'outil de dégradé de The Gimp.
L'inconvénient de ce choix graphique est que les images de logo et de fond doivent être au format de fichier GIF ou PNG pour disposer de la transparence, et ont une taille plus importante que des fichiers JPG.
On peut modifier évidemment le thème pour utiliser un choix graphique différent.
Voir aussi
|
|
|