[ziteplus] tuto tabs ou onglet

snypi · 03/10/2011 23:53:38

voici un tuto pour apprendre à ce servir du module "tabs" ou onglet disponible depuis l'option module de ziteplus

Voici un rendu de sont utilisation

comment qu'on fait ??

Installation du module: cliquer sur module dans votre panneau d'administration et cliquer sur "Ajouter depuis le site officiel"

choisissez tabs et cliquer sur installer

Vous avez maintenant en bas le module tabs qui apparait ! suivez les indications de l'image ci dessous

Création des pages pour intégrer le module

allez dans le menu page du panneau d'administration et tous en bas commencé à créer le schéma si dessous

1 : cliquer sur le + pour créer la première page celle ci doit être en html et ne pas apparaitre dans le menu !!
cette page ne sert que de support !! Son contenue ne sert à rien !! juste un titre de page parlant pour visuellement savoir ou l'on gère nos onglets dans notre site.

2: les Nom de la page qui commence par un _ ce signe _ permet que les pages créer n'apparaisse pas dans le plan du site !!! de plus le nom de la page "mère" sera utiliser lors de l'appel du module

3 : les sous pages non visible dans le menu : les titres des sous pages sont les titres affiché de vos onglets et le contenue de ces pages est le contenue de vos onglets.

4 : les nom de pages toujours avec un _devant

5 : les pages doivent être visible

intégration du module dans une page

les onglets sont créer maintenant il faut l'implémenter dans une page
la page doit être PHP exemple la page d'accueil ou actualité donc en php
passer en mode source et coller le code suivant

<h1>Actualité</h1>
<?php echo $this->page_module("tabs","_onglet1");?>

attention _onglet1 est le nom de la page mère mon 2 rouges ! mettez le votre

CSS
pour le design en css les class créer sont
.tabs (div qui encadre le module)
.tabs_heads (div qui contient les titres des onglets)
.tabs_bodies (div qui contient le contenue de l'onglet)

amusez vous bien

Dernière modification par snypi (04/10/2011 08:45:23)

bpat85 · 04/10/2011 23:52:23

Excellente idée ... Tuto à épingler.
Merci, bien que je ne me serve pas (pour l'instant) du module "tabs"

Forum ZitePLUS

#1 03/10/2011 23:53:38

[ziteplus] tuto tabs ou onglet

#2 04/10/2011 23:52:23

Re : [ziteplus] tuto tabs ou onglet

Pied de page des forums