vous pouvez jouer à l'infini avec #page, #column et #content. Exemple :

#page {background:none;} /* ça vire le fond de page */
#content {background:green;} /* la colonne centrale devient verte */
#column {background:red;} /* la colonne des widgets devient rouge */

de stephane le 2007-10-11 à 09h33


 Pour tout ça, essayez l'extension "webdevelopper" pour firefox, et particulièrement (dans le bouton CSS) les items :
"Edit CSS" et "View Style Information"

Avec tous les paramètres utilise, vus sur http://www.w3.org/TR/REC-CSS2/propidx.html
de ernest le 2007-10-11 à 09h58


NDLR: encore faut-il la charger cette extension, moi je l'ai chargée, mais les autres, ils savent où la charger pour l'installer? j'ai oublié de noter à quel url je l'avais trouvée

Ici :
https://addons.mozilla.org/fr/firefox/addon/60

Où là:
www.google.fr/search?q=webdevelopper+firefox+module&btnI=1
(Google -> webdevelopper firefox module -> J'ai de la chance)

Avec extension en lieu et place de module, c'est le second lien.
de ernest le 2007-10-11 à 12h59

 Pour les widgets transparents, c'est simple. Ils se font redéfinir par l'Ajax. Solution : modifier la précédence des définitions :

#boxlist .body {
background: transparent !important ;
}

Il ne reste plus qu'à jouer avec le sélécteur #page.
de ernest le 2007-10-11 à 10h06

 


 

Récapipète de tous ces coms:

Pour charger module ou extension css pour ff:


https://addons.mozilla.org/fr/firefox/addon/60

ou bien:


www.google.fr/search?q=webdevelopper+firefox+module&btnI=1
(Google -> webdevelopper firefox module -> J'ai de la chance)

Avec extension en lieu et place de module, c'est le second lien.
de ernest le 2007-10-11 à 12h59

pour s'amuser avec le css exemple:

#page {background:none;} /* ça vire le fond de page */
#content {background:green;} /* la colonne centrale devient verte */
#column {background:red;} /* la colonne des widgets devient rouge */

#boxlist .body {
background: transparent !important ;
} /* les widgets deviennent de la couleur de la colonne */

pour mon blog ça donne:


body {
background: #393939 url(http://www.astrosurf.com/william/background/constellation_hiver.gif) repeat-x fixed;
}                  /*le fond de la page= gif constellation*/

#content {
background: #FFFFCC;                /*le corps de la note est de couleur jaune paille*/
    float: left;                           /*le corps de la note est situé à gauche, donc la colonne à droite*/
    width: 550px;                          /*le corps de la note a une largeur de 550 pixels*/
}

#column {background:purple;}                        /*la colonne des widgets est violette*/

#boxlist .body {
background: transparent !important ;
}                            /*le fond des widgets est transparent donc les widgets apparaissent de la même couleur que la colonne*/

ça vous va comme ça?