Bandeau supérieur -> image de fond

LeChi · 07/01/2010 01:06:50

Bonsoir,

comment faire pour personnaliser l'image de fond du bandeau supérieur pour certaines pages et ses filles ?

Merci pour vos suggestions.

LeChi

jpg · 07/01/2010 01:40:42

Bonsoir,

Tu peux essayer de créer un panneau latéral de type bandeau supérieur en sous-page de la page où tu souhaites la personnalisation.

Dans le panneau tu mets ce code: <div class="test"></div>

et dans ton fichier de style un truc du genre:

.test {
background-image: url(deco/monimage.png);
height: 69px;
background-color: #fff;
border-bottom: none;
margin:0;
padding: -10px 0 0 0;
}

ps: j'ai supposé que ton #top du fichier style.css était:
#top {
width: 900px;
height: 69px;
background-color: #FFF;
background-image: url(deco/topbg.png);
border-bottom: none;
margin:0;
padding: 10px 0 0 0;
}

Il faudra peut-être un peu adapter, mais ça devrait focntionner

a+
jean-paul

LeChi · 07/01/2010 22:01:50

Merci, je vais essayser ça.

LeChi

cricriber · 27/03/2010 17:53:51

Bonjour,

Cette solution me conviendrai mais ça s'affiche au dessus de la page et le topbg ne change pas.

J'ai surement loupé quelque chose.

Merci de votre aide.

Cricriber

snypi · 27/03/2010 23:30:06

je ne pense pas que ce soit la solution car le code html est le suivant

<div id="top"><div class="test"><h3>test</h3>*****hauteur 69px pour la classe test qui décale les titres*****</div><h1>Site test de ZitePLUS</h1>
<h2>utiliser le menu configurer pour définir le nom du site</h2></div>

et donc nous nous retrouvons avec 2 DIV la "top" et la "test" et au niveau du code CSS la hauteur de la classe test fait descendre de 69px les titres (les deux hauteurs s'additionne)
et le code css de jpg y'a un padding de - 10 px qui décale tous il faudrait mettre les valeurs à 0

je pense qu'il faut créer pour chaque page principale une panneau en position haut et supprimer le _haut
un zite plus en développement qui fonctionne sur ce principe
http://www.singletracks.fr

Dernière modification par snypi (27/03/2010 23:39:28)

Forum ZitePLUS

#1 07/01/2010 01:06:50

Bandeau supérieur -> image de fond

#2 07/01/2010 01:40:42

Re : Bandeau supérieur -> image de fond

#3 07/01/2010 22:01:50

Re : Bandeau supérieur -> image de fond

#4 27/03/2010 17:53:51

Re : Bandeau supérieur -> image de fond

#5 27/03/2010 23:30:06

Re : Bandeau supérieur -> image de fond

Pied de page des forums