[RÉGLÉ] image sur les cotés

[bosk]

Bonjour à tous,

je suis débutant et j'utilise le template beez_20

sur les deux coté, à la place de la bande grise, je souhaiterais mettre deux images (une de chaque coté)

dans quel fichier css et à quel endroit dois-je modifier le code pour mettre mon image, ou y a t il une autre méthode ?

merci pour votre aide

[lefabdu51]

Re : image sur les cotés

http://www.css3.info/preview/multiple-backgrounds/

Ce lien as un exemple qui fait ce que tu veut. La seul ligne a modifier est background-position: center bottom, left top;

A toi d adapter.Utilise firebug ou l inspecteur d elements pour trouver la propriété.Cela doit etre body ou #all.......

[bosk]

Re : image sur les cotés

Merci

mes compétence en css sont vraiment débutant
j'ai consulté ton lien, mais je peine a trouver ce que je dois faire

les modification que je souhaite sont bien sur le fichier "personal.css" dans le dossier templates/beez_20/css ?

[bosk]

Re : image sur les cotés

j'ai avancé sur le sujet
dans le fichier personal.css
j'ai modifié la partie body :

à l'origine
body
{
background: #e0dedf url(../images/personal/bg2.png) repeat-x;
color: #333;
font-family: arial, helvetica, sans-serif;
}

et maintenant
body
{
background: #e0dedf ;
background-image: url(../images/personal/gauche.jpg) ;
background-repeat: no-repeat;
color: #333;
font-family: arial, helvetica, sans-serif;
}

donc l'image est à gauche sur un tiers de la bande

pour qu'elle prenne toute la bande je dois redimensionner avec la taille de pixel précis ou est-il possible de demander qu'elle s'adapte


et comment mettre une deuxième image que j'ai appelé droite.jpg dans les mêmes conditions que la gauche ?

[jisse03]

Re : image sur les cotés

Bonjour

background: #e0dedf url(../images/personal/bg2.png) no-repeat;

[bosk]

Re : image sur les cotés

merci,

j'ai modifié mon texte après avoir trouvé la fonction no-repeat

est-ce que tu sais comment bloqué la position de ma première image à gauche et en placé une à droite de l'écran ?

[lefabdu51]

Re : image sur les cotés

suis la procédure dans le lien..... tout est expliqué...

[bosk]

Re : image sur les cotés

Super
oui effectivement
après avoir bien lu plusieurs fois j'ai compris
pas évident quand on a aucune formation en css ou html


ton lien est bien, dommage que l'on est pas en français natif pour mieux comprendre
heureusement que google chrome traduise

encore merci, j'ai bien progressé