ChrisMe Posted December 8, 2010 Share Posted December 8, 2010 Bonsoir,Je débute avec Prestashop, alors j'ai un peu de mal avec la façon dont les templates sont faits, veuillez me pardonner ce point.J'essai dans ma boutique (qui est en local) de mettre comme le titre de ce sujet l'indique, une image répétée verticalement à droite et à gauche.Exactement là même chose que sur ce site, qui d'ailleurs donne le code pour y arriver[url=http://www.builderau.com.au/program/css/soa/Create_a_double_gradation_background_with_CSS/0,339028392,339207226,00.htm#leaveyourcomment]http://www.builderau.com.au/program/css/soa/Create_a_double_gradation_background_with_CSS/0,339028392,339207226,00.htm#leaveyourcomment[/url]Voici le code que j'ai placé dans global.css[code]body { background:#FFFFFF url(/img/fond_L.png) left top repeat-y; height:100%; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #5d717e; text-align: center}* html #bkgnd2 { height:100%;}#bkgnd2 { position: absolute; top: 0px; right: 0px; height:auto; width:100%; min-height:100%; background:#FFFFFF url(/img/fond_R.png) right top repeat-y; text-align:center; }[/code]Je cherche maintenant à placer ceci dans la balise body[code]<body> <-- d'ici ...... <-- à ici</body> [/code]C'est là que ca se complique, visiblement le template (je modifie celui par défaut, ce qu'il ne faut pas faire..) est découpé, il n'y a pas de index.html, je modifie donc header.tlp et j'ajoute ceci (ce qui est en gras) [code]<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}> <-- cette ligne[/code]Et ceci dans footer.tpl (toujours ce qui est en gras)[code] <-- cette ligne </body>[/code]Évidemment ca ne fonctionne pas, j'ai bien mon image en place à gauche, mais rien à droite.Pouvez-vous m'aider ?Merci et bonne soirée Link to comment Share on other sites More sharing options...
Melki-Tsedeq Posted December 8, 2010 Share Posted December 8, 2010 Bonjour ChrisMe & Bienvenue parmi nous.Le sujet à déjà été traité et une réponse à été donné.Voir le sujet : Remplacer le Background par une photoSinon pour faire simple remplacer dans votre global.css le background de votre body par celui ci. background-image:url(../img/fond_left.jpg),url(../img/fond_right.jpg); background-position:left top, right top; background-repeat: repeat-y; De cette façon vous aurez une image répétée verticalement à droite et à gauche.Cordialement.Melki-Tsedeq Link to comment Share on other sites More sharing options...
ChrisMe Posted December 8, 2010 Author Share Posted December 8, 2010 Bonsoir,Merci pour le code, il fonctionne mais uniquement sous firefox, sous IE (derniere version) j'obtiens une image d'un point d'interrogation sur la gauche et rien sur la droite.As-tu une idée ?Merci Link to comment Share on other sites More sharing options...
ChrisMe Posted December 13, 2010 Author Share Posted December 13, 2010 ceci background-image:url(../img/fond_left.jpg),url(../img/fond_right.jpg); fait partie de CSS 3, comment l'implanter pour internet explorer ?Je ne trouve pas de solutionmerci Link to comment Share on other sites More sharing options...
nuttis Posted December 17, 2010 Share Posted December 17, 2010 Melki-TsedeqOMG! Votre boutique est la plus belle sexyboutique que j'ais vue. J'aurais aimer que ma boutique serais aussi belle!Cordialementnuttis Link to comment Share on other sites More sharing options...
Web Actually Posted December 17, 2010 Share Posted December 17, 2010 Bonjour,Sinon il vous reste la possibilité de créer une image de 2000 pixel de large body {background: #ffffff url(monimage.png) top center repeat-y;}Cordialement Link to comment Share on other sites More sharing options...
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