Couleur de fond - Forum HTML / CSS / XHTML

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Couleur de fond

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Couleur de fond (Lu 1237 fois)

Couleur de fond
« sur: le 26-05-2011 a 14:57:42 »

Awan
Membre récent

Hors-Ligne

Messages: 7

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

Rapporter au modérateur

Re:Couleur de fond
« Répondre #1 sur: le 26-05-2011 a 15:56:42 »

Pad
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1391

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
}

Rapporter au modérateur

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028

Re:Couleur de fond
« Répondre #2 sur: le 26-05-2011 a 16:25:28 »

Awan
Membre récent

Hors-Ligne

Messages: 7

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

Rapporter au modérateur

Re:Couleur de fond
« Répondre #3 sur: le 26-05-2011 a 16:39:53 »

Pad
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1391

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 !

Rapporter au modérateur

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028

Re:Couleur de fond
« Répondre #4 sur: le 26-05-2011 a 17:27:51 »

KB
Superactif

Hors-Ligne

Messages: 613

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

Rapporter au modérateur

Re:Couleur de fond
« Répondre #5 sur: le 26-05-2011 a 23:25:44 »

Pad
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1391

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

Rapporter au modérateur

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028

Re:Couleur de fond
« Répondre #6 sur: le 30-05-2011 a 20:06:40 »

lulu44
P'tit nouveau

Hors-Ligne

Sexe: Male

Messages: 84

C'est pas vraiment compliqué prend une page vierge et entre les balise <body> créer un block:
<div id="contenu">

</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 :)

Rapporter au modérateur

www.bandmusique.fr

Re:Couleur de fond
« Répondre #7 sur: le 31-05-2011 a 10:18:37 »

KB
Superactif

Hors-Ligne

Messages: 613

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*/
}