Keibo Posted September 25, 2012 Share Posted September 25, 2012 Bonjour, Je suis actuellement en train de modifier le template de base de la version 1.5 de Prestashop, mais je butte sur une seule chose, mettre le header en "Full size". Je l'avais fait sans problème sur la 1.4 mais là je n'y arrive pas. J'ai testé pas mal de choses mais sans succès... Auriez-vous l'astuce ? Merci d'avance Link to comment Share on other sites More sharing options...
Keibo Posted September 26, 2012 Author Share Posted September 26, 2012 Si quelqu'un pouvait vraiment m'aider svp c'est très important ! Merci beaucoup Link to comment Share on other sites More sharing options...
Nikhil69 Posted October 29, 2012 Share Posted October 29, 2012 Bonsoir, Je suis dans la même problématique que Mr. Otaku. En effet, avant il suffisait de sortir les div header et footer du div page afin de pouvoir les mettre sur tout le body. J'ai réussi de la même manière pour le footer en 1.5.2, mais rien à faire avec le header. Si quelqu'un a trouvé une manière de faire, ce serait avec grand plaisir. Cordialement, Link to comment Share on other sites More sharing options...
DeyDDy Posted October 29, 2012 Share Posted October 29, 2012 Bonsoir, Voici comment je procéde pour le header et le footer à 100% Dans votre header.tpl ajoutez ceci juste au dessus de <div id="page" class="container_9 clearfix"> <div id="fond-footer"> <div id="fond-header"> ensuite dans votre global.css ajoutez #fond-footer { background:transparent url("../img/mon image.png") repeat-x bottom left; } #fond-header { background:transparent url("../img/mon image.png") repeat-x top left; } Bien-sûr n'oubliez pas de mettre vos images dans le dossier img de votre thème 1 Link to comment Share on other sites More sharing options...
Nikhil69 Posted October 31, 2012 Share Posted October 31, 2012 Bonjour, Merci pour votre réponse très rapide, j'ai pu travailler dessus. En effet, j'ai mieux compris certaines choses et j'ai pu mettre une belle image en full page. Merci bien ! Link to comment Share on other sites More sharing options...
alex177770 Posted November 5, 2012 Share Posted November 5, 2012 (edited) Bonsoir, Voici comment je procéde pour le header et le footer à 100% Dans votre header.tpl ajoutez ceci juste au dessus de <div id="page" class="container_9 clearfix"> ensuite dans votre global.css ajoutez Bien-sûr n'oubliez pas de mettre vos images dans le dossier img de votre thème J'ai un problème avec l'insertion d'une image de fond dans un module à 100% ( les mêmes que dans le header et le footer à 100%)! Sur la page principale je veux un curseur comme sur le web: http://www.belancy.com/ Merci beaucoup ! Edited November 5, 2012 by alex177770 (see edit history) Link to comment Share on other sites More sharing options...
Vinc3nzo Posted January 31, 2013 Share Posted January 31, 2013 Bonsoir, Voici comment je procéde pour le header et le footer à 100% Dans votre header.tpl ajoutez ceci juste au dessus de <div id="page" class="container_9 clearfix"> ensuite dans votre global.css ajoutez Bien-sûr n'oubliez pas de mettre vos images dans le dossier img de votre thème Bonjour, Superbe! Merci beaucoup! juste pour moi, j'ai un souci, je désire utiliser juste une image 50x50px qui se répète horizontalement, et 200px de hauteur. Comment faire? Merci d'avance! Link to comment Share on other sites More sharing options...
DeyDDy Posted January 31, 2013 Share Posted January 31, 2013 Bonjour, Vinc3nzo que souhaite tu faire exactement? mettre ton image 50 par 50px et un espace de 200px en dessous? Link to comment Share on other sites More sharing options...
Vinc3nzo Posted January 31, 2013 Share Posted January 31, 2013 Bonjour, Vinc3nzo que souhaite tu faire exactement? mettre ton image 50 par 50px et un espace de 200px en dessous? Pardon je n'est pas précisé, c'est un .PNG,(50x50px noir transparent) je désire juste qu'il soit utilisé et dupliqué pour obtenir 200px de haut. Merci d'avance. Link to comment Share on other sites More sharing options...
DeyDDy Posted January 31, 2013 Share Posted January 31, 2013 Tu peut essayer comme ça background:transparent url("../img/fond-top.png")repeat ; height:200px;}; Link to comment Share on other sites More sharing options...
Vinc3nzo Posted January 31, 2013 Share Posted January 31, 2013 (edited) Tu peut essayer comme ça background:transparent url("../img/fond-top.png")repeat ; height:200px;}; Ca ne fonctionne pas, de même pour le footer quand je met 100% dans #page ca me met a gauche le l'enssemble. je n'y arrive pas, je vien de passer la journée dessus :/ (Theme d'origine prestashop 1.5.3) Edited January 31, 2013 by Vinc3nzo (see edit history) Link to comment Share on other sites More sharing options...
DeyDDy Posted February 1, 2013 Share Posted February 1, 2013 Bonjour, Tu as bien forcer la compilation et vider le cache? Si j'ai un peu de temps je te ferais les modifications sur le thème par défaut Link to comment Share on other sites More sharing options...
Vinc3nzo Posted February 1, 2013 Share Posted February 1, 2013 (edited) Hello! Merci! Bon j'ai fini par réussir avec ta premiere solution. Mais avec un Tuto ce serait plus apréciable et clair pour nous qui avont du mal avec le codage. (Le tuto je peux le faire par la suite des que j'aurais compris clairement dans le bon ordre.) Car j'ai tellement trifouillé que du coup je suis sur le CSS doit pas être bon malgré que l'affichage est correct. (je peux pas montrer le site, je suis en local) c'est juste sur le thème d'origine 1.5.x LIEN SUJET "HEADER & FOOTER" http://www.prestasho...-un-background/ Edited February 1, 2013 by Vinc3nzo (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts