Changer le background...

principal.adjoint · 10/01/2010 15:13:42

Bonjour,
Tout d'abord merci pour Zite+ qui me permet enfin d'avoir un site digne de ce nom.
Je voudrais modifier le fond (background) de mes pages par défaut. Soit en changeant la couleur par défaut qui est actuellement le blanc, soit en mettant une mosaïque de petits logos grisés.
J'ai modifié la partie body de mon style.css :
en remplaçant
background-color: #FFF;
par :
background-image: url(deco/Logo.png);
J'ai bien vidé le cache après avoir uploadé mon nouveau style.css, rien ne change, tout reste blanc.
Ça ne marche pas non plus si je change la couleur de background-color.
Qu'est-ce que j'ai bien pu faire de travers ?
Je précise que j'utilise le template indigo.

Dernière modification par principal.adjoint (10/01/2010 15:25:50)

didoch54000 · 10/01/2010 17:22:56

Bonjour,

En enlevant le '-image'

background: url(deco/Logo.png);

principal.adjoint · 10/01/2010 20:11:28

Pas mieux ...

Le début du style.css :

body {
background: url(deco/Logo.png);
margin: 0;
padding: 0;
text-align:center;
}

Bien sûr le Logo.png est présent dans le répertoire deco ...

jpg · 10/01/2010 20:37:23

Bonsoir,

Si c'est vraiment le fond de page (au sens zite+) que vous souhaitez modifier, c'est plutôt le #main qu'il faut modifier.

par exemple:

#main {
width: 676px;
float: left;
margin:0;
padding: 7px;
text-align: justify;
background-color:#0FF; /* changement de couleur de fond*/
background-image: url(deco/topbg.png); /* une image de fond de nom topbg.png dans le répertoire deco*/
}

ps: l'exemple est fonctionnel avec le style.css standard

a+
Jean-Paul

principal.adjoint · 11/01/2010 11:22:12

Malheureusement, cette solution ne fonctionne pas mieux chez moi, pour le logo tout au moins.
J'essaie avec la couleur.
Merci.

davyk · 11/01/2010 13:16:12

salut et bienvenue sur le forum,

le background, il me semble que c'est bg.png dans deco

++ vyk

EDIT: OUPS, j'avais mal lu, j'ai pas vu que tu utilises le template indigo.

Dernière modification par davyk (11/01/2010 13:39:05)

jpg · 11/01/2010 19:41:37

principal.adjoint a écrit :

Malheureusement, cette solution ne fonctionne pas mieux chez moi, pour le logo tout au moins.
J'essaie avec la couleur.
Merci.

J'avais zappé moi aussi que vous utilisiez le style indigo ... qui est pas trop standard (entendre par la, très différent de tous les autres styles)

Le but, c'est quoi exactement ?

Car si c'est pour afficher un logo en haut à gauche (ou à droite) dans le bandeau supérieur, il y a une autre solution sous ZitePlus: utiliser un panneau latéral haut.

avec comme code source du panneau:

Je n'ai pas testé avec un style indigo, mais cela fonctionne bien avec les autres

a+
Jean-Paul

principal.adjoint · 11/01/2010 22:34:36

Question de gros débutant, désolé...
ce <div style="float: left;"><img alt="Votre logo" src="deco/Logo.png" height="100" width="200" style="float: left" /></div>, je le mets à quel endroit dans le template ??

Le template indigo :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<link rel="stylesheet" type="text/css" href="indigo.css" media="screen"/>
<title><?php echo $zite->content['menu_title'].', '.$zite->get_data('site_title') ?></title>
</head>

<body>

<div class="header">

<div class="title">
<h1><?php echo $zite->get_data('site_title') ?></h1>
<h2><?php echo $zite->get_data('site_subtitle') ?></h2>
</div>

<div class="navigation">
<a href="http://78.155.153.233/professeur.html" target="_blank">Espace professeurs</a>
<a href="http://78.155.153.233/parent.html" target="_blank">Espace parents</a>
<a href="http://78.155.153.233/eleve.html" target="_blank">Espace élèves</a>
<div class="clearer"><span></span></div>
</div>

</div>

<?php echo $zite->content['main'] ?>

</div>

<h1>Navigation</h1>
<?php echo $zite->content['menu'] ?>
<?php echo $zite->get_content(1156957918, true) ?>

</div>

<div class="clearer"><span></span></div>

</div>

<div class="footer">
<p>© 2009 <a href="./index.php"><?php echo $zite->get_data('site_title') ?></a>. | Site motorisé par <?php echo ZITEVER ?></a> | Design par <a href="http://arcsin.se">Arcsin</a></p>
</div>

</body>

</html>

jpg · 12/01/2010 00:09:29

En ZitePlus, le div en question n'est pas à mettre dans le template mais dans une page de type panneau latéral.

Toutefois, le template que vous utilisez n'est pas compatible avec les fonctionnalités de zitePlus (panneaux latéraux en particuler).
Il est à la sauce Zitecms ou toutes modifications doit se faire dans le template => c'est beaucoup moins pratique à l'usage.
et potentiellement source de désagréments futur.

Dans votre cas, essayez de modifier le <div class="title> pour avoir cela:

<div class="title">
<div style="float: left;"><img alt="Votre logo" src="deco/Logo.png" height="100" width="200" style="float: left" /></div>
<div style="float:right;"><h1><?php echo $zite->get_data('site_title') ?></h1><h2><?php echo $zite->get_data('site_subtitle') ?></h2></div>
</div>

a+
jean-paul

principal.adjoint · 12/01/2010 13:01:53

Bon, grâce à vous j'ai enfin un logo qui s'affiche, merci beaucoup
Je suis conscient que tout cela n'est sans doute pas "propre" mais je suis en phase d'apprentissage.

Forum ZitePLUS

#1 10/01/2010 15:13:42

Changer le background...

#2 10/01/2010 17:22:56

Re : Changer le background...

#3 10/01/2010 20:11:28

Re : Changer le background...

#4 10/01/2010 20:37:23

Re : Changer le background...

#5 11/01/2010 11:22:12

Re : Changer le background...

#6 11/01/2010 13:16:12

Re : Changer le background...

#7 11/01/2010 19:41:37

Re : Changer le background...

#8 11/01/2010 22:34:36

Re : Changer le background...

#9 12/01/2010 00:09:29

Re : Changer le background...

#10 12/01/2010 13:01:53

Re : Changer le background...

Pied de page des forums