De Scratch Wiki en Français

 
(22 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
{{#if:{{{1|}}}|
+
<html><style>.infoTemplateBig{grid: 'icon text'; grid-template-columns: max-content auto; border-style: solid; border-color: #2e86d2; border-width: 1px; background-color: #e2eeff; grid-gap: 10px;}.infoTemplateSmall{grid: 'icon'; width: min-content; display: inline-block !important; margin-right: 5px;}.infoTemplateSmall > .infoTemplateIcon{width: max-content;}.infoTemplate{padding: 10px; margin-top: 15px; margin-bottom: 15px; display: grid;}@media only screen and (max-width: 425px){.infoTemplateBig{grid: 'icon' 'text';}.infoTemplateSmall{grid: 'icon';}}</style></html><div {{#if:{{{1|}}}|class="infoTemplate infoTemplateBig"|class="infoTemplate infoTemplateSmall"}}> <div class="infoTemplateIcon"> [[File:Information.png|18px|Info]] '''Info&nbsp;:''' </div>{{#if:{{{1|}}}|<div class="infoTemplateText">{{{1}}}</div>|}}</div><noinclude>{{Info/doc}}</noinclude>
<table cellspacing="0" cellpadding="0" border="0" style="background: transparent;">
 
<tr>
 
<td nowrap="nowrap" valign="top">}}
 
<span style="position: relative; bottom: 2px;;">[[File:Information.png|18px|Warning|link=]]</span> '''Note :&nbsp;'''
 
 
 
{{#if:{{{1|}}}|</td><td valign="top" style="padding-left: 0.5em; position: relative; top: 6px; padding-bottom: 6px;">{{{1}}}</td></tr></table>
 
}}
 
 
 
<noinclude>{{/doc}}</noinclude>
 

Version actuelle datée du 19 septembre 2018 à 23:48

Info Info :

[éditer] [historique] [purger le cache] Documentation Documentation du modèle


Utilisation

Méthode 1

Ce qui suit affiche une icone d'information et le mot 'Info'. Vous pouvez ensuite écrire ce que vous voulez à la suite du modèle comme texte/image/code etc...

{{Info}} C'est comme ça qu'il faut faire!

Info Info :
C'est comme ça qu'il faut faire!

Méthode 2

Ce qui suit comprend le texte passé en paramètre au modèle, et utilise une table pour que le texte reste aligné avec l'icone.


{{Info|Ceci est une information très longue! Il y a assez de mots pour passer à la ligne, ce qui devrait normalement faire en sorte que le texte soit à côté de l'icone, mais dans la cas ou il (le texte) est passé en paramètre, il s'aligne à droite de l'icone et est centré par rapport à elle.!}}

Info Info :
Ceci est une information très longue! Il y a assez de mots pour passer à la ligne, ce qui devrait normalement faire en sorte que le texte soit à côté de l'icone, mais dans la cas ou il (le texte) est passé en paramètre, il s'aligne à droite de l'icone et est centré par rapport à elle.!