ajouter relief aux colonnes et messages

obtenir ces boutons

Ajouter du relief aux colonnes et aux messages

Sur ce blog, un relief a été ajouté à ces éléments : l'en-tête, l'élément qui contient les messages, la colonne latérale gauche et les 3 colonnes de bas de page.

Pour obtenir cela, il suffit de coller le code suivant dans un gadget HTML/JavaScript :
<style type="text/css">#header-wrapper,#main,#sidebar,#footer-left,#footer-mid,#footer-right{
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 5px #aaa;
-webkit-box-shadow: 1px 1px 5px #aaa;
box-shadow: 1px 1px 5px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa',Direction=135,Strength=4);zoom: 1;}</style>
Selon le template et les éléments que l'on veut mettre en relief, on corrigera: #header-wrapper,#main,#sidebar,#footer-left,#footer-mid,#footer-right

Cela fonctionne avec Firefox ET avec Internet explorer.


Rappel : comment ajouter un gadget HTML/JavaScript sur un blog : cliquer ici.

Aucun commentaire: