7 décembre 2010

Template notebook blue

Cette page permet de découvrir une version du blog en forme de cahier à anneaux. La largeur du blog s'adapte automatiquement à la résolution de l'écran.

Pour l'obtenir, placer le code qui suit dans un gadget HTML/JavaScript en-dessous des messages.

Une version ROUGE du blog en forme de CAHIER A ANNEAUX est disponible ici.

Une version VERTE du blog en forme de CAHIER A ANNEAUX est disponible ici.

<style type="text/css">body{background:rgb(161,187,220);}#content-wrapper-ext{padding:0px;margin:0px 1.5%;background:white;border:10px solid rgb(70,100,120);border-bottom:none;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;-goog-ms-border-radius: 10px 10px 10px 10px;}#content-wrapper{margin:0px;border-bottom:10px solid rgb(70,100,120);background:transparent url(http://3.bp.blogspot.com/-y61kLkmpJCU/TtvG6wh-HII/AAAAAAAABCI/vD031zxYz-Y/s1600/template%2Banneaux%2B7.PNG) top left repeat;}#main{min-height:1610px;margin-left:0px;padding-left:7%;width:58%;border:none;background:transparent url(http://1.bp.blogspot.com/-mwHvfiYGLzU/TtvGzg4BGgI/AAAAAAAABB8/YqO-8-qzUAI/s1600/template%2Banneaux%2B6.PNG) top left repeat-y;}#sidebar{border:none;background:transparent;}#HTML1{display:none;}</style>

Comment ajouter un gadget HTML/JavaScript sur un blog

Pour éviter que la colonne des messages soit plus courte que la colonne latérale et qu'il manque des anneaux, l'instruction #main{min-height: (à adapter en fonction de la longueur de la colonne latérale) a été ajoutée.

notebook blue

0 commentaires:

Enregistrer un commentaire


Template image by Sookhee Lee. Powered by Blogger.
blogger