Forum ZitePLUS

vincent

Membre

Inscription : 06/12/2008

Messages : 30

Classes CSS

Une autre question liée à zite, concernant le css.

Le "main" est actuellement constitué de coins arrondies en css, sur un dégradé gris, toutefois, je souhaiterai qu'une page (la page contact dont le fichier au sein de zdata se nomme "69123456"), ne dispose pas du même background, mais qu'elle dispose d'un background blanc, vide sans ces coins arrondies.

Donc j'ai créé une classe dans le fichier template.php:
-----------------------------------------------------
<div id="main">
<div class="roundedcornr_box_918029">
   <div class="roundedcornr_top_918029"><div></div></div>
      <div class="roundedcornr_content_918029">
            <?php echo $zite->content['main'] ?>
      </div>
</div>
   <div class="roundedcornr_bottom_918029"><div></div></div>
            <div class="contact">
                <?php echo $zite->get_content(69123456, true) ?>           
            </div> 
</div>    
-----------------------------------------------------
et dans le fichier style.css:
-----------------------------------------------------
.contact {
background: #FFFFFF;
}

-----------------------------------------------------

Or, visiblement cela ne fonctionne pas, si quelqu'un a une idée la dessus, je suis preneur, merci par avance

piemchien

Membre

Inscription : 08/02/2009

Messages : 76

Site Web

Re : Classes CSS

Pour faire des pages avec un design différent, il ne faut pas que tu ait la définition des div dans le "template", car de ce fait, cela s'applique à toutes les pages.
Il faut que tu appelle tes div dans la page concernée, et uniquement celle là.
Et tu travaille le design par les CSS, dont les classes sont appelées en fonction des besoins.
Je ne sais pas si je suis clair.
En gros, le fichier "template" doit être très peu modifié, voir pas du tout.
Toutes les modifs seront dans le CSS et appelées dans chaque pages par les div.
Voici, par exemple, le début de l'une de mes pages:

<div class="two-columns">            
<div class="columnA">                 
<div class="title">                 
<h2>Titre 1</h2>              
</div>                            

Là, tu peux faire tout ce que tu veux, et avoir plusieurs desing différent pour le "mid"

A+

Pierre

---

Services pour les TPE en secrétariat, création de sites, permanence téléphonique