   |
|
|
|
Un onglet est une petite excroissance porteuse d'une étiquette (typiquement, alphabétique) permettant un accès direct aisé aux documents, en cliquant dessus avec un dispositif de pointage tel que la souris. Les onglets sont couramment utilisés pour accéder aux différentes sous parties d'un site
|
|
Le code ci-dessous affiches les onglets contenus dans cette page. La séparation entre chaque onglet se fait en inserant la meta-balise [tab]
|
[tablist] - Onglets - Titres - Listes - Tables - Accordéons - Galleries - Image-texte - Images et liens [/tablist] [tab] ... Composant du 1er onglet ... [tab] ... Composant du second onglet ... |
|
Il sert à définir des titres (ou en-têtes).
Ceux-ci sont destinés à retenir l'attention sur les sections importantes du texte. Deux niveau de titres sont retenus définis respectivement par les méta-balises [h1] et [h2]. |
|
Le contenus des titres est utilisé par les moteurs de recherches, il est donc recommandé que leur intitulé soit pertinent et décrive le contenu de la page.
|
[h1] un titre (de premier niveau) ... texte en rapport avec le titre ... [h2] un sous-titre (de second niveau) ... text en rapport avec le sous-titre |
|
... texte en rapport avec le titre ...
|
|
... text en rapport avec le sous-titre
|
|
Cet objet sert à définir une liste.
|
[list] Une liste: - Chaque composant commence par le caractère '-'. Un composant peut s'écrire sur plusieurs lignes. - Les composants peuvents contenir des liens ou des images. [/list] |
|
|
Il existe deux sortes de table: les simples et les étendues.
|
[table] { expo ; 4 ; left|left|center|right }
[header] Editeur; Titre; Disponibilité; Prix
O-Reilly; Advanced perl programming; En stock ; 50 .-
O-Reilly; Oracle PL-SQL for DBA; En stock; 60 .-
O-Reilly; Java in a Nutshell; En stock; 80 .-
[/table]
|
| Editeur | Titre | Disponibilité | Prix |
| O-Reilly | Advanced perl programming | En stock | 50 .- |
| O-Reilly | Oracle PL-SQL for DBA | En stock | 60 .- |
| O-Reilly | Java in a Nutshell | En stock | 80 .- |
|
La table simple est au format CSV (Comma Separated Values), permettant ainsi de remplir une table en faisant un simple copier-coller depuis Excel.
|
[table] { expo ; 3; }
[header] {{ Colonne 1 || Colonne 2 || Colonne 3
}}
[line] {{ Elements 11 || Elements 12 est sur plusieurs
lignes || Elements 13
aussi
}}
[/table]
|
| Image | Titre | Commentaire |
 |
Advanced perl programming | One of the books I've used most often recently is Advanced Perl Programming. I've found myself writing code, remembering that this book explained how to do something, and pulling it off of the shelf to browse. This book has a whole chapter on language processing with Perl and, sure enough, a couple of the examples in there did just what I needed to do. |
 |
Java in a Nutshell | Java in a Nutshell, 5th Edition covers all the extensive changes implicit in 5.0, the latest and greatest version of Java yet. This classic remake has also undergone a complete editorial makeover in order to more closely meet the needs to the modern Java programmer. Among the improvements: more discussion on tools and frameworks, and new code examples to illustrate the working of APIs. |
|
Cet objet vous permet de partager votre page en sections. A tout moment un seule section est affichée, celle-ci se déroule un peu à la manière d'un accordéon.
|
[accordion] { 500 ; 250 ; }
[panel] Section 1
... texte de la section 1 ...
[panel] Section 2
... texte de la section 2 ...
[panel] Section 3
... texte de la section 3 ...
|
|
... texte de la section 1 ...
|
|
... texte de la section 2 ...
|
|
... texte de la section 3 ...
|
|
Un objet permettant d'insérer des galeries d'images. Les images peuvent y être insérées de deux manières:
|
|
[gallery] {STANDARD;gallery;../olicms/gallery;400;300;../olicms/img/gt.gif }
[/gallery]
|
|
|
|
|
|
||
|
|
Cet objet permet d'inserer une image ainsi qu'un texte explicatif autour de celle-ci.
|
[imagetext] ../olicms/gallery/cubes.jpg
Texte associé à l'image, par defaut, l'image est placée à gauche du texte.
[/imagetext]
[imagetext] {../olicms/gallery/cubes.jpg;;;right}
Dans cet exemple, l'image est placée à droite de votre texte.
[/imagetext]
|
 |
|
|
|
