Site internet
Résolu
kevin-13500
Messages postés
104
Date d'inscription
Statut
Membre
Dernière intervention
-
kevin-13500 Messages postés 104 Date d'inscription Statut Membre Dernière intervention -
kevin-13500 Messages postés 104 Date d'inscription Statut Membre Dernière intervention -
Salut , je suis sur la création d'un site , j'en suis a letape de changement de couleur
je vous pose un screnn :
https://www.imagup.com
Vous apercevez au millieu un fond blanc je voudrai le passé sur cette couleur : #33CCFF
mais je ne sais pas ou il faut le changer dan sle style.css que je vous poste si dessous :
/*Global*/
body, html {background:#33CCFF;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;background-attachment: fixed;font-size:12px}
#conteneur {margin: 0 auto 0;width: 942px;position:relative;text-align:center}
#header {text-align:left;height:181px; background:url(images/header.png);margin:0 auto 0 auto;width:942px}
#contenu {width: 942px;padding: 0;margin:0 auto 0;background:url(images/contenu.png)}
#left {float: left;width: 168px;margin:0 0 0 10px;padding:0;}
#right {width: 740px;margin:0 0 0 187px;padding:0;text-align:left}
#pied {background:url(images/pied.png);height:45px;width:942px;margin: 0 auto 0 auto;padding: 0;}
/*Class générique*/
a {color: #1db6f6;text-decoration: none;margin:0;font-weight:bold;outline:none}
a:hover {color: #fff;}
img, p, h1, h2, h3, h4, h5,h6, span {border:0;margin:0;padding:0}
span.titre {color: #1db6f6;font-weight:bold;}
span.bleu {color: #1db6f6;font-weight:bold;}
.spacer {margin:3px 0 0 0}
.grandspacer {margin:15px 0 0 0}
.clear {clear: both;visibility: hidden; }
/*Menu vertical*/
.hautmenu {height:32px;width:168px;margin:0; background:url(images/hautmenu.png) no-repeat bottom;padding:10px 0 0 0;margin:0;color:#1db6f6;text-align:center;font-weight:bold;font-size:14px}
.fondmenu {width:168px;margin:0; background:url(images/fondmenu.png);padding:0;margin:0 0 0 0}
.basmenu {height:20px;width:168px;margin:0; background:url(images/basmenu.png);padding:0;margin:0 0 0 0}
ul.menuh {list-style:none;width:168px;padding:0;margin:0;text-align:center}
ul.menuh li a {display: block;height: 14px;color: #fff;text-decoration: none;}
ul.menuh li a:hover {color: #1db6f6}
/*Menu horizontal*/
ul#menu {position: absolute;margin:17px 0 0 3% ;padding:0}
ul#menu li {height: 30px;float: left;margin: 0 2px 0 2px;padding:0 0 0 22px;background: url(images/menuleft.png) top left no-repeat;list-style-type: none; }
ul#menu li a {display: block;background: url(images/menuright.png) right top no-repeat;padding:0.8em 18px 0.9em 0;color: #000;text-decoration: none;margin: 0;font-weight:bold;outline:none}
ul#menu li a:hover {padding:0.8em 18px 0.9em 0;color: #1db6f6;text-decoration: none;margin: 0}
ul#menu li#ici a {color: #1db6f6;margin: 0;padding:0.8em 18px 0.9em 0}
/*Pied et copyright*/
.copyright {padding :20px 0 0 0;width:393px;height:30px;text-align:center;font-weight:bold;cursor:pointer;margin:0 auto 0 auto}
/*Cadre de news*/
.news_haut {background:url(images/news_haut.jpg) no-repeat;width:740px;height:38px;margin:0 auto 0 auto}
.news_fond {background:url(images/news_fond.jpg) ;width:690px;padding:0 25px 0 25px}
.news_bas {background:url(images/news_bas.jpg) no-repeat;width:740px;height:28px}
Merci de votre aide .
je vous pose un screnn :
https://www.imagup.com
Vous apercevez au millieu un fond blanc je voudrai le passé sur cette couleur : #33CCFF
mais je ne sais pas ou il faut le changer dan sle style.css que je vous poste si dessous :
/*Global*/
body, html {background:#33CCFF;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;background-attachment: fixed;font-size:12px}
#conteneur {margin: 0 auto 0;width: 942px;position:relative;text-align:center}
#header {text-align:left;height:181px; background:url(images/header.png);margin:0 auto 0 auto;width:942px}
#contenu {width: 942px;padding: 0;margin:0 auto 0;background:url(images/contenu.png)}
#left {float: left;width: 168px;margin:0 0 0 10px;padding:0;}
#right {width: 740px;margin:0 0 0 187px;padding:0;text-align:left}
#pied {background:url(images/pied.png);height:45px;width:942px;margin: 0 auto 0 auto;padding: 0;}
/*Class générique*/
a {color: #1db6f6;text-decoration: none;margin:0;font-weight:bold;outline:none}
a:hover {color: #fff;}
img, p, h1, h2, h3, h4, h5,h6, span {border:0;margin:0;padding:0}
span.titre {color: #1db6f6;font-weight:bold;}
span.bleu {color: #1db6f6;font-weight:bold;}
.spacer {margin:3px 0 0 0}
.grandspacer {margin:15px 0 0 0}
.clear {clear: both;visibility: hidden; }
/*Menu vertical*/
.hautmenu {height:32px;width:168px;margin:0; background:url(images/hautmenu.png) no-repeat bottom;padding:10px 0 0 0;margin:0;color:#1db6f6;text-align:center;font-weight:bold;font-size:14px}
.fondmenu {width:168px;margin:0; background:url(images/fondmenu.png);padding:0;margin:0 0 0 0}
.basmenu {height:20px;width:168px;margin:0; background:url(images/basmenu.png);padding:0;margin:0 0 0 0}
ul.menuh {list-style:none;width:168px;padding:0;margin:0;text-align:center}
ul.menuh li a {display: block;height: 14px;color: #fff;text-decoration: none;}
ul.menuh li a:hover {color: #1db6f6}
/*Menu horizontal*/
ul#menu {position: absolute;margin:17px 0 0 3% ;padding:0}
ul#menu li {height: 30px;float: left;margin: 0 2px 0 2px;padding:0 0 0 22px;background: url(images/menuleft.png) top left no-repeat;list-style-type: none; }
ul#menu li a {display: block;background: url(images/menuright.png) right top no-repeat;padding:0.8em 18px 0.9em 0;color: #000;text-decoration: none;margin: 0;font-weight:bold;outline:none}
ul#menu li a:hover {padding:0.8em 18px 0.9em 0;color: #1db6f6;text-decoration: none;margin: 0}
ul#menu li#ici a {color: #1db6f6;margin: 0;padding:0.8em 18px 0.9em 0}
/*Pied et copyright*/
.copyright {padding :20px 0 0 0;width:393px;height:30px;text-align:center;font-weight:bold;cursor:pointer;margin:0 auto 0 auto}
/*Cadre de news*/
.news_haut {background:url(images/news_haut.jpg) no-repeat;width:740px;height:38px;margin:0 auto 0 auto}
.news_fond {background:url(images/news_fond.jpg) ;width:690px;padding:0 25px 0 25px}
.news_bas {background:url(images/news_bas.jpg) no-repeat;width:740px;height:28px}
Merci de votre aide .
A voir également:
- Site internet
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Url site internet - Guide
- Site pour vendre des objets d'occasion - Guide