Jump to content

encore thème black and white : changement de couleur et menu


Recommended Posts

bonjour,
si qq1 peut me venir en aide svp ....

1-j'ai joint un screen de ma future boutique,j'essaie de mettre tout en noir mais il me reste un bandeau blanc (j'ai le même en bas de page aussi) je ne parviens pas à trouver où il faut changer le code couleur...



2- ensuite j'aimerais mettre un fnd rouge autour comme sur ces 2 sites :

http://www.homology.com/ (là c'est gris)
http://www.woodeos.com/ (lattes en bois)



3-pour le menu (les catégories) je souhaiterais les voir alignée en haut,j'y ai passé une partie de l'après midi sans succès !




je vous remercie

24512_cUPIto2NE223yMTNnSBl_t

Link to comment
Share on other sites

Bonjour Shamon
Le fichier que vous recherchez est tous simplement le fichier image "texture.gif"
il se trouve à la ligne 86 du global.css

#
.devider {background:url(../img/texture.gif); height:11px; margin-bottom:2em}



=================================================

POUR LA COULEUR DE FOND
à la ligne 78
Remplacez la ligne

background:none repeat scroll 0 0 black;


Par

background:none repeat scroll 0 0 red;

ou
background:none repeat scroll 0 0 #B80028;




Également à la ligne 79 du global.css
Remplacez la ligne:
background:none repeat scroll 0 0 #FFFFFF;


Par

background:none repeat scroll 0 0 red;

ou
background:none repeat scroll 0 0 #B80028;



Je vous invites fortement à utilisez Firebug qui est un addon pour fireFox
pour voir ce genre de chose

Cordialement,

P.S: Si l'on a répondu à cette demande, merci de bien EDITER votre 1er POST est de mettre la mention
[Résolu]devant et dans le titre de celui ci.
Link to comment
Share on other sites

je vous remercie pour vos réponses,j'utilise firebug mais malgré ça je n'arrivais pas à encadrer l'endroit voulu.
Sinon je vais essayer vos dires mais pour texture de mémoire c'est ce qui est utilisé pour le devider,j'ai bien réussit à le changer mais il reste toujours un fond blanc
Sinon mon site n'est pas en ligne,c'est pourquoi je n'ai pas donné l'adresse

Link to comment
Share on other sites

voilà ce que j'ai ligne 78 :


#main_center_column {float:left; width:100%; margin-bottom:1em; background:#ff0000;}




et si je change le noir en rouge tout est rouge évidement

voilà ma ligne 79 :

#left_column, #right_column {float:left;}

24536_f8DsUAwbtMY27Dptsxbi_t

Link to comment
Share on other sites

Ceci est la partie global.css

#
/* global layout */
#
h1#logo {float:left; background:none;}
#
#header {width:890px; height:50px; margin:auto;}
#
#top {padding-top:1em; height:70px; margin-bottom:1em; background:white}
#
#main_center_column {float:left; width:100%; margin-bottom:1em; background:#FFFFFF;}
#
#left_column, #right_column {float:left;}
#
#left_column {clear:left; width:100px;}
#
#right_column {width:890px; margin:3em auto}
#
#right_column h5 a:hover {text-decoration:underline}
#
#right_column .devider {height:1em; margin-bottom:2em; background:url(../img/texture.gif)}
#
#center_column {width:890px; margin:auto; padding:0 0 1em 0; background:#FFFFFF}
#
.devider {background:url(../img/texture.gif); height:11px; margin-bottom:2em}





ligne 79 [#main_center_column {float:left; width:100%; margin-bottom:1em; background:#FFFFFF;} ]
là OK

ligne 80 [ #left_column, #right_column {float:left;} ]
là pas bon

Je vous transmet une solution , je vous invites également à chercher et pas à recopier la réponse à la va-vite (sans vouloir vous offenser)

Link to comment
Share on other sites

en fait c'est simple
#main_center_column {float:left; width:100%; margin-bottom:1em; background:#FFFFFF;}

Changez le par
#main_center_column {float:left; width:100%; margin-bottom:1em; background:#84002E;}

Je viens de tester avec firebug sur le site du thème officiel est cette fonction
ne s'applique que sur le fond du milieu* de la page

Link to comment
Share on other sites

excusez moi,étant novice peut-être que je patauge ds la semoule,mais comme je disais + haut qd je change la couleur à cette ligne c'est tout le milieu qui devient rouge comme dernièr screen joint.

Link to comment
Share on other sites

Voici le fichier global.css en pièce joint,modifié en fonction de votre demande avec la couleur #84002E

je vous invites donc à faire une sauvegarde de votre global.css actuel
Ensuite de renommer le global .txt que je vous ai transmis par global.css
pour ensuite l 'enregistrer dans le répertoire de votre thème
et de tester

global.txt

Link to comment
Share on other sites

Je crois que vous ne comprenez vraiment pas
votre fond rouge est le "background" de votre Site( l'image que vous désirez )

Sur ce thème
Vous avec trois background
Dans ces parties
le 1er background* se situe dans le #top {
le 2eme background* se situe dans le #main_center_column {
le 3eme background* se situe dans le #footer {

Je viens de tester encore avec firebug cette modif sur le template officiel de 2link est c no souci
voici les screens

24632_Eib2AcSWfkUtPnzaU9Sg_t

24633_kmpuMZrhUmKuZKKHmxR7_t

24634_7c18kMxvvE4pmpo4n8Cw_t

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...