Forums / Questions sur webcomics.fr

Mise en page : fond noir

Bonjour,

Je ne sais pas si vous avez déjà répondu à cette question, mais je ne l'ai pas trouvé..donc je me lance.

Je voudrais un fond noir et toute mes polices blanches. J'ai beau changer toutes les polices (que ce soit en mode simple ou directement dans le css en expert) en color: #ffffff; et mon background en noir quand je regarde le résultat : le fond est noir et la police aussi (ce qui n'est pas très lisible vous en conviendrez hihi). Quelqu'un peut il m'aider sur le sujet ? Merci d'avance

2 commentaires

Dr_Folaweb a dit :

Évite le texte blanc pur sur fond noir, ça tue un peu les yeux. Un gris est plus soft, voire coloré, conviendra très bien.

Attention qu'il y a des distinction faites pour chaque niveau hiérarchique du site: le webcomics, le header, la page, le contenu de la page, le footer,… Et il faut définir les propriétés pour chacun de ces niveaux :) Soit en une fois, soit individuellement, mais pour chacun d'eux.

Y'a plein d'éléments qu'il faudra changer en plus des textes: boutons, formulaires, couleurs des liens, pour homogénéiser le tout.

Je te copie ci-dessous les éléments du css concernant la couleur qui m'ont permis de faire ceci.

#pageAdmin {color:#fff; background-color:#09090F; border:1px solid #FFC400;}

a:link    { color: #6DD2FF;}
a:visited { color: #4EBFF4;}
a:hover   { color:#FFF666;}

h1, h2, h3, h4, legend {color: #fff;}

body { background: #000; color:#5280AF; }

/* --------------------------- Inputs --------------------------- */
input, textarea {
 border:1px solid #545C7F;
 background-color:#061019;
 color:#5280AF;
 }

input[type=submit]:hover, input[type=reset]:hover { color:white; }
input[type=submit]:active, input[type=reset]:active { background-color:#000; } 
input, textarea:focus { color:#68AFF7; }

#body {
  background: #000 url(/files/css/bg_body.jpg) repeat center top;
}

/* --------------------------- header --------------------------- */
#header a:link, #header a:visited { color: #84C1FF; }
#header a:hover { color: #A8D3FF; }

/* --------------------------- pages --------------------------- */
#page {color: #87B6E7;}

.navigation { color: #BBBBBB; }
.copyright { border-top: 1px dotted #BBBBBB; }
.archives .date { color: #BBBBBB; }

/* --------------------------- footer --------------------------- */
#footer { background: transparent; border-top: 1px dotted #BBBBBB; }
#footer a:link, #footer a:visited { color: #84C1FF; }
#footer a:hover { color: #A8D3FF; }

17 nov 2009

cocoflower a dit :

oooooooooooo my godsss, que c'est beau ta présentation !!

En fait je pense que mon problème était la #pageAdmin.. Gnark gnark… que je n'avais pas paramétrée.

Merci beaucoup pour ta réponse rapide.

17 nov 2009

Laisser un commentaire :