Un effet d’ombre pour votre blog
Date: 5/10/2007 | Catégories: Blog,Developpement,Web | Tags: Blog,Image,ombre,site
Depuis la création de mon thème, je trouvais que les pages ne se détachaient pas assez du fond d'écran du blog. J'ai donc décidé de mettre en place un effet d'ombre come on peut le trouver sur de nombreux sites et sur les dernières versions des systèmes d'exploitations.
Avant - Aprés
Voici comment j'ai procédé. Il faut dans un premier temps créer une image qui servira de base à votre fond d'écran. Cette image dépend des dimensions de votre blog. L'image ci-dessous correspond à une ombre pour un site dont la page fait 800 pixels de large avec une couleur de fonds blanc cassé (code #EEEEEE).
Il faut ensuite éditer votre feuille de style et modifier la section "body" de la manière suivante:
body {
background-color: #EEEEEE;
background-position: center top;
background-repeat: repeat-y;
background-image: url(images/ombre.gif);
...
Je trouve le résultat assez sympathique, le contenu étant plus lisible.