Aide:Onglets

De Matrices
Aller à : Navigation, rechercher

Vous êtes ici: accueil >Aide >Onglets La technique rapide pour utiliser des onglets est d'utiliser les modèles {{Début des onglets}} et {{Fin des onglets}}.

Cliquez le lien "modifier", à coté du titre de l'onglet pour voir le code utilisé.
Les modèles les plus complexes, utilisant le code {{Fin des onglets}} sont placés en fin de page.

Modèle de bandeau à 3 onglet

  • Pensez à placer la balise {{Fin des onglets}} en fin de page.

Onglet rond gris simple

Titre Onglet 1 Titre Onglet 2 Titre Onglet 3

Bla bla bla

Modèles de bandeau à 4 onglets

  • Pensez à placer la balise {{Fin des onglets}} en fin de page.

Onglet arrondi bleu

Accueil Index thématique Comment participer ? Discussions

Bla bla bla

Onglet carré orange

Le Portail L'Arborescence Le Projet Discussions

Bla bla bla

Onglet arrondi gris light

Le Portail Arborescence Le Projet Le Refuge

Bla bla bla

Onglet carré bleu

/!\ Ce modèle d'onglet n'utilise pas de modèle de type {{Fin des onglets}}. Donc pas besoin de placer les deux balises </div></div> ici

  • Ce modèle colore la page active en bleu. (regarder le code)
Le portail L'arborescence Le projet Café des musiciens

Bla bla bla

Onglet arrondi bleu fort

/!\ Pensez à ajouter le code <span style="color:#FFFFFF;"> pour colorer le lien en blanc (car le lien bleu sur fond bleu n'est pas lisible.

Le portail Le projet L'arborescence Le bistrot

Bla bla bla

Modèles de bandeau à 6 onglets

  • Pensez à placer la balise {{Fin des onglets}} en fin de page.

Onglet carré bleu

Portail Arborescence Projet Évaluation Suivi Discussions

Bla bla bla

Onglet carré rose

Accueil Café des Délices Évaluation Ressources Suivi Ébauches

Bla bla bla

Onglet carré bleu light

Accueil projet Portail Arborescence Évaluation Bibliographie Le Thé

Bla bla bla

Autres modèles plus ou moins réussis

  • Pensez à placer la balise {{Fin des onglets}} en fin de page.

Onglet carré jaune

L'article Projet Discussion Portail Fromage Portail Gastronomie

Bla bla bla

Onglet arrondi bleu

Portail Index thématique Arborescence Projet Infolettre La jasette

Bla bla bla

Onglet carré bleu light

PORTAIL
Linguistique
 PORTAIL
Langues
 PORTAIL
Écriture
 ARBORESCENCE
de la linguistique
 SUIVI des
articles linguistiques
 PROJET
Langues
 Café des linguistes

Bla bla bla

Onglet rond bleu-ciel

Portail de la </br>Rome antique Portail de </br>Rome Portail de </br>la Sicile Portail de </br>l'Italie Arborescence </br>des articles Travail sur </br>le projet Discussions </br>sur le projet

Bla bla bla

Onglet rond rose

Portail de la musique Portail de la </br>musique classique Portail de l'opéra La Terrasse </br>des Muses Le Bois des Muses Le magasin </br>des accessoires

Bla bla bla

Onglet rond rose (avec coloration de la page)

Le projet de
l'Italie
 Le projet de
la Sicile
 Le projet de
Rome
 Le projet de
la Rome antique
 Le projet du
Monde byzantin
 Le projet de
la Grèce antique
 Le projet de
l'archéologie

Bla bla bla

Modèles d'onglets complexes (avec image en vignette ou customisation de la fin d'onglet)

Header onglet

  • Vous pouvez régler la taille des vignettes. Le cadre de l'onglet s'adapte à la dimension de la plus grande vignette. (voir le code pour Projet par exemple).
Portail Portail Arborescence Arborescence Projet Projet TerrasseDiscussion

Onglet carré bleu soft (avec lien de modification rapide de la page)

Généralités Monde ancien Monde moderne Monde contemporain Divers

 [modifier

Page suivante :  →

Onglet carré bleu

Début des onglets Fin des onglets Onglet Exemple

Bla bla bla

Page suivante :  →

Onglet rond gris (images en vignettes)

Début des onglets Début des onglets Fin des onglets Fin des onglets Onglet Onglet Exemple Exemple

Bla bla bla

Page suivante :  →

Onglet carré gris (modèle soft, en 10 onglets)

Lien1 Lien2 Lien3 Lien4 Lien5 Lien6 Lien7 Lien8 Lien9 Lien10

Bla bla bla

Onglet avec ombres (modèle soft, 8 boutons)

/!\ Utilisation du modèle bouton cette fois.

Titre1 Titre2 Titre3 Titre4 Titre5 Titre6 Titre7 Titre8
blablabla

Onglet ultra simple (modèle ultra soft, 7 boutons)

/!\ Utilise les barres horizontales ----.


Page1 | Titre2 | Titre3 | Titre4 | Titre5 | Titre6 | Titre7

Voir aussi

Modèles similaires
Pour les programmeurs de modèle
  • {{Onglet}} – modèle technique sous-jacent.