Jump to content

[RESOLU] Mettre une couleur sur les côtés de mon site ?

alpatino
 Share

Recommended Posts

alpatino Newbie

alpatino

Posted
Posted

Bonsoir

je souhaite mettre une couleur sur les cotés de mon site.

actuellement j'arrive à changer la couleur de l'arrière plan complet de mon site,
mais comment changer la couleur uniquement sur les côtés ?

je vous met le lien de mon site si ca vous dit : http://www.kitregime.fr

merci de votre aide

Patrick

Sujet déplacé / Titre resolu : merci de le faire la prochaine fois :) - yoya971

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

Bonjour

Si je comprends bien juste une bande de couleur du haut vers le bas.
Il suffit de faire une image de la largeur de l'arrière plan et une hauteur de quelque pixel, coloré sur le ou les cotés.
L'insérer dans le fichier css 

body {
   background-color: #F9F7ED;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align:center;



et remplacer le background-color par background-image: puis le chemin de l'image img/monfond.jpg

Maintenant il y a une autre méthode un block css avec un fond en couleur et le placer sur le bord.

Colonne {
   background-color: maroon;
   right: auto;
   margin-right: -1px; ou 0px
   }



right ou margin-right ou left pour la gauche

Puis le réglage du top et du bottom

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

Le wallpaper c'est tout simplement l'image du fond d'écran, les paysages , photos, dessins etc.. qu'on mets pour embellir son zolie ordinateur.

En somme une simple image .gif ou .bmp

voili voilou :red:

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted
j'y arrive pas !!!

le fichier css à modifier c'est bien global.css ?


Oui c'est dans le global.css du thème.

Le mieux est d'utiliser un éditeur css qui fait que du css style Top Style Lite (gratuit).

" j'y arrive pas " c'est à dire ?
Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

Il ne faut pas mettre une image plus grande que le fond, maintenant ça dépend quel image, et elle doit être le pluis léger possible surtout pas en bmp mais jpeg (jpg).

Qu'est-ce que vous voulez faire exactement ? Si c'est juste une bande fine ou de 5 mm ou 10 mm vaut mieux le faire en css.

Une image de 900 pixel si le fond fait 900 pixel x 1 ou 2 ou 3 ou + pixel de haut
L'agrandire 400 pour la colorer, à moins d'avoir de bon yeux. Après dans le css il faut mettre repeat pour que l'image se répète sur tout le fond d'écran en hauteur.

Link to comment
Share on other sites
alpatino Newbie

alpatino

Posted
  • Author
Posted

merci de vos réponses

voilà ce que j'ai insérer dans global.css à la ligne 868

 body {
   background-image: img/fonkit.jpg;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align:center; }



et bien sur j'ai mis l'image en question dans le dossier img

mais rien ne change dans ma page
ai-je oublié qq choses ?

Link to comment
Share on other sites
alpatino Newbie

alpatino

Posted
  • Author
Posted

réponse à Oron :

j'ai du mal à poser ma question car je ne connais pas encore les termes exact pour définir les emplacement d'un site


je voudrais avoir par exemple le meme fond bleu du site present de prestashop .

comment procède t-on ?

merci

Link to comment
Share on other sites
formatec Newbie

formatec

Posted
Posted

si il s'agit d'une grande image (mais légère) qui couvre l'écran de fond

background-image: url(../img/fonkit.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;

ou si tu veux duppliquer une petite texture

background-image: url(../img/fonkit.jpg);
background-repeat: repeat;

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

Le body que je parle est au début du fichier global.css pas à la ligne 868

A cette ligne 868 j'ai ça

866 | #search_block_left #search_query { 
867 | width: 11em; 
868 | }
869 | #search_button { 
870 |    display: inline;
871 | }



Et comme l'as expliqué formatec

Link to comment
Share on other sites
alpatino Newbie

alpatino

Posted
  • Author
Posted

je reprend du début pour voir si je suis bon .

avec photoshop j'ai créé une image de 1597 pixels de large et 10 pixels de hauteur
sur cette image j'ai mis mes deux couleurs 1 en blanc qui correspond à mon site et sur les cotés exterieurs un léger rose

j'ai sauver cette image en . jpg avec le nom de: fonkit.jpg et le je l'ai mise dans le dossier www/img

ensuite dans global.css j'ai mis ca à la ligne 16

    background-image: url(../img/fonkit.jpg);
background-repeat: repeat;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align: center



et là en image de fond j'ai plien de points d'interrogations
remarquez c'est joli aussi ?

regardez c'est rigolo : http://www.kitregime.fr

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

:cheese:
Les points d'interrogation se pose la question mais où est-elle l'image :-/

J'ai mis dossier img par défaut professionnelle :grrr:

Le meilleur moyen pour ne pas chercher trop loin, mettre dans dossier du thème la déposer dans ce dossier ou créer un dossier img ou dans le dossier du css

../../../img/

voilà le chemin du dossier css qui cherche l'image dans le dossier img à la racine (www).

Il te manque deux dossier ascesseur, dans le chemin de l'image :)

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
 Share
Go to topic listing
×
×
  • Create New...