Forum ZitePLUS

La communauté des utilisateurs du CMS ZitePLUS

Vous n'êtes pas identifié(e).

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

LeChi
Membre
Inscription : 26/05/2009
Messages : 16
Site Web

Bandeau supérieur -> image de fond

Bonsoir,

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

Merci pour vos suggestions.


LeChi

Hors ligne

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

jpg
Administrateurs
Inscription : 19/11/2008
Messages : 2 086
Site Web

Re : Bandeau supérieur -> image de fond

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

Hors ligne

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

LeChi
Membre
Inscription : 26/05/2009
Messages : 16
Site Web

Re : Bandeau supérieur -> image de fond

Merci, je vais essayser ça.

LeChi

Hors ligne

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

cricriber
Membre
Inscription : 20/03/2009
Messages : 9

Re : Bandeau supérieur -> image de fond

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

Hors ligne

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

snypi
Moderateurs
Inscription : 11/03/2008
Messages : 1 235
Site Web

Re : Bandeau supérieur -> image de fond

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)


un zite+ associatif http://asso.gard.a.toi.free.fr
création de site internet dans le Gard et Ardèche http://www.creation-site-internet-gard.com/

Hors ligne

Pied de page des forums