Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: Awan le le 26-05-2011 a 14:57:42

Titre: Couleur de fond
Posté par: Awan le le 26-05-2011 a 14:57:42

Bonjour,

Je n'ai pas encore eu le temps de parcourir tout le forum... si la réponse est déjà quelque part merci de m'indiquer où et sinon si quelqu'un peut m'aider ...

Je cherche à faire un fond pour mon site de la même sorte que sur ce forum. A savoir un fond bordeaux sur toute la largeur et hauteur de l'écran, et la zone 'body' au centre avec un fond blanc, pour pouvoir y écrire lisiblement en noir.

Merci

Titre: Re:Couleur de fond
Posté par: Pad le le 26-05-2011 a 15:56:42

Il serait surement plus judicieux pour toi d'en apprendre un peu plus le langage CSS, car si tu bloque sur ce genre de question, tu risques pas de faire beaucoup de choses sur ton site. Le mieux est d'aller faire un tour sur lesiteduzéro par exemple où tu trouveras bon nombres de tutoriaux pour débutant très très bien ;)

Et sinon pour ta couleur il faut appliquer un style css du genre :

Code:
body {
background-color:#000; // code couleur à changer
}

Titre: Re:Couleur de fond
Posté par: Awan le le 26-05-2011 a 16:25:28

désolée pad, mais j'arrive très bien à mettre des couleurs de fond sur tout le site!!
je voudrais faire un fond bordeaux et AU CENTRE un fond blanc.

et ce n'est pas dans les tutos du site du zéro

Titre: Re:Couleur de fond
Posté par: Pad le le 26-05-2011 a 16:39:53

Tout est expliquer sur le siteduzéro, suffit de chercher et de tester... Pour réaliser ce que tu souhaite, il faut que tu utilise des <div> en appliquant à chacun un style différent avec la couleur de ton choix !

Titre: Re:Couleur de fond
Posté par: KB le le 26-05-2011 a 17:27:51

Dans notre domaine, il faut apprendre a chercher, a tester.
Citation:
Je cherche à faire un fond pour mon site de la même sorte que sur ce forum

Ctrl+U : et tu obtiens le code source ! t'as plus qu'a faire pareil !
Mieux encore, utilise firebug!

C'est comme ça qu'on apprend.

Pad t'as donné le fonctionnement général.

Bon courage

Titre: Re:Couleur de fond
Posté par: Pad le le 26-05-2011 a 23:25:44

le plugin firefox "webdeveloppeur" est génial pour ce genre de soucis ;)

Titre: Re:Couleur de fond
Posté par: lulu44 le le 30-05-2011 a 20:06:40

C'est pas vraiment compliqué prend une page vierge et entre les balise <body> créer un block:
<div id="contenu">
<!-- c'est la "partie blanche" place tout le contenu ici -->
</div>
Ensuite va dans ton fichier css ou dans un <style> et ecris:

body
{
background-color: #901111; /* c'est bordeau mais tu peu changer*/
}
#page
{
width: 770 px; /* largeur du "partie blanche" */
margin-left: auto; /*centre la page à partir de la gauche */
margin-right: auto; /*centre la page à partir de la droite */
border: solid black 1px; /* bordure */
background-color: white; /* couleur de fond que tu peut changer*/
}
voiloù après si tu veut créer des barres de taches des menus en haut en bas etc... n'hesite pas à me redemander des choses sur le meme sujet :)

Titre: Re:Couleur de fond
Posté par: KB le le 31-05-2011 a 10:18:37

Citation:
#page
{
width: 770 px; /* largeur du "partie blanche" */
margin-left: auto; /*centre la page à partir de la gauche */
margin-right: auto; /*centre la page à partir de la droite */
border: solid black 1px; /* bordure */
background-color: white; /* couleur de fond que tu peut changer*/
}


En voyant ton exemple, je dirai plutot :


Code:

#contenu /* et non #page */
{
width: 770 px; /* largeur du "partie blanche" */
margin-left: auto; /*centre la page à partir de la gauche */
margin-right: auto; /*centre la page à partir de la droite */
border: solid black 1px; /* bordure */
background-color: white; /* couleur de fond que tu peut changer*/
}

Titre: Re:Couleur de fond
Posté par: lulu44 le le 31-05-2011 a 12:26:54

A oui exacte autant pour moi :) Merci :)


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.