Modèle:Cadre 3D 2

 Documentation[voir] [modifier] [historique] [purger]

Utilisation

Ce modèle est un modèle générique servant à créer un modèle de cadre pour un portail.

Paramètres

• avec onglets : "oui" pour avoir des onglets
• sans bordure : "oui" pour supprimer les bordures extérieures sauf en haut
• sans titre : "oui" pour ne pas afficher la barre de titre
• sans contenu : "oui" pour ne pas afficher de cadre de contenu
• couleurBordureCadre : couleur des bordures extérieures
• couleurCadre : couleur de fond du cadre
• arrondiCadre : arrondi du cadre
• couleurBordureTitre : couleur des bordures du titre
• couleurTitre : couleur de la barre de titre
• arrondiTitre : arrondi de la barre de titre
• alignementTitre : alignement du titre
• couleurFondTitre : couleur du fond autour de la barre de titre
• couleurTexteTitre : couleur du texte de la barre de titre
• couleurBordureContenu : couleur de la bordure intérieure du contenu
• couleurContenu : couleur du cadre intérieur de contenu
• arrondiContenu : arrondi du cadre intérieur du contenu
• couleurFondContenu : couleur du fond autour du cadre intérieur de contenu
• couleurTexteContenu : couleur du texte du contenu
• alignementContenu : alignement du contenu
• lienSousPage : lien vers la sous-page
• arrondiOnglets
• degrade : effet dégradé sur la barre de titre et les onglets. Valeurs possible : oui, rev ou rien
• logo : image dans la barre de titre
• titre : texte du titre
• contenu : texte du contenu
• défilant : oui pou rendre le cadre de contenu défilant
• hauteur : hauteur maxi en pixel du cadre de contenu (si défilant)
• couleurFondOnglets : couleur des onglets inactifs
• arrondiOnglets : arrondi des onglets
• alignementOnglet : alignement du texte des onglets
• Onglet-1 : texte de l'onglet N°1
• URL-1 : lien de l'onglet N°1
• Image-1 : image de l'onglet N°1
• fond onglet-1 : couleur de l'onglet N°1
• Onglet-2 : texte de l'onglet N°2
• URL-2 : lien de l'onglet N°2
• Image-2 : image de l'onglet N°2
• fond onglet-2 : couleur de l'onglet N°2
• ...
• Onglet-10 : texte de l'onglet N°10
• URL-10 : lien de l'onglet N°10
• Image-10 : image de l'onglet N°10
• fond onglet-10 : couleur de l'onglet N°10

Exemple

Modèle de cadre

Exemple de modèle créé dans Modèle:Cadre_3D_2/Exemple

{{Cadre 3D 2
| avec onglets          = {{#ifeq:{{{avec onglets|}}}|||oui}}
| Onglet-1              = Portail
| URL-1                 = Portail:Colombie
| Image-1               = Portal.svg
| Onglet-2              = Catégories
| URL-2                 = Portail:Colombie/Arborescence
| Image-2               = Nuvola filesystems folder yellow.png
| Onglet-3              = Projet
| URL-3                 = Projet:Colombie
| Image-3               = Icon tools.svg
| Onglet-4              = Suivi
| URL-4                 = Portail:Colombie/Suivi
| Image-4               = 24 horas.svg
| Onglet-5              = Discussion
| URL-5                 = Discussion Projet:Colombie
| Image-5               = Discussion.svg
| couleurFondOnglets    = #FCD156
| arrondiOnglets        = 10px
| degrade               = oui
| alignementOnglet      = center
| sans bordure          = {{#ifeq:{{{sans bordure|}}}|||oui}}
| sans titre            = {{#ifeq:{{{sans titre|}}}|||oui}}
| sans contenu          = {{#ifeq:{{{sans contenu|}}}|||oui}}
| couleurBordureCadre   = #8888AA
| couleurCadre          = #FFFFFF
| arrondiCadre          = 3px
| couleurBordureTitre   = #8888AA
| couleurTitre          = #FCD156
| couleurFondTitre      = #FDE8AA
| couleurTexteTitre     = #000000
| couleurBordureContenu = #FFFFFF
| couleurFondContenu    = #FFFFFF
| couleurContenu        = #FFFFFF
| couleurTexteContenu   = #000000
| arrondiTitre          = 10px
| arrondiContenu        = 5px
| alignementTitre       = {{{alignementTitre|left}}}
| alignementContenu     = {{{alignementContenu|left}}}
| lienSousPage          = {{{lienSousPage|}}}
| logo                  = {{{logo|}}}
| titre                 = {{{titre|}}}
| défilant              = {{{défilant|}}}
| hauteur               = {{{hauteur|}}}
| contenu               = {{{contenu|}}}
}}

Types de rendus

Avec onglets

Cette configuration est destinée au cadre supérieur du portail.

{{Cadre_3D_2/Exemple
| avec onglets = oui
| sans titre   = oui
| contenu      = {{Lorem ipsum|3}}
}}

Portail

Catégories

Projet

Suivi

Discussion

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

Sans onglets avec bordure

Cette configuration est destinée aux cadres standards du portail, occupant toute la largeur

{{Cadre_3D_2/Exemple
|lienSousPage = Modèle:Cadre_3D_2/Exemple
|logo         = Help-browser.svg{{!}}border
|titre        = Cadre sans onglet mais avec bordures N°1
|contenu      = {{Lorem ipsum|3}}
}}


{{Cadre_3D_2/Exemple
|lienSousPage = Modèle:Cadre_3D_2/Exemple
|logo         = Help-browser.svg{{!}}border
|titre        = Cadre sans onglet mais avec bordures N°2
|contenu      = {{Lorem ipsum|3}}
}}

  Cadre sans onglet mais avec bordures N°1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

  Cadre sans onglet mais avec bordures N°2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

Sans onglets et sans bordure

Cette configuration est destinée aux cadres standards du portail, n'occupant qu'une colonne du portail. Ils sont alors à intégrer dans un tableau qui ajoutera les bordures à gauche, à droite et en bas.

Rendu cadre seul

{{Cadre_3D_2/Exemple
|sans bordure = oui
|titre        = Cadre sans onglet et sans bordure
|logo         = Help-browser.svg
|lienSousPage = Modèle:Cadre_3D_2/Exemple
|contenu      = {{Lorem ipsum|3}}
}}

  Cadre sans onglet et sans bordure

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

Rendu en tableau

<table width="100%" cellspacing="0" cellpadding="0">
<tr><td width=64% valign="top" align="left" style="border:1px solid #8888AA;border-top:none;"><!-- Colonne 1 -->

{{Cadre_3D_2/Exemple
|sans bordure = oui
|titre        = Cadre sans onglet et sans bordure N°1
|logo         = Help-browser.svg
|lienSousPage = Modèle:Cadre_3D_2/Exemple
|contenu      = {{Lorem ipsum|3}}
}}

{{Cadre_3D_2/Exemple
|sans bordure = oui
|titre        = Cadre sans onglet et sans bordure N°2
|logo         = Help-browser.svg
|lienSousPage = Modèle:Cadre_3D_2/Exemple
|contenu      = {{Lorem ipsum|3}}
}}

</td><td width"2%"></td><td width="34%" valign="top" style="border:1px solid #8888AA;border-top:none;"> <!-- Colonne 2 -->

{{Cadre_3D_2/Exemple
|sans bordure = oui
|titre        = Cadre sans onglet et sans bordure N°3
|logo         = Help-browser.svg
|lienSousPage = Modèle:Cadre_3D_2/Exemple
|contenu      = {{Lorem ipsum|2}}
}}

{{Cadre_3D_2/Exemple
|sans bordure = oui
|titre        = Cadre sans onglet et sans bordure N°4
|logo         = Help-browser.svg
|lienSousPage = Modèle:Cadre_3D_2/Exemple
|contenu      = {{Lorem ipsum|2}}
}}

{{Cadre_3D_2/Exemple
|sans bordure = oui
|titre        = Cadre sans onglet et sans bordure N°5
|logo         = Help-browser.svg
|lienSousPage = Modèle:Cadre_3D_2/Exemple
|contenu      = {{Lorem ipsum|2}}
}}

</td></tr></table><!-- Fin tableau -->

Cadre sans onglet et sans bordure N°1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.   Cadre sans onglet et sans bordure N°2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

Cadre sans onglet et sans bordure N°3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.   Cadre sans onglet et sans bordure N°4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.   Cadre sans onglet et sans bordure N°5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.

Création d'un sommaire

Ce modèle permet la création d'un sommaire permettant d'atteindre les différents cadres de la page (sous réserve que la barre de titre soit affichée). L'ancre utilisée est le texte passé dans le paramètre "titre" du cadre.

Exemple

# Sans onglet/avec bordure
#* [[#Cadre sans onglet mais avec bordures N°1|Sans onglet/avec bordure N°1]]
#* [[#Cadre sans onglet mais avec bordures N°2|Sans onglet/avec bordure N°2]]
# Sans onglet/sans bordure
#* [[#Cadre sans onglet et sans bordure|Sans onglet/sans bordure]]
#* [[#Cadre sans onglet et sans bordure N°1|Sans onglet/sans bordure N°1]]
#* [[#Cadre sans onglet et sans bordure N°2|Sans onglet/sans bordure N°2]]
#* [[#Cadre sans onglet et sans bordure N°3|Sans onglet/sans bordure N°3]]
#* [[#Cadre sans onglet et sans bordure N°4|Sans onglet/sans bordure N°4]]
#* [[#Cadre sans onglet et sans bordure N°5|Sans onglet/sans bordure N°5]]

1. Sans onglet/avec bordure
   • Sans onglet/avec bordure N°1
   • Sans onglet/avec bordure N°2
2. Sans onglet/sans bordure
   • Sans onglet/sans bordure
   • Sans onglet/sans bordure N°1
   • Sans onglet/sans bordure N°2
   • Sans onglet/sans bordure N°3
   • Sans onglet/sans bordure N°4
   • Sans onglet/sans bordure N°5

La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.