http://makingof.karmaos.com/post/10 (papiers peints)

 

http://makingof.karmaos.com/post/11 (widgets)

http://makingof.karmaos.com/post/13 (design)

élargir blog et colonne:
http://makingof.karmaos.com/post/19


#page_shadow {width:820px;}
#page,#page_z2 {width:800px;}
#column .box { width:210px; }

http://makingof.karmaos.com/post/27 (widget htlm libre)

il se peut que vous vouliez supprimer l'habillage classique de ce widget particulier. C'est pas très compliqué. Regardez le source de votre page afin de connaitre le numéro de votre widget (chaque widget possède son numéro unique). Puis ajoutez les directives suivantes dans votre feuille de style :

/* on depouille la boite des liens Xiti - eStats - Technorati */
#box_164 .head {display:none;}
#box_164 .foot {display:none;}
#box_164 .body h3 {display:none;}
#box_164 .box .body {background:white;border-top:0;}
#box_164 .body a {padding:2px 2px 2px 2px;}
#box_164 .body a:hover {background:white;}

(exemple pris sur blog aurora pour n° widget)

http://makingof.karmaos.com/post/17 (spam mass killer)

http://www.karmaos.com/comment/last (100 derniers coms de karmaos)


 


 autres pour le css:

http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp (codes de couleurs)

 http://slaout.linux62.org/html_css/index.html (tutorial css)

avec firefox d'après STEPHANE:

si tu es motivé : tu installes l'extension FF appelée Web Developer : ça va te donner une nouvelle barre d'outils, qui te permettra de faire pleins de choses, et notamment : css >> Edit CSS : c'est ce que j'utilise pour bidouiller mes CSS. Ca te permet de faire des tests, et quand je suis content du résultat, je le copie / colle dans la vraie CSS de mon blog.
de stephane le 2007-09-29 à 23h13

 

 Voilà le css de mon blog ici tel qu'il se présente en ce moment:

 
body {
    margin: 0px 0px 0px 0px;
    text-align: center;                            /* les éléments sont centrés*/
    background:
 url('http://url de mon image.jpg'); /*l'image que je prends sur le net pour faire le fond*/
background-repeat:
repeat;                                                /*elle est répétée autant de fois qu'il faut*/
background-attachment:
fixed;}                                                     /*le fond est immobile lorsqu'on scrolle*/

#content {
    float: rigth;                                        /*les notes s'écrivent à droite*/
    width: 550px;                                   /*la largeur de la colonne note est 550 px*/
    background-color: #FFFFCC;

}

#column .box { width:170px; }

ce qui donne (capture d'écran)