Modèle:Sprite/doc : Différence entre versions
Sauter à la navigation
Sauter à la recherche
mcen>MajrBot m (Switch documentation page template) |
m (Révocation des modifications de 86.221.1.79 (discussion) vers la dernière version de Itouchmasterpro) |
||
Ligne 1 : | Ligne 1 : | ||
− | {{ | + | {{doc/début}} |
− | + | Ce modèle permet de créé un « sprite » à partir d'une image mosaïque. Utilisé fréquemment lorsque de nombreuses petites images sont affichées, ce qui permet de réduire le nombre total de connexions HTTP. | |
− | |||
− | |||
− | == | + | == Utilisation == |
<pre> | <pre> | ||
{{Sprite | {{Sprite | ||
|pos=1 | |pos=1 | ||
|align=text-top | |align=text-top | ||
− | |image= | + | |image=BlocCSS.png |
− | | | + | |lien=Herbe |
− | | | + | |taille=16 |
− | + | |tailleimage=256 | |
− | | | ||
}} | }} | ||
</pre> | </pre> | ||
− | + | donne : {{Sprite | |
|pos=1 | |pos=1 | ||
|align=text-top | |align=text-top | ||
− | |image= | + | |image=BlocCSS.png |
− | | | + | |lien=Herbe |
− | | | + | |taille=16 |
− | + | |tailleimage=256 | |
− | | | ||
}} | }} | ||
− | {| class="wikitable" | + | {|class="wikitable" |
− | ! | + | !Paramètre |
− | ! | + | !Fonction |
− | ! | + | !Valeur par défaut |
|- | |- | ||
− | | <code> | + | | <code>pos</code> || Position du sprite sur la mosaïque, depends de <code>taille</code> et de <code>tailleimage</code> (numérotés de gauche à droite en partant du haut). || 1 |
|- | |- | ||
− | | <code> | + | | <code>align</code> || Défini [http://css-tricks.com/what-is-vertical-align/ l'alignment vertical] de l'image par rapport au texte. || middle |
|- | |- | ||
− | | <code> | + | | <code>image</code> || Image mosaïque. || [[:Fichier:BlocCSS.png|BlocCSS.png]] |
|- | |- | ||
− | | <code> | + | | <code>lien</code> || Pour rajouter un lien sur le sprite. || ''Aucune'' |
|- | |- | ||
− | | <code> | + | | <code>taille</code> || Taille de chaque sprite en pixels (largeur = hauteur). || 16 |
|- | |- | ||
− | | <code> | + | | <code>tailleimage</code> || Taille de l'image mosaïque en pixels (largeur = hauteur), doit être un multiple de <code>taille</code>. || 256 |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
|} | |} | ||
− | + | {{doc/fin}}<noinclude> | |
− | + | [[en:Template:Sprite/doc]] | |
− | {{ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <noinclude | ||
− | |||
− | [[ | ||
</noinclude> | </noinclude> |
Version du 6 mars 2014 à 18:47
Ce modèle permet de créé un « sprite » à partir d'une image mosaïque. Utilisé fréquemment lorsque de nombreuses petites images sont affichées, ce qui permet de réduire le nombre total de connexions HTTP.
Utilisation
{{Sprite |pos=1 |align=text-top |image=BlocCSS.png |lien=Herbe |taille=16 |tailleimage=256 }}
donne :
Paramètre | Fonction | Valeur par défaut |
---|---|---|
pos |
Position du sprite sur la mosaïque, depends de taille et de tailleimage (numérotés de gauche à droite en partant du haut). |
1 |
align |
Défini l'alignment vertical de l'image par rapport au texte. | middle |
image |
Image mosaïque. | BlocCSS.png |
lien |
Pour rajouter un lien sur le sprite. | Aucune |
taille |
Taille de chaque sprite en pixels (largeur = hauteur). | 16 |
tailleimage |
Taille de l'image mosaïque en pixels (largeur = hauteur), doit être un multiple de taille . |
256 |
Ceci est la page de documentation, elle doit être insérée dans la page principale du modèle. Voir {{doc}} pour plus d'informations.