Image d'arrière-plan

daniel · 04/07/2007 14:50:47

Bonjour
Je voudrais positionner une image d'arrière-plan, uniquement sur la première page de mon site.
J'ai beau configurer l'onglet Background de l'éditeur de style CSS, rien à faire. Au mieux, l'image apparaît quand je clique sur Apply, mais quand j'enregistre la page, au réaffichage, l'image a disparu.
Merci d'avance pour le dépannage.

Renaud · 04/07/2007 15:09:34

Il se peut que ce soit un problème de chemin d'image "mal converti" par tinyMCE... il faudrait regarder le code source de la page générée pour voir l'url de l'image si tu en retrouves la référence.

Mais il y a une manière de bidouiller ça autrement. La propriété $zite->truepage contient, si on est sur une vraie page et non une page d'admin, le numéro de la page... en l'occurence 1 pour l'accueil. Tu peux donc modifier le template pour affecter une classe de ton choix à <body> (par exemple, ou tout autre élément de ton choix) par une ligne de code inspirée de :

<?php if ($zite->truepage==1) echo 'class="fond_special"' ?>

Ensuite il ne te reste qu'à définir la classe fond_special dans la feuille de style et le tour est joué.

daniel · 04/07/2007 15:23:38

Merci
Je vais essayer

laurent39 · 22/02/2011 15:47:39

Bonjour,

avec la dernière version de ZITEPLUS 0.9.1.b7, je n'arrive à mettre un fond de "main" différent pour chaque page.

je mets bien :
<div id="main">
<?php if ($zite->truepage==1) echo 'class="fond1"' ?>
<?php echo $zite->content['pnl7'].$zite->content['main'].$zite->content['pnl8'] ?>
</div>

dans template.php

et dans standard.css
.fond1{
background-image: url(deco/fond1.jpg);
}

mais tout ce que cela me fait c'est de mettre dans la page accueil la mention : class="fond1" en texte noir....

Une soluce ??

Vive ZitePlus : le top des cms !

snypi · 22/02/2011 16:49:39

laurent tu n'ai pas dans la bonne section
avec la nouvelle version de ziteplus tu à par défaut une div qui ce créer avec le nom de ta page il suffit de créer un #lenomdetapage dans le css et y mettre ton arrière plan
++

laurent39 · 22/02/2011 17:40:20

Hello Snypi,

merci pour l'astuce, c'est cool. Je ne savais pas...

le soucis, c'est le body a déjà un background et j'ai l'impression qu'il se met "au-dessus" de mon background de page
car si je pointe ma souris sur ma page et que je fais "afficher l'image de fond", j'ai bien l'image qui devrait s'afficher...

That is THE problem !

On peut gérer les niveaux ??

Laurent

Dernière modification par laurent39 (22/02/2011 17:50:11)

jpg · 22/02/2011 17:44:00

C'est ça, tu as bien compris comment ça marche.
Par contre, il faut parfois faire une CTRL-F5 pour actualiser le cache du navigateur

a+
Jean-Paul

laurent39 · 22/02/2011 18:41:45

OK j'ai trouvé :

alors pour faire un background-image dans les pages même s'il y a déjà un background sur le body :

il faut mettre dans css.standard

#pg_lenomdelapage {

background-image: url(deco/fond1.jpg);
width:941px;
height:700px;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center 250px;
}

en mettant la taille et la position, ça marche
sinon cela n'affiche que le background-image du body...

Merci à Snypi et JPG pour leur aide précieuse !

Bon Ziteplus à tous !

laurent39 · 07/08/2012 10:41:25

Bonjour tout le monde

Rhaa... dur le retour de vacances...

Pour compléter ce topic, comment faire pour que ce soit le background du body qui change si on change de page ??

Une idée ??

Bonne journée à vous

Laurent39

snypi · 07/08/2012 13:21:01

salut à toi
moi j'utilise un javascript que je met dans un panneau avec http://www.ajaxblender.com/script-sourc … index.html
mais avec le même principe si tu créer un panneau en php en sous menu de ta page mère ici page2
exemple
accueil
page2
panneau
page2bis
page 3

dans le panneau en php tu adapte le code avec ton image

[== PHP ==]
  <?php $this->content['localcss'] .= "\nbody {background-image:monimage.jpg}\n"?>

du coup page2 et page2bis auront monimage.jpg en background
voilou mon bon monsieur

laurent39 · 07/08/2012 15:36:20

Hello Monsieur Snypi !

j'ai fait ce que tu dis en adaptant : url(deco...)

<?php $this->content['localcss'] .= "\nbody {background-image:url(deco/monimage.jpg)}\n"?>

et ça marche nickel !!

Merci M'sieur !

Bonne journée à toi

Laurent39

Forum ZitePLUS

#1 04/07/2007 14:50:47

Image d'arrière-plan

#2 04/07/2007 15:09:34

Re : Image d'arrière-plan

#3 04/07/2007 15:23:38

Re : Image d'arrière-plan

#4 22/02/2011 15:47:39

Re : Image d'arrière-plan

#5 22/02/2011 16:49:39

Re : Image d'arrière-plan

#6 22/02/2011 17:40:20

Re : Image d'arrière-plan

#7 22/02/2011 17:44:00

Re : Image d'arrière-plan

#8 22/02/2011 18:41:45

Re : Image d'arrière-plan

#9 07/08/2012 10:41:25

Re : Image d'arrière-plan

#10 07/08/2012 13:21:01

Re : Image d'arrière-plan

#11 07/08/2012 15:36:20

Re : Image d'arrière-plan

Pied de page des forums