Utilisateur:H du Viala/copie briques

Recopie briques de Lgd test (d · c · b)

Briques pour créer des modèles d'infobox taxobox biolobox etc accessibles

Pour mémoire, détails techniques des modèles de briques

Titre

Sous-titre

Légende de l'image

Sous titre

champ	donnée
champ	donnée
champ	donnée
champ	donnée

Sous titre

champ	champ
donnée	donnée

Sous titre

• item
• item
• item
• item
• item

Sous titre

{{{titre}}}

• item
• item
• item
• item
• item

 

Le modèle spécifique d'une infobox utilise les briques suivantes, qui permettent d'éviter les défauts d'accessibilité d'une structure en tableau unique (comme dans les infobox actuelle). Ici, les tableaux ne sont utilisés que pour les données qui sont de type champ/valeur. Le reste de l'infobox est structuré en paragraphes et en listes. Par la suite, si mediawiki règle le problème des titres à exclure de la TOC, les paragraphes de classe titre et sous_titre peuvent être remplacés par des titres Hn.

{{Infobox début|classe"style_x"}} /Infobox début

<div class="infobox style_x">

{{Infobox titre|Titre}} /Infobox titre

<p class=titre">Titre</p>

{{Infobox sous-titre|Sous-titre}} /Infobox sous-titre

<p class="sous_titre">Sous-titre</p>

{{Infobox début bloc}} /Infobox début bloc

<div class="bloc">

Ligne d'image :{{Infobox image|Exemple.jpg|alternative textuelle}} /Infobox image

[[Image:Exemple.jpg|image|270px|alternative textuelle]]

{{Infobox légende|Légende de l'image}} /Infobox légende

<p class=legend">Légende de l'image</p>

{{Infobox fin bloc}} /Infobox fin bloc

</div>

{{Infobox début tableau}} /Infobox début tableau

<div class="bloc">
{|
|+ class="sous_titre" | Sous titre 

{{Infobox ligne tableau mixte|champ|donnée}} /Infobox ligne tableau mixte

|-
! scope=row | champ
| donnée

{{Infobox fin tableau}} /Infobox fin tableau

|}
</div>

{{Infobox ligne tableau entête|champ|champ}} /Infobox ligne tableau entête

|-
! scope=col | champ
! scope=col | champ

{{Infobox ligne tableau données|donnée|donnée}} /Infobox ligne tableau données

|-
| donnée
| donnée

{{Infobox fin}} /Infobox fin

</div>

Feuille de style pour Mediawiki:Common.css

.infobox_V3 {

}
.infobox_V3 .titre {

}
.infobox_V3 .sous_titre, .infobox_V3 caption {

}
.infobox_V3 .bloc {

}
.infobox_V3 .legend {

}
.infobox_V3 table {

}

 

Test

Todo:

• Décider si les paramètres sont nommés ou non
• Voir si un modèle de boîte déroulante spécifique serait nécessaire
• Prévoir la documentation en éclatant les différents blocs dans autant d'exemples spécifiques

• item de liste
• item de liste
• item de liste

Sous-titre de la boîte

• item de liste
• item de liste
• item de liste
• item de liste
• item de liste
• item de liste

 

{{Utilisateur:Lgd test/Infobox début}}
{{Utilisateur:Lgd test/Infobox titre|Titre de l'infobox}}
{{Utilisateur:Lgd test/Infobox sous-titre|Sous-titre de l'infobox}}
<!-- Exemple de bloc pour une image -->
{{Utilisateur:Lgd test/Infobox début bloc}}
{{Utilisateur:Lgd test/Infobox image|Exemple.jpg}}
{{Utilisateur:Lgd test/Infobox légende|Légende de l'image}}
{{Utilisateur:Lgd test/Infobox fin bloc}}
<!-- Exemple de tableau 1 -->
{{Utilisateur:Lgd test/Infobox début tableau|Sous-titre}}
{{Utilisateur:Lgd test/Infobox ligne tableau mixte|Nom du champ|Valeur du champ}}
{{Utilisateur:Lgd test/Infobox ligne tableau mixte|Nom du champ|Valeur du champ}}
{{Utilisateur:Lgd test/Infobox ligne tableau mixte|Nom du champ|Valeur du champ}}
{{Utilisateur:Lgd test/Infobox fin tableau}}
<!-- Exemple de tableau 2 -->
{{Utilisateur:Lgd test/Infobox début tableau|Sous-titre}}
{{Utilisateur:Lgd test/Infobox ligne tableau entête|Nom du champ|Nom du champ}}
{{Utilisateur:Lgd test/Infobox ligne tableau données|Valeur du champ|Valeur du champ}}
{{Utilisateur:Lgd test/Infobox ligne tableau données|Valeur du champ|Valeur du champ}}
{{Utilisateur:Lgd test/Infobox fin tableau}}
<!-- Exemple de contenu libre -->
{{Utilisateur:Lgd test/Infobox début bloc}}
{{Utilisateur:Lgd test/Infobox sous-titre|Sous-titre d'une liste}}
* item de liste
* item de liste
* item de liste
{{Utilisateur:Lgd test/Infobox fin bloc}}
<!-- Exemple de contenu libre dans une boîte déroulante-->
{{Utilisateur:Lgd test/Infobox début bloc}}
{{Boîte déroulante début|titre=Sous-titre de la boîte}}
* item de liste
* item de liste
* item de liste
* item de liste
* item de liste
* item de liste
{{Boîte déroulante fin}}
{{Utilisateur:Lgd test/Infobox fin bloc}}
{{Utilisateur:Lgd test/Infobox fin}}

Paramètres mis à disposition des créateurs d'infobox

Le type de rendu actuel de l'infobox est arbitraire. Les modèles développés ici peuvent a priori permettre n'importe lequel des autres rendus d'infobox en cours. La seule exception est le modèle d'infobox utilisant des filets en guise de séparation entre des blocs non titrés (exemple, l'infobox cinéma par exemple).

Todo:

• définir le style par défaut
• déterminer les limites de la personnalisation

{{Utilisateur:Lgd test/Infobox début}}
{{Utilisateur:Lgd test/Infobox titre|Exemple de personnalisation|pink}}
<!-- Exemple de tableau 1 -->
{{Utilisateur:Lgd test/Infobox début tableau|Sous-titre|pink}}
{{Utilisateur:Lgd test/Infobox ligne tableau mixte|Nom du champ|Valeur du champ<br>Avec alignement<br>en haut|top}}
{{Utilisateur:Lgd test/Infobox ligne tableau mixte|Nom du champ|Valeur du champ<br>Avec alignement<br>au milieu (défaut)}}
{{Utilisateur:Lgd test/Infobox fin tableau}}
<!-- Exemple de tableau 2 -->
{{Utilisateur:Lgd test/Infobox début tableau|Sous-titre|pink}}
{{Utilisateur:Lgd test/Infobox ligne tableau entête|Nom du champ|Nom du champ}}
{{Utilisateur:Lgd test/Infobox ligne tableau données|Valeur du champ|Valeur du champ<br>Avec alignement<br>en haut|top}}
{{Utilisateur:Lgd test/Infobox ligne tableau données|Valeur du champ|Valeur du champ<br>Avec alignement<br>au milieu (défaut)}}
{{Utilisateur:Lgd test/Infobox fin tableau}}
{{Utilisateur:Lgd test/Infobox fin}}

Certains paramètres de rendu devraient être personnalisables, mais le tout est de trouver le compromis entre sobriété et besoins réels. A coup sûr:

• couleur d'arrière-plan du titre et des sous-titres,

Eventuellement:

• icône dans le bandeau de titre ? (l'infobox est-elle le plus approprié pour une signalétique qui concerne la totalité de l'article ? Sans compter la surcharge générale en icônes)
• alignement vertical des noms de champs et des données dans les tableaux ?

A ne pas rendre personnalisable AMHA (inutile ou conduisant à trop de débordements):

• couleur de bordure de l'infobox ? (inutile)
• tailles de caractères (ne sert qu'à cacher des problèmes de « trop de contenu pour une infobox », ou de « contenus inappopriés pour une infobox »
• couleur d'arrière-plan en dehors des titres/sous-titres (inutile)
• ajout de filets horizontaux (inutiles, les sous-titres suffisent et obligent à réfléchir à la structure logique du contenu)
• alignement horizontal des noms de champs et des données dans les tableaux (inutile)