Modèle

« Onglets variables » : différence entre les versions

sur le Dico des Ados : ton dictionnaire collaboratif, libre et gratuit !

Vivian (discussion | contributions)
Copie de https://fr.wiktionary.org/w/index.php?title=Mod%C3%A8le:Onglets_guides_de_r%C3%A9daction&oldid=27747428
 
Vivian (discussion | contributions)
new iconography
 
(7 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 9 : Ligne 9 :
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div><!--
<div style="flex-grow: 1; flex: 5 1 17em;">
<div style="flex-grow: 1; flex: 5 1 17em;">
{{barre colorée
{{barre colorée
Ligne 29 : Ligne 29 :
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>-->
<div style="flex-grow: 1; flex: 1 5 6em;">
<div style="flex-grow: 1; flex: 1 5 6em;">
{{barre colorée
{{barre colorée
Ligne 41 : Ligne 41 :
</div>
</div>
</div>
</div>
<div style="display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start;">
<div style="display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; font-size: 90%;">
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Classes grammaticales|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Classes grammaticales|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Classes grammaticales|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Classes grammaticales|efa763|f8d9bc}}
  | icone =  
  | icone = da-bookmark.svg
  | titre = <i class="fa fa-inbox" aria-hidden="true"></i> Classes grammaticales
  | titre = Classes grammaticales
  | lien = Aide:Classes grammaticales
  | lien = Aide:Classes grammaticales
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Définitions|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Définitions|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Définitions|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Définitions|efa763|f8d9bc}}
  | icone =  
  | icone = da-chevron-circle-right.svg
| titre = <i class="fas fa-chevron-circle-right" aria-hidden="true"></i> Définitions
| titre = Définitions
  | lien = Aide:Définitions
  | lien = Aide:Définitions
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Exemples|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Exemples|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Exemples|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Exemples|efa763|f8d9bc}}
  | icone =  
  | icone = da-comment-alt-lines.svg
| titre = <i class="far fa-comment-alt-lines" aria-hidden="true"></i> Exemples
| titre = Exemples
  | lien = Aide:Exemples
  | lien = Aide:Exemples
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Synonymes|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Synonymes|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Synonymes|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Synonymes|efa763|f8d9bc}}
  | icone =  
  | icone = da-equals.svg
  | titre = <i class="fa fa-equals" aria-hidden="true"></i> Synonymes
  | titre = Synonymes
  | lien = Aide:Synonymes
  | lien = Aide:Synonymes
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Contraires|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Contraires|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Contraires|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Contraires|efa763|f8d9bc}}
  | icone =  
  | icone = da-opposites.svg
  | titre = <i class="fa fa-not-equal" aria-hidden="true"></i> Contraires
  | titre = Contraires
  | lien = Aide:Contraires
  | lien = Aide:Contraires
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Liens avec d’autres mots|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Liens avec d’autres mots|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Liens avec d’autres mots|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Liens avec d’autres mots|efa763|f8d9bc}}
  | icone =  
  | icone = da-eye.svg
  | titre = <i class="fa fa-eye" aria-hidden="true"></i> Liens avec d'autres mots
  | titre = Liens avec autres mots
  | lien = Aide:Liens avec d’autres mots
  | lien = Aide:Liens avec d’autres mots
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Images|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Images|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Images|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Images|efa763|f8d9bc}}
  | icone =  
  | icone = da-image.svg
  | titre = <i class="fa fa-image" aria-hidden="true"></i> Images et galeries
  | titre = Images et galeries
  | lien = Aide:Images
  | lien = Aide:Images
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Catégories|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Catégories|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Catégories|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Catégories|efa763|f8d9bc}}
  | icone =  
  | icone =  
  | titre = <i class="fa fa-folder-open" aria-hidden="true"></i> Catégories
  | titre = <i class="fa fa-folder-open fa-lg" aria-hidden="true"></i> Catégories
  | lien = Aide:Catégories
  | lien = Aide:Catégories
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Particularités|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Particularités|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Particularités|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Particularités|efa763|f8d9bc}}
  | icone =  
  | icone = da-exclamation-triangle.svg
  | titre = <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Particularités
  | titre = Particularités
  | lien = Aide:Particularités
  | lien = Aide:Particularités
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Liens externes|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Liens externes|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Liens externes|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Liens externes|efa763|f8d9bc}}
  | icone =  
  | icone =  
  | titre = <i class="fa fa-plus-square" aria-hidden="true"></i> Liens externes
  | titre = <i class="fa fa-external-link fa-lg" aria-hidden="true"></i> Liens externes
  | lien = Aide:Liens externes
  | lien = Aide:Liens externes
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Prononciations|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Prononciations|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Prononciations|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Prononciations|efa763|f8d9bc}}
  | icone =  
  | icone = da-microphone.svg
  | titre = <i class="fa fa-microphone" aria-hidden="true"></i> Prononciations
  | titre = Prononciations
  | lien = Aide:Prononciations
  | lien = Aide:Prononciations
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Sons|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Sons|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Sons|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Sons|efa763|f8d9bc}}
  | icone =  
  | icone = da-sounds.svg
  | titre = <i class="fa fa-volume-up" aria-hidden="true"></i> Sons
  | titre = Sons
  | lien = Aide:Sons
  | lien = Aide:Sons
  | centrer = oui
  | centrer = oui
}}
}}
</div>
</div>
<div style="flex-basis: 20em; flex-grow: 1;">
<div style="flex-basis: 16em; flex-grow: 1;">
{{barre colorée
{{barre colorée
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Vidéos|000|000}}
  | titre-couleur = #{{#ifeq:{{FULLPAGENAME}}|Aide:Vidéos|000|000}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Vidéos|fc3|ffd5ad}}
  | titre-couleur-fond = #{{#ifeq:{{FULLPAGENAME}}|Aide:Vidéos|efa763|f8d9bc}}
  | icone =  
  | icone = da-film-alt.svg
  | titre = <i class="fa fa-film-alt" aria-hidden="true"></i> Vidéos
  | titre = Vidéos
  | lien = Aide:Vidéos
  | lien = Aide:Vidéos
  | centrer = oui
  | centrer = oui
Ligne 274 : Ligne 274 :
</div><noinclude>
</div><noinclude>
{{Documentation}}
{{Documentation}}
[[Catégorie:Modèle d’onglets]]
 
<!--[[Catégorie:Modèles utilisant des images]]-->
<!--[[Catégorie:Modèles utilisant des images]]-->
</noinclude>
</noinclude>

Dernière version du 20 décembre 2022 à 14:56

info Documentation du modèle