Modèle:BUtilisateur Compte à rebours
Boîtes utilisateur : Utilisation des boîtes | Liste des boîtes | Tutoriel de création | Modèle | Projet | Charte graphique
Ce méta-modèle permet de générer facilement des boîtes utilisateur standardisées pour les comptes à rebours d’évènements.
Constantes
modifier- largeur de la boîte : 238px
- largeur de l'emplacement de l'icône : 45px
- images et textes sont centrés dans leurs cellules
Modèles courants à recopier
modifierModèle de base | Modèle avec double-image |
---|---|
{{BUtilisateur Compte à rebours | img = | texte = | jour = | mois = | année = | durée = }} |
{{BUtilisateur Compte à rebours | img = | img2 = | img2-titre = | texte = | jour = | mois = | année = | durée = }} |
Syntaxe
modifier{{BUtilisateur Compte à rebours | bordure = #999999 <!-- facultatif - par défaut, #999999 (gris) --> | couleur = #99CC99 <!-- facultatif - par défaut, #99CC99 (vert) --> | compte-couleur = #FFFFFF <!-- facultatif - par défaut, #FFFFFF (blanc) --> | texte-couleur = #000000 <!-- facultatif - par défaut, #000000 (noir) --> | img-couleur = #FFFFFF <!-- facultatif - par défaut, #FFFFFF (blanc) --> | img = icone.svg <!-- facultatif - si absent, "Current event clock.svg" --> | img-taille = 45px <!-- facultatif - par défaut, 45px --> | texte-taille = 11px <!-- facultatif - par défaut, 11px (augmenter pour arabe et chinois) --> | texte = La grande fête <!-- obligatoire --> | jour = 13 <!-- obligatoire, 1 à 31 --> | mois = mai <!-- obligatoire, janvier à décembre --> | année = 2014 <!-- obligatoire --> | durée = 27 <!-- facultatif, strictement positif - par défaut infini --> }}
Dans le cas d'une boîte utilisateur non-personnelle, il faut ajouter :
{{BUtilisateur Compte à rebours
| ...
}}<noinclude>
[[Catégorie: <--catégorie--> | <--nom boîte-->]]
</noinclude>
Exemple :
{{BUtilisateur Compte à rebours
| ...
}}<noinclude>
[[Catégorie:Boîte utilisateur évènement|La grande fete]]
</noinclude>
Note : ne pas aller à la ligne entre le « }}
» et le <noinclude>
- Deux images
Si la boîte doit contenir deux images, elles seront l'une au-dessus de l'autre ; il faut renseigner trois autres paramètres pour la seconde image :
| img2 = logo.svg <!-- facultatif - si absent, pas d’image --> | img2-taille = 45px <!-- facultatif - par défaut, 45px --> | img2-titre = Titre Logo <!-- facultatif mais conseillé - par défaut, le paramètre img2 -->
- Avec un texte
À la place de la deuxième image, on peut mettre un texte :
| img-texte = Abbrev <!-- facultatif - si absent, pas de texte dans la partie gauche --> | img-texte-couleur = #000000 <!-- facultatif - par défaut, #000000 (noir) --> | img-texte-taille = 14px <!-- facultatif - par défaut, 14px -->
Si on veut ajouter un second texte séparé par un filet horizontal (par exemple une traduction dans une autre langue), on peut renseigner (ce second texte utilise les mêmes couleurs que le premier texte mais peut avoir une taille différente) :
| texte2 = The great party <!-- facultatif - si absent, pas de second texte séparé par un filet --> | texte2-taille = 11px <!-- facultatif - par défaut, 11px (augmenter pour arabe ou chinois) -->
Valeurs détaillées des paramètres
modifierLa boîte globale positionnée dans la page :
bordure
: facultatif (défaut=#999999, gris foncé) la couleur de bordure de la boîte, exemple : "black" ou "#0000FF"arrondi
: facultatif (défaut=0) Les angles peuvent apparaître arrondis si le navigateur le permet. Valeur conseillée : 0.6em. S'exprime en px ou em.- Mozilla : visible
- Internet explorer : non visible
align
: facultatif, (défaut=left) ; Alignement de flottaison de la boîte, uniquement dans le cas d'une utilisation directement dans une page personnelle, mais pas dans un modèle de boîte commune. Les valeurs possibles sont left, center, right, ou none (boîte non flottante).
Partie de gauche :
img-couleur
: facultatif (défaut=#FFFFFF, blanc), la couleur de fond de l'image ou des images, exemple : "#906090" ou "#ccc". Il est possible d'utiliser la même couleur que le reste de la boîte en spécifiant comme valeur de paramètre transparent. Cela permet par exemple d'obtenir un fond homogène dans le cas où l'image permet la transparence (images au format .png et .svg)- première image (optionnelle) :
img
: facultatif (défaut="Current event clock.svg"), le nom de l'image, par exemple "Soccerball current event.svg"img-taille
: facultatif (défaut=45px), la largeur de l'image exprimée en pixels, exemple : "30px"; pour les images en paysages (drapeaux, la plupart des photos), inutile de spécifier le paramètre qui sert surtout à réduire la largeur par défaut pour que la hauteur ne dépasse pas 45px (ce qui conserve la taille des boîtes et permet de les aligner)img-titre
: facultatif (défaut=valeur du paramètretexte
), le titre de l’image, par exemple "Coupe du monde de football"
- seconde image, en seconde ligne, donc sous la première image (optionnelle) :
img2
: facultatif (défaut=pas d'image)img2-taille
: facultatif (défaut=45px)img2-titre
: facultatif (défaut=nom de l'image)
- ou alors un texte (optionnel) :
img-texte
: facultatif (défaut=pas de texte), le texte remplaçant l'image, par exemple "E=mc2"img-texte-couleur
: facultatif (défaut=#000), la couleur du texte, par exemple "red"img-texte-taille
: facultatif (défaut=14px), la taille du texte, par exemple "10px"
Partie centrale, le texte affiché :
couleur
: facultatif (défaut=#99cc99, vert), la couleur de fond de la boîte, par exemple "#906090" ou "#ccc"texte-couleur
: facultatif (défaut=#000000, noir), la couleur du texte dans la boîte, par exemple "yellow" ou "#0CCCC"- Normalement la couleur de boîte est verte et les textes restent dans la couleur par défaut en noir (inutile de préciser texte-couleur sauf si le paramètre couleur précise une teinte foncée). Voir la charte graphique des boîtes
texte
: obligatoiretexte-taille
: facultatif (défaut=11px, augmenter à 13px pour l'arabe ou le chinois)
- Un second texte optionnel (séparé du premier texte par un mince filet horizontal de la couleur de la bordure).
texte2
: facultatif (défaut=pas de texte), un second paragraphe, par exemple pour le texte dans une seconde langue.texte2-taille
: facultatif (défaut=valeur detexte-taille
si défini, sinon 11px ; augmenter à 13px pour l'arabe ou le chinois)
Partie de droite, le compte à rebours :
compte-couleur
: facultatif (défaut=#FFFFFF, blanc), la couleur du texte, par exemple "red"jour
: obligatoire, le jour du mois du premier jour de l’évènement, 1 à 31mois
: obligatoire, le mois du premier jour de l’évènement, janvier à décembreannée
: obligatoire, l’année du premier jour de l’évènement, par exemple 2012durée
: facultatif (défaut=infini), la durée de l'évènement en jours
Table des couleurs
modifierCouleurs classiques | Couleurs claires | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Palette de Windows | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Nom des couleurs | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Plus de détails : Aide:Couleurs/table détaillée, Couleur du Web, Aide:Couleurs |
Exemples
modifierCode | Résultat |
---|---|
{{BUtilisateur Compte à rebours | img = Soccerball current event.svg | texte = [[Coupe du monde de football de 2014|Coupe du monde<br/> de football 2014]] | jour = 12 | mois = juin | année = 2014 | durée = 31 }} |
|
{{BUtilisateur Compte à rebours | img-titre = Attendons le grand concert | couleur = #ffe0e0 | texte = Concert du Maître de l’Univers 2013 | compte-couleur = green | jour = 1 | mois = avril | année = 2013 | durée = 1 }} |
|
{{BUtilisateur Compte à rebours | img = Olympic rings.svg | texte = [[Jeux olympiques d'été de 2012]] | jour = 25 | mois = juillet | année = 2012 | durée = 19 }} |
|
{{BUtilisateur Compte à rebours | img = Soccerball current event.svg | texte = [[Championnat d'Europe de football 2012]] | jour = 8 | mois = juin | année = 2012 | durée = 24 }} |
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.