couleur fond colonne de gauche et article

[agus221b]

bonjour,
je voudrais modifier la couleur de fond de la colonne de gauche (là ou il y a mes menus) et la couleur de fond des articles (la même sur toute les pages) j'utilise beez 20.
pour modifier la couleur de l'entête là ou j'ai mon logo , j'ai modifier le fichier personnal.css. je pense en toute logique que ce doit être le même fichier mais je ne sais pas quel modif faire. et comme je n'y connais pas grand chose, j'ai peur de faire une bétise.

cordialement

[DGraph]

Re : couleur fond colonne de gauche et article

Bonjour agus211b,

Quelle est l'adresse du site (si en ligne) ?
Sinon, tu devrais trouver facilement les lignes à modifier (et prévisualiser à la volée) grâce à l'extension Firebug de Firefox

[agus221b]

Re : couleur fond colonne de gauche et article

bonjour,
adresse du site ahcreattion.loyal-hoster.com
j'ai réussi à modifier l'arrière plan des article en modifiant la ligne 298 dans le fichier position.css
#contentarea,
#contentarea2
{
background:#fff /modifier la couleur ici /
}
je voudrais faire la même chose avec la colonne de mes menus et l'arrière plan derrière les articles.
j'ai essayé de modifier
la ligne 18 en enlevant url(../images/personal/bg2.png) repeat-x et en remplaçant la couleur du background mais ça ne fonctionne pas.
moins j'ai de truc sur mon ordi mieux c'est parce que quelquefois ça perturbe ma loupe d'écran.
cordialment

[Grand Schtroumpf]

Re : couleur fond colonne de gauche et article

Bonjour,
l'adresse marche mieux avec un seul T...

Si tu dois bidouiller dans les templates, installe-toi Firebug sous Firefox. Clic droit sur ta colonne, inspecter un élément et tu verras les styles en jeu.

Pour la colonne de gauche, tu parle des menus ?
C'est

ul.menu {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 solid #EEEEEE;
}

ligne 444 du personnal.css et ligne 475 pour le hover

[agus221b]

Re : couleur fond colonne de gauche et article

cette fois je fais un copiécollé http://ahcreation.loyal-hoster.com/
ça marche pour les menus. j'ai ça maintenant.j'ai voulu mettre la couleur à la fin de la ligne 475 mais je n'ai pas vu de différence,je sais pas à quoi ça correspond. il me reste tout le tour et 2 zones blanche de chaque côté arrière plan du logo. pour le pourtour j'avais essayé de modifier la ligne 18 body comme décrit plus haut.
la bonne nouvelle c'est que je garde toutes les infos, comme ça je ne reposerai pas les même questions pour le site de l'asso.

bye

[agus221b]

Re : couleur fond colonne de gauche et article

bonjour,
j'ai réussi à modifier l'entête et n'ai plus les côtés blancs.
voici ce que ça donne. ahcreation.loyal-hoster.com
me reste, le pied de page, l'arrière-plan gris, et le fond du menu haut.
j'ai essayé des trucs que j'ai trouvé sur d'autres site mais ça ne marche pas.
cordialement

[lefabdu51]

Re : couleur fond colonne de gauche et article

pour ton menu haut ca se passe ici: personal.css ligne 162:
supprimes url("../images/personal/ecke.gif") ou toute la ligne au choix.
C est une image qui est au fond.

#header ul.menu li a:link, #header ul.menu li a:visited {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("../images/personal/ecke.gif") repeat-x scroll left top #E0E0E0;

[lefabdu51]

Re : couleur fond colonne de gauche et article

Pour ta bordure grise horizontale c est dans personal.css ligne 1316
Supprimes la ligne border-top: 1px solid #DDDDDD;
#footer-inner {
background: none repeat scroll 0 0 #F7EEBF;
}

pour les bordures verticales:
a la ligne 1339 tu supprimes la ligne
border-right: 1px solid #CCCCCC;
.box1 {
}

[agus221b]

Re : couleur fond colonne de gauche et article

ça marche pour le pied de page mais les marges de chaque côtés du logo sont réapparues
voilà ce que j'obtiens. ahcreation.loyal-hoster.com

[agus221b]

Re : couleur fond colonne de gauche et article

ça y est c'est bon je n'ai plus les marges blanches de chaque côtés du logo
j'ai modifié border-right en mettant ça border-right:0 solid#F7EEBF ;
maintenant j'obtiens ça ahcreation.loyal-hoster.com
voici le code de la ligne 162,je n'ai pas mis les lignes moz
#header ul.menu li a:link,
#header ul.menu li a:visited
{
color:#333;
border:0 ;
border-right:0 solid#F7EEBF ;
margin:0px 0 0 0 ;
padding:12px 15px ;
position:relative;
background:#F7EEBF;
display:inline-block