XClone Posted January 20, 2011 Share Posted January 20, 2011 Ci-joint copie écran de la modif que je souhaite réaliser : ce sujet fait suite à ma question concernant modification et remplacement d'1 couleur par 1 image en fond, sujet déplacé dans cette section Link to comment Share on other sites More sharing options...
Vincent Decaux Posted January 20, 2011 Share Posted January 20, 2011 Il faut donc faire une DIV qui englobe tout ce qu'englobe BODY et appliquer un Background dessus.Les 2 images seront ainsi superposées. Link to comment Share on other sites More sharing options...
XClone Posted January 20, 2011 Author Share Posted January 20, 2011 Merci. Dernière question : modif du "global css" uniquement ou intervention sur 1 autre fichier?? Link to comment Share on other sites More sharing options...
Atch Posted January 20, 2011 Share Posted January 20, 2011 J'ai du mal à suivre l'intérêt de superposer deux images?C'est un backrground révolutionnaire? Montrez nous les images des BG pour que je comprenne la subtilité V++Atch Link to comment Share on other sites More sharing options...
Vincent Decaux Posted January 20, 2011 Share Posted January 20, 2011 Intervention nécessaire sur header.tpl et footer.tpl, pour ouvrir et fermer la DIV.Et je pense Atch, cela peut être utile pour un fond dégradé en repeat-x et ajouter un effet de lumière par exemple au centre du site. Link to comment Share on other sites More sharing options...
XClone Posted January 20, 2011 Author Share Posted January 20, 2011 Atch, bonjour, non il ne s'agit pas d'1 background révolutionnaire : (voir ci-dessous)Je sais que je dois rajouter 1 div (ou 1 wrapper (est-ce aussi le terme pour 1 conteneur)) englobant ma page complète. Si je comprends bien, il me faut le faire avant "body" et non pas dans "body" ce qui expliquerait pourquoi j'avais 1 header complètement blanc mais qui avait doublé en dimension sur la hauteur. Merci à vous Link to comment Share on other sites More sharing options...
XClone Posted January 20, 2011 Author Share Posted January 20, 2011 image en rade!! Trop volumineuse Link to comment Share on other sites More sharing options...
XClone Posted January 21, 2011 Author Share Posted January 21, 2011 Bonjour à tous : personne pour me dire si je suis dans le vrai ou comment je dois procéder. Merci Link to comment Share on other sites More sharing options...
YopixelAE Posted January 21, 2011 Share Posted January 21, 2011 Bonjour,Encore une fois ce n'est pas clair, oublie cette ligne 18 et tout le blabla autour.Utilise des couleurs, par exemple bleu= ton image n°1 et rouge ton image n°2.++ Link to comment Share on other sites More sharing options...
Atch Posted January 21, 2011 Share Posted January 21, 2011 Bonjour,J'ai bien compris ce que tu voulais faire...Mais as tu comparé le poids des images...Vaut peut être mieux une image bien optimisée en jpeg que 2 images en PNG.OK la première va être optimisée car elle fera 1px de large et répétée sur x, mais la seconde, un gros PNG transparent qui risque de faire 1Mo pour juste mettre des photos de quad qui perso je ne les trouve pas valorisantes...L'idéal est peut etre de travailler un peu plus le contenu que le contenant...V++Atch Link to comment Share on other sites More sharing options...
XClone Posted January 21, 2011 Author Share Posted January 21, 2011 Felix, bonjour, voir ci-dessous. Merci Link to comment Share on other sites More sharing options...
XClone Posted January 21, 2011 Author Share Posted January 21, 2011 Atch, bonjour L'image actuelle n'est pas la bonne : je voulais éviter ce fond blanc, et j'ai laissé mon 1er "essai" Ce sera peut-être 1 dégradé de gris ou autre, quoique 1 dégradé risque de me poser problème car je suis obligé de lui donner 1 hauteur fixe, sachant que j'ai des pages qui peuvent s'étirer de 1500px jusqu'à 4000 (celles où j'ai des scènes). Je pense opter pour 1 dégradé de hauteur 2000px environ finissant pratiquement blanc en bas et rattrapant ainsi le "blanc" du fond de page. Merci Link to comment Share on other sites More sharing options...
YopixelAE Posted January 21, 2011 Share Posted January 21, 2011 Dans le header.tpl, un div qui englobe tout le headerDans le footer.tpl, un div qui englobe tout le footerDu code pour avancer: Dans header.tpl: <body> [css = image 2.jpg] [css = width:100%] <!-- header --> [css = image 1.jpg] [css = width:980px etc.] .... Dans footer.tpl: (fermeture de page) <!-- Footer --> [css = image 3.jpg] [css = width:980px etc.] (fermeture de fullpage) ... </body> Link to comment Share on other sites More sharing options...
XClone Posted January 21, 2011 Author Share Posted January 21, 2011 Felix, merci. Mais question peut-être bête : Pas de modif du global css?? Link to comment Share on other sites More sharing options...
YopixelAE Posted January 21, 2011 Share Posted January 21, 2011 [css = image 1.jpg] ça c'est pour le cssça donne #header{background: url image;} Link to comment Share on other sites More sharing options...
XClone Posted January 21, 2011 Author Share Posted January 21, 2011 J'avais bien vu la ligne et tu me confirmes. En fait tu as créé 1 "lien" qui renvoie vers l'image en question. Désolé mais je ne suis pas encore rompu aux subtilités des css et autres fichiers tpl.Question subsidiaire : ta "solution" est-elle 1 raccourci d'1 modif global css+modif header.tpl+modif footer.tpl. Le passage par le global css n'est pas 1 obligation dans ce cas précis?? C'est juste 1 question pour comprendre pourquoi certains préconisent la modif du global css en priorité.Personnellement ta modif me convient parfaitement.J'ai mis la main dans le cambouis depuis 3 semaines environ et ai déjà modifié pas mal d'aspects visuels du template pour l'adapter à mes couleurs, mais je calais sur la modif de couleur du fond. Je pense mettre mes modifs en ligne dans le week-end et je ne manquerai pas d'en faire part.Merci à vous tous et à plus Link to comment Share on other sites More sharing options...
YopixelAE Posted January 21, 2011 Share Posted January 21, 2011 Non je voulais dire que [css = image 1.jpg] il faut le traduire dans ton global.css sous la forme #header{background:etc.} Link to comment Share on other sites More sharing options...
XClone Posted January 21, 2011 Author Share Posted January 21, 2011 Désolé mais ça ne marche pas : le fichier "header.tpl" me semble un peu ardu. J'ai du mal à retrouver mes petits 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