changer la couleur de fond

Statut : non résolu

Ce sujet contient 6 réponses, 4 participants et a été mis à jour pour la dernière fois par AmO, le il y a 16 années et 10 mois.

7 sujets de 1 à 7 (sur un total de 7)

Auteur

Messages

27 janvier 2008 à 20 h 54 min #456753

pix

Membre

Initié WordPress

9 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress :2.3.2
– Thème utilisé :comptemp
– Plugins en place :aucun
– Nom de l’hebergeur : en local test
– Adresse du site :

Problème(s) rencontré(s) :couleur de fond

bonjour.
j’utilise le theme « comptemp » que je personnalise et je souhaiterai changer la couleur de fond de page qui est par defaut grise.
pouvez vous maider svp ?

en vous remerciant

27 janvier 2008 à 21 h 52 min #619668

damino

Participant

Maître WordPress

1241 contributions

Des petites recherches sur le forum ou n’importe quel site traitant des CSS te permettra de trouver comment faire.
Si tu mets ton site en ligne on te dis cela en 2 secondes.

Cela devrait se trouver quelque part (chaque thème est différent) dans ta feuille de style avec la propriété background.

28 janvier 2008 à 15 h 58 min #619669

pix

Membre

Initié WordPress

9 contributions

merci mais je n’ai pas la possiblité de mettre le site en ligne malheureusement.
mon theme comporte les fichiers php suivant:
header /index/page /searchform/sigle/sidebar/style.css/footer.

j’ai chercher dans « style.css » et modifié un peu tout ( ca marche pour toute les autres couleurs text/liens/etc…)sauf le fond de page que je n’arrive pas a localisé dans ce fichier.
j’ai aussi chercher dans le haeder , mais sans trouver de code couleur grise…

dois je chercher « background » forcement dans les fichiers, ou bien un autre mot qui designerai le « fond de page ». ??

merci

1 mars 2008 à 13 h 01 min #619670

Marie-France

Membre

Initié WordPress

7 contributions

Bonjour,

Ce n’est pas une réponse, mais je suis venue sur le forum avec exactement la même question. Sauf que j’aimerais changer également la couleur de fond des widgets.
– comme je ne suis pas du tout habituée au forum, j’espère que ma démarche n’est pas inadéquate.
1000 mercis en tout cas!

ps.: suis aussi à la recherche d’un bon livre de base sur les thèmes wordpress.

le lien sur mon site:
subject23.wordpress.com

voici aussi le CSS

body {
	font-size:62.5%;
	font-family:’Lucida Grande’, Verdana, Arial, Sans-Serif;
	background-color:#AAAAAA;
	color:#333;
	text-align:center;
	margin:0;
	padding:0;
}

#topbar {
	max-width:750px;
	height:25px;
	line-height:23px;
	background:#FFFFE6;
	overflow:hidden;
	border-bottom:1px black solid;
	margin:0;
}

#topbar a,#topbar {
	font-family:’Lucida Grande’, Verdana, Arial, Sans-Serif;
	text-align:right;
	padding-right:5px;
}

#pagebar {
	width:750px;
	height:35px;
	border-bottom:1px black solid;
	margin:0;
	padding:0;
}

#pagebar a {
	font-family: »Trebuchet MS », Verdana, Arial, Sans-Serif;
	color:#333;
	font-size:1.4em;
	display:block;
	float:left;
	border-right:1px #CECECE solid;
	text-align:center;
	height:27px;
	padding:8px 15px 0;
}

#pagebar a:hover {
	background-color:#CECECE;
	text-decoration:none;
}

#pagebar li {
	list-style:none;
}

.entry {
	font-size:1.2em;
	font-family:Verdana;
	overflow:hidden;
}

#page {
	text-align:left;
	background-color:white;
	width:750px;
	border:0;
	margin:0 auto;
	padding:0;
}

#header {
	border-bottom:1px black solid;
	height:140px;
	width:100%;
	background-color:#73a0c5;
	margin:0 auto;
	padding:0;
}

#content {
	float:left;
	width:450px;
	margin:-70px 0 0;
	padding:0 0 20px 45px;
}

#content .entry {
	line-height:1.4em;
}

.alt {
	background-color:#f8f8f8;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin:0;
	padding:10px;
}

#footer {
	background-color:#eee;
	width:750px;
	clear:both;
	border-top:1px black solid;
	margin:0 auto;
	padding:0;
}

small {
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size:0.9em;
	line-height:1.5em;
}

small.cats {
	text-transform:uppercase;
	font-family:Helvetica, Verdana;
	font-size:0.9em;
}

h1,h2,h3 {
	font-family:’Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
	font-weight:bold;
}

h1 {
	font-size:4em;
	text-align:center;
	padding-top:40px;
	margin:0;
}

.description {
	font-size:1.2em;
	text-align:center;
	margin-top:-5px;
}

h2 {
	font-size:1.8em;
	margin:30px 0 0;
}

h2.pagetitle {
	font-size:1.6em;
	margin-top:30px;
	text-align:center;
}

#sidebar h2 {
	font-family:Verdana, Sans-Serif;
	font-weight:normal;
	text-indent:10px;
	background-color:#5581C0;
	color:white;
	text-transform:uppercase;
	font-size:1em;
	margin:0;
	padding:3px 0;
}

h3 {
	font-size:1.3em;
	margin:30px 0 0;
	padding:0;
}

h1,h1 a,h1 a:hover,h1 a:visited,.description {
	text-decoration:none;
	color:#B0C7FF;
}

h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
	color:#333;
}

h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {
	text-decoration:none;
}

.entry p a:visited {
	color:#b85b5a;
}

.commentlist li,#commentform input,#commentform textarea {
	font:0.9em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
}

.commentlist li {
	font-weight:bold;
	list-style:none;
	margin:15px 0 3px;
	padding:5px 10px 3px;
}

.commentlist cite,.commentlist cite a {
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;
}

.commentlist p {
	font-weight:normal;
	line-height:1.5em;
	text-transform:none;
	margin:10px 5px 10px 0;
}

.commentlist .avatar {
	float:right;
	border:1px solid #ddd;
	padding:2px;
}

p.about {
	text-align:center;
	background-color:#F8F8F8;
	font-size:1.2em;
	font-family:Arial, Verdana, Sans-Serif;
}

#commentform p {
	font-family:’Lucida Grande’, Verdana, Arial, Sans-Serif;
	margin:5px 0;
}

.commentmetadata {
	font-weight:normal;
	font-size:1em;
	display:block;
	margin:0;
}

#sidebar {
	font:1em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
	width:200px;
	margin:-60px 0 0 530px;
	padding:20px 0 10px;
}

small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
	color:#777;
}

code {
	font:1.1em ‘Courier New’, Courier, Fixed;
}

#pagebar li.page_item {
	display:inline;
}

acronym,abbr,span.caps {
	font-size:0.9em;
	letter-spacing:.07em;
	cursor:help;
}

a,h2 a:hover,h3 a:hover {
	color:#06c;
	text-decoration:none;
}

a:hover {
	color:#147;
	text-decoration:underline;
}

#wp-calendar #prev a {
	font-size:9pt;
	padding-left:10px;
	text-align:left;
}

#wp-calendar a {
	text-decoration:none;
	display:block;
}

#wp-calendar caption {
	font:bold 1.3em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
	text-align:center;
	width:100%;
}

#wp-calendar th {
	font-style:normal;
	text-transform:capitalize;
}

#headerimg {
	height:140px;
	width:100%;
	background-image:url(‘images/blue_flower/head.jpg’);
	margin:0;
}

.post {
	margin:0 0 30px;
}

.widecolumn .post {
	margin:0;
}

.postmetadata {
	clear:both;
}

.narrowcolumn .postmetadata {
	padding-top:5px;
}

.widecolumn .postmetadata {
	margin:30px 0;
}

#footer p {
	text-align:center;
	margin:0;
	padding:10px 0;
}

h3.comments {
	margin:40px auto 20px;
	padding:0;
}

p img {
	margin:0 5px;
	padding:0;
}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright {
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;
}

img.alignleft {
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

html>body .entry ul {
	margin-left:0;
	list-style:none;
	text-indent:-10px;
	padding:0 0 0 10px;
}

html>body .entry li {
	margin:7px 0 8px 10px;
}

.entry ul li:before,#sidebar ul ul li:before {
	content: »o « ;
}

.entry ol {
	margin:0;
	padding:0 0 0 35px;
}

.entry ol li {
	margin:0;
	padding:0;
}

.postmetadata ul,.postmetadata li {
	display:inline;
	list-style-type:none;
	list-style-image:none;
}

#sidebar ul,#sidebar ul ol {
	margin:0;
	padding:0;
}

#sidebar ul li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:20px;
}

#sidebar ul p,#sidebar ul select {
	margin:4px 0 8px;
}

#sidebar ul ul,#sidebar ul ol,#sidebar ul div {
	background-color:#F8F8F8;
	border:1px #2E5D99 solid;
	padding:8px;
}

#sidebar ul div.textwidget ul {
	border:0;
}

#sidebar ul ul ul,#sidebar ul ol {
	background:transparent;
	border:none;
	margin:0 0 0 10px;
	padding:0;
}

#sidebar ul div div {
	background:transparent;
	border:none;
	margin:0;
}

ol li,#sidebar ul ol li {
	list-style:decimal outside;
}

#sidebar ul ul li,#sidebar ul ol li {
	margin:3px 0 0;
	padding:0;
}

#searchform {
	text-align:center;
	margin:10px auto;
}

#sidebar #searchform #s {
	margin-top:8px;
	width:115px;
	padding:2px;
}

#sidebar #searchsubmit {
	padding:1px;
}

.entry form {
	text-align:center;
}

select {
	width:130px;
}

#commentform input {
	width:170px;
	margin:5px 5px 1px 0;
	padding:2px;
}

#commentform textarea {
	width:100%;
	padding:2px;
}

#commentform #submit {
	float:right;
	margin:0;
}

.commentlist {
	text-align:justify;
	padding:0;
}

.nocomments {
	text-align:center;
	margin:0;
	padding:0;
}

#sidebar form {
	margin:0;
}

#wp-calendar {
	empty-cells:show;
	width:155px;
	margin:10px auto 0;
}

#wp-calendar #next a {
	padding-right:10px;
	text-align:right;
}

#wp-calendar td {
	text-align:center;
	padding:3px 0;
}

#wp-calendar td.pad:hover {
	background-color:#fff;
}

acronym,abbr {
	border-bottom:1px dashed #999;
}

blockquote {
	padding-left:20px;
	border-left:5px solid #ddd;
	margin:15px 30px 0 10px;
}

blockquote cite {
	display:block;
	margin:5px 0 0;
}

.center {
	text-align:center;
}

hr {
	height:1px;
	color:#AAAAAA;
	background-color:#AAAAAA;
	border:0;
}

a img {
	border:none;
}

.navigation {
	display:block;
	text-align:center;
	margin-top:10px;
	margin-bottom:30px;
}

#akismetwrap #akismetstats {
	margin:0 auto;
}

Utilise la balise pour le code !!!

1 mars 2008 à 13 h 18 min #619671

AmO

Participant

Maître WordPress

4447 contributions

Essai de modifier le code couleur pour la regle « background-color »

body {
  font-size:62.5%;
  font-family:’Lucida Grande’, Verdana, Arial, Sans-Serif;
  background-color:#AAAAAA;
  color:#333;
  text-align:center;
  margin:0;
  padding:0;
}

Exemple: background-color:#AAAAAA; en background-color:#eee;
Pour obtenir un fond gris.

Pour la creation de theme, n’hesites pas a consulter le blog de francis
background-color:#AAAAAA;

2 mars 2008 à 11 h 28 min #619672

Marie-France

Membre

Initié WordPress

7 contributions

Merci!

En bidouillant et cherchant, j’ai finalement compris une ou deux choses! Mais un truc m’échappe encore: réussi à changer la couleur de fond de gris à noir, mais il reste un encadré gris, et des dégradés gris sur fond blanc. Là, je n’ai rien pu trouver. Est-ce que ça fait partie de ce qui ne peux pas être modifié?

Merci, et désolé pour le code « hors balise », en fait je ne sais pas encore très bien ce qu’est une balise et comment ça s’utilise… (la vie est un apprentissage permanent…!)

2 mars 2008 à 12 h 18 min #619673

AmO

Participant

Maître WordPress

4447 contributions

Est-ce que ça fait partie de ce qui ne peux pas être modifié?

Effectivement, c’est une image.
http://s.wordpress.com/wp-content/themes/pub/contempt/images/blue_flower/bg.jpg
Les ombres en HTML, c’est assez casse-*****

Pas de problème pour les balises codes 🙂

Auteur

Messages

7 sujets de 1 à 7 (sur un total de 7)

Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.