6 décembre 2010

Template notebook red

Cette page permet de découvrir une version rouge 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 BLEUE 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">#content-wrapper-ext{padding:0px;margin:0px 1.5%;background:white;border:10px solid #900;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 #900;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:1765px;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;}body {background:#F5DEB3;}.d50bl li ul {border: 1px solid #900;}a:link{color:#900}a:visited{color:#900}a:hover {color: #88bb22;}.d50bl a:hover{background:#900;}.d50blfixe a:hover {color:#900;background:#ddd;}#header h1 {background:#900;}h3{color:red;}.post h3 a {color:red;}h3{color:red;}#main{color:#900}</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 red

0 commentaires:

Enregistrer un commentaire


Template image by Sookhee Lee. Powered by Blogger.
blogger