GAELLE Posted January 11, 2010 Share Posted January 11, 2010 Bonjour,Je souhaite mettre une bannière qui ferait toute la longueur du site (1500 * 150)Actuellement cette image est placé dans préférence _>Apparence.Quand j insère l'image créée, voila ce que ca donne (voir fichier)Dans la colonne de gauche rien n'apparait, la bannière commence au début de mes categoriesJ'ai essayé avec firebug et ca ne va pas.Alors si quelqu'un a une idee ? Merci Link to comment Share on other sites More sharing options...
donaldlloyds Posted January 11, 2010 Share Posted January 11, 2010 je vais te donner une réponse comme je le sent (comme j aurais fait) car je ne suis pas encore tres doué,pour moi le problème vien que ton image est trop grande pour ton header, donc elle depasse a droiteretaille ton image au bonne dimension de facon a la centrer est avoir une page blance a gauche et a droitepuis mais un backrground avec ton effet de dégradé afin de l avoir sur l ensemble de la page. Link to comment Share on other sites More sharing options...
donaldlloyds Posted January 11, 2010 Share Posted January 11, 2010 je t ai fait une petite illustration de mes propos Link to comment Share on other sites More sharing options...
GAELLE Posted January 11, 2010 Author Share Posted January 11, 2010 merci mais en fait le plus simple c'est de mettre mon image en background ! tu peux m aider ? Comment as tu fais pour mettre ton background ? Il va ou le code ? Merci beaucoup ! Link to comment Share on other sites More sharing options...
donaldlloyds Posted January 11, 2010 Share Posted January 11, 2010 dans c est cas la effectivement tu peut faire comme ca (mais c est moins propre) mais ne met pas ton logo dans ton background il viendra dessus. background:white url(http://.../img/bg.jpg) no-repeat scroll center top; ton back ground doit faire la largeur total de ton site (1600 px)mais je persiste a dire que du aurais du avoir ta bannière dans le headerpar dessus un background (le mieux avec ton dégradé serait une répétition) c est moins lourd Link to comment Share on other sites More sharing options...
GAELLE Posted January 12, 2010 Author Share Posted January 12, 2010 Je veux bien essayer ta solution mais comment je fais pour mettre un degradé derrière ? et puis la répétition comment je fais ? Excuse mais avec les codes j'ai un peu de mal ! Link to comment Share on other sites More sharing options...
donaldlloyds Posted January 12, 2010 Share Posted January 12, 2010 Je veux bien essayer ta solution mais comment je fais pour mettre un degradé derrière ? et puis la répétition comment je fais ? Excuse mais avec les codes j'ai un peu de mal ! pour mettre un background tu va dans ton global.cssdans la balise body { (ligne 16)tu rajoute ce code dans le script "background"background: white url(../img/bg.png) repeat-x scroll 0 0 tu créer ensuite un fichier au format png (tu peut aussi mettre un jpg mais change l extension dans le code aussi) que tu nomme bg.png et que tu place via ftp dans le dossier /img/l image sera répété sur l axe X (horizontal) donc il te suffit de creer une image de la hauteur que tu veu et en largeur met le plus léger possible 5px par exempleenjoy Link to comment Share on other sites More sharing options...
Morgatte Posted January 12, 2010 Share Posted January 12, 2010 Hello,Oui, c'est une solution. J'ai aussi fait pareil.Voici en plus détaillée une méthode analogue. Elle permet soit de placer un Background fixe soit un background totalement adaptable à la page.C'est à dire, aussi bien en largeur qu'en hauteur :- répétition du motif horizontal du Header + Image centrale principale par dessus- répétition du motif horizontal du Footer + Image centrale principale par dessus- Adaptation de la taille du background suivant la longueur du contenu de la page.http://www.prestashop.com/forums/viewthread/40307/graphisme/background_fixe_ou_deplacable Link to comment Share on other sites More sharing options...
GAELLE Posted January 13, 2010 Author Share Posted January 13, 2010 Cest ok, j'ai reussi à mettre mon image en background ( dans body) maintenant voila le problème (voir fichier) comment je fais pour ne pas que ca se chevauche ? merci Link to comment Share on other sites More sharing options...
GAELLE Posted January 13, 2010 Author Share Posted January 13, 2010 " l image sera répété sur l axe X (horizontal) donc il te suffit de creer une image de la hauteur que tu veu et en largeur met le plus léger possible 5px par exemple "pour avoir un degradé de violet quelle image je dois créer ? Link to comment Share on other sites More sharing options...
donaldlloyds Posted January 13, 2010 Share Posted January 13, 2010 je te la fait ce soi en rentrant ca ira plus vite que d expliquer lolsinon il te suffit juste de faire un png de ton dégradé avec une largeur de 5 px et une la hauteur que tu veu e partant du top Link to comment Share on other sites More sharing options...
donaldlloyds Posted January 13, 2010 Share Posted January 13, 2010 tien je t ai fait un exemple avec l image que tu a donné (donc juste pour que tu test) Link to comment Share on other sites More sharing options...
GAELLE Posted January 13, 2010 Author Share Posted January 13, 2010 ok ! jsuis trop bête ! je pensais que 5px de largeur c'etait l'autre sens...C'est pour ca que ca ne pouvait pas marcher !! merci encore je teste ca de suite ! Link to comment Share on other sites More sharing options...
GAELLE Posted January 14, 2010 Author Share Posted January 14, 2010 c'est bon c'est ok ! merci beaucoup pour votre aide. Je vais mettre un ptit résolu ! Link to comment Share on other sites More sharing options...
donaldlloyds Posted January 14, 2010 Share Posted January 14, 2010 de rien ca fait plaisir Link to comment Share on other sites More sharing options...
Kreasite Posted January 14, 2010 Share Posted January 14, 2010 Elle commence sérieusement a prendre forme cette boutique, c'est chouette.++DAV Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now