« Modèle:Cadre » : différence entre les versions

De Disposition de clavier bépo
mAucun résumé des modifications
Aucun résumé des modifications
 
(17 versions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
<includeonly><div id="{{{titre|}}}">
<includeonly><div id="{{{titre|}}}" class="cadre" style="font-size: 16px;">
<table style="margin-bottom:.5em; font-size:95%; text-align:left; padding:-2px; background:none" cellpadding="0" cellspacing="0" {{#if: {{{taille|}}}|width="{{{taille}}}"}}>
<table style="margin-bottom:.5em; font-size:95%; text-align:left; padding:-2px; background:none" cellpadding="0" cellspacing="0" {{#if: {{{taille|}}}|width="{{{taille}}}"}}>
<!-- 1 -->
<!-- 1 -->
<tr>
<tr>
<td rowspan="2" width="1%" style="background:#FFF; border:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; border-bottom:0; padding-right:1em; -moz-border-radius-topright:5em">[[Image:cartella_{{#switch:{{{code couleur|bleu}}}|bleu=blu|gris=grigia|vert=verde|violet=viola|orange=arancione|rouge=rossa|blu}}.jpg]] <div style="font-size:130%; margin-top:-33px; padding-left:43px">'''{{{titre| }}}'''</div><div style="font-size:130%; margin-top:-18px; padding-left:12px"> {{Lien sur image|lien={{{lien|}}}|image={{{logo|Crystal_Clear_app_xmag.png}}}|largeur={{{px|21}}}px}} </div></td>
<td rowspan="2" style="background:#FFF; border:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; border-bottom:0; padding-bottom:2px; padding-right:1em;">[[Image:cartella_{{#switch:{{{code couleur|bleu}}}|bleu=blu|gris=grigia|vert=verde|violet=viola|orange=arancione|rouge=rossa|blu}}.jpg|link=]] <div style="font-size:130%; margin-top:-33px; padding-left:43px">'''{{{titre| }}}'''</div><div style="font-size:130%; margin-top:-33px; padding-left:12px"> [[Image:{{{logo|Crystal_Clear_app_xmag.png}}}|{{{px|21}}}px]]</div></td>
<!-- 2 -->
<!-- 2 -->
<td colspan="2" height="10px"></td>
<td colspan="2" height="10px"></td>
Ligne 9 : Ligne 9 :
<!-- 6 -->
<!-- 6 -->
<tr>
<tr>
<td style="width:1px; -moz-border-radius-topright:5em; border:1px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; border-left:0; background:{{Cadre/Couleur de fond|{{{code couleur|bleu}}} }}; border-bottom:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; text-align:center; font-size:85%">{{#if: {{{lien|}}}|{{#if: {{{logo_editlien|}}}|{{Lien sur image|image={{{logo_editlien}}}|lien={{{lien|}}}|largeur={{{px|21}}}px}}|<nowiki>[</nowiki>[[{{{lien}}}|modifk.'ier]]<nowiki>]</nowiki>}}|}}</td>
<td style="width:1px; border:1px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; border-left:0; padding-left:10px; background:{{Cadre/Couleur de fond|{{{code couleur|bleu}}} }}; border-bottom:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; text-align:center; font-size:85%">{{#if: {{{lien|}}}|{{#if: {{{logo_editlien|}}}|[[Image:{{{logo_editlien}}}|21px|link={{{lien|}}}|alt={{{lien|}}}]]|<nowiki>[</nowiki>[[{{{lien}}}|modifier]]<nowiki>]</nowiki>}}|}}</td>  
 
<!-- 7 -->
<!-- 7 -->
<td style="border-bottom:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}"> &nbsp;&nbsp;&nbsp;</td>
<td style="border-bottom:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}"> &nbsp;&nbsp;&nbsp;</td>
Ligne 15 : Ligne 16 :
<!-- 10 -->
<!-- 10 -->
<tr>
<tr>
<td colspan="3" style="z-index:0;padding:4px; background:#FFF; border:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; border-top:0; border-bottom:0" width="50%" valign="top">{{#if: {{{hauteur_texte|}}}|<DIV ID="intro13213" style="z-index:0;height:{{{hauteur_texte|100px}}};left:8px;top:6px;overflow:auto"><DIV style="z-index:0;border:5px solid #FFFFFF;">|}}
<td colspan="3" style="padding:4px; background:#FFF; border:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; border-top:0; border-bottom:0" width="50%" valign="top">{{#if: {{{hauteur_texte|}}}|<DIV ID="intro13213" style="height:{{{hauteur_texte|100px}}};overflow:auto"><DIV style="border:5px solid #FFFFFF;">|}}
{{{contenu}}}
{{{contenu}}}
{{#if: {{{hauteur_texte|}}}|</div></div>|}}</td>
{{#if: {{{hauteur_texte|}}}|</div></div>|}}</td>
</tr>
</tr>
<!-- 12 -->
<!-- 12 -->
<tr>
<tr>
<td colspan="3"><div style="-moz-border-radius-bottomright:1em; -moz-border-radius-bottomleft:1em; background:{{Cadre/Couleur de fond|{{{code couleur|bleu}}} }}; height:10px; border:1px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; border-right:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; border-left:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}">
<td colspan="3"><div style="background:{{Cadre/Couleur de fond|{{{code couleur|bleu}}} }}; height:10px; border:1px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; border-right:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}; border-left:2px solid {{Cadre/Couleur|{{{code couleur|bleu}}} }}">
</div></td>
</div></td>
</tr>
</tr>
Ligne 38 : Ligne 39 :
|logo=
|logo=
|logo_editlien=
|logo_editlien=
|px=
|px=}}
}}
</pre>||
</pre>||
* <code>titre</code> : titre du cadre (facultatif, vierge par défaut mais son absence provoque des problèmes d'affichage)
* <code>titre</code> : titre du cadre (facultatif, vierge par défaut mais son absence provoque des problèmes d'affichage)
Ligne 63 : Ligne 63 :
Lorem ipsum…
Lorem ipsum…
|code couleur=rouge
|code couleur=rouge
|hauteur_texte=300px
|hauteur_texte=
|logo=Note.png
|logo=Note.png
|logo_editlien=Méthodologie.png
|logo_editlien=Méthodologie.png
|px=21
|px=21
|lien=Installation
|lien=http://bepo.fr}}
</pre>
</pre>
|width="60%"|
|width="60%"|
Ligne 76 : Ligne 76 :
[[Image:Dvorakfr-logo.png]]
[[Image:Dvorakfr-logo.png]]


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.
|code couleur=rouge
|code couleur=rouge
|hauteur_texte=300px
|hauteur_texte=
|logo=Note.png
|logo=Note.png
|logo_editlien=Méthodologie.png
|logo_editlien=Méthodologie.png
|px=21
|px=21
|lien=Installation
|lien=http://bepo.fr}}
}}
|}
|}


Ligne 98 : Ligne 97 :
|-
|-
|}
|}
</noinclude>
</noinclude>

Dernière version du 4 avril 2023 à 10:39

Utilisation

{{Cadre
|titre=
|taille=
|contenu=
|lien=
|code couleur=
|hauteur_texte=
|logo=
|logo_editlien=
|px=}}
  • titre : titre du cadre (facultatif, vierge par défaut mais son absence provoque des problèmes d'affichage)
  • taille : largeur du cadre ; par exemple 50em, 40%, 200px (facultatif, maximale par défaut)
  • contenu : texte à insérer dans le corps du cadre.
  • lien : nom de l'article à modifier
  • code couleur : code couleur du cadre : bleu, rouge, vert, violet, orange, rouge (facultatif, bleu par défaut)
  • hauteur_texte : force la hauteur du cadre, un ascenseur est affiché si le texte impose de dépasser cette hauteur (optionnel, pas d'ascenseur par défaut)
  • logo : image du logo (facultatif, Crystal_Clear_app_xmag.png par défaut)
  • logo_editlien : image du logo sur le lien (facultatif, texte '[modifier]' par défaut)
  • px : taille du logo (facultatif, 21px si rien)

Exemple

{{Cadre
|titre=[[Installation]]
|contenu=
Image d’exemple :
[[Image:Dvorakfr-logo.png]]

Lorem ipsum…
|code couleur=rouge
|hauteur_texte=
|logo=Note.png
|logo_editlien=Méthodologie.png
|px=21
|lien=http://bepo.fr}}
Cartella rossa.jpg
Note.png
http://bepo.fr    

Image d’exemple : Dvorakfr-logo.png

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.

Codes couleur

Cartella blu.jpg
Crystal Clear app xmag.png
[modifier]    

{{Cadre|code couleur=bleu}}

Cartella rossa.jpg
Crystal Clear app xmag.png
[modifier]    

{{Cadre|code couleur=rouge}}

Cartella verde.jpg
Crystal Clear app xmag.png
[modifier]    

{{Cadre|code couleur=vert}}

Cartella viola.jpg
Crystal Clear app xmag.png
[modifier]    

{{Cadre|code couleur=violet}}

Cartella arancione.jpg
Crystal Clear app xmag.png
[modifier]    

{{Cadre|code couleur=orange}}

Cartella grigia.jpg
Crystal Clear app xmag.png
[modifier]    

{{Cadre|code couleur=gris}}