Connexion    
favofleur
favofleur

fond, page, colonne, comment changer leur couleur? webdevelopper pour ff


 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?
fleurdatlas | 10/11/2007
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.
ernest | 10/11/2007
Merci ! je copie-colle dans la note
fleurdatlas | 10/11/2007
Récapipète dans un seul com pour acerune de la note ci-dessus:

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?
fleurdatlas | 10/11/2007
ça reste si abstrait pour moi! il me faut des cours d'informatique, j'ai beau lire, ça ne me parle pas...je voudrais juste mettre le fond de mon blog en noir...meme ça j'ay arrive pas...la honte je sais, c'est pour ça que je fais appel a vous...
almerys | 10/11/2007
bon amerys, j'ai fait ça sur mon blog piaro, tu peux aller voir:
http://piaro.karmaos.com (tu auras une idée de ce que ça donnera- sauf la couleur des titres que j'ai modifiés)

essaye donc ceci:

body {background: black; }

#page {background:black;
float: left;
width:850px;
}
#content {
float: rigth;
width: 550px;
background:black ; }
#column {background:black; }

.post { font-family: verdana;
color: #ffffff;
font-size: 14px; }

a { color: #C0C0C0;
text-decoration: none; }
a:visited { color: #CC0000; }
a:active,a:hover { text-decoration: underline; color: #911; }


#debug{color: black; }
fleurdatlas | 10/12/2007