La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Couleur de fond
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  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





Voir le Profil    E-Mail
Répondre avec citation

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





Voir le Profil    WWW
Répondre avec citation

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





Voir le Profil    E-Mail
Répondre avec citation

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





Voir le Profil    WWW
Répondre avec citation

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





Voir le Profil
Répondre avec citation

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





Voir le Profil    WWW
Répondre avec citation

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





Voir le Profil    E-Mail
Répondre avec citation

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

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





Voir le Profil
Répondre avec citation

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

« Dernière Édition: le 31-05-2011 a 10:19:12 par KB » Rapporter au modérateur  
Re:Couleur de fond
« Répondre #8 sur: le 31-05-2011 a 12:26:54 »
lulu44
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 84





Voir le Profil    E-Mail
Répondre avec citation

  A oui exacte autant pour moi Merci

Rapporter au modérateur  

www.bandmusique.fr
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg