(11 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 6 : | Ligne 6 : | ||
|RU= Template:TheBigBox | |RU= Template:TheBigBox | ||
|H=ok | |H=ok | ||
− | }}</noinclude><div style="vertical-align:top;color:#{{ColorAtys|group={{{palette}}}|type=fg}};padding:0; margin: | + | }}</noinclude><div style="vertical-align:top;color:#{{ColorAtys|group={{{palette}}}|type=fg}};padding:0; margin: 0;overflow:auto; |
{{ #switch: {{{type|}}} | {{ #switch: {{{type|}}} | ||
− | | U=top:0; width:100%;background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .2em .2em .4em rgba(0, 0, 0, .5);border:medium outset #{{ColorAtys|group={{{palette}}}|type=dark}}; border-radius:.5em;clear:both;text-align:center; | + | | U=top:0; width:100%;background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .2em .2em .4em rgba(0, 0, 0, .5);border:medium outset #{{ColorAtys|group={{{palette}}}|type=dark}}; border-radius:.5em;clear:both;text-align:{{{align|center}}}; |
− | | | + | | F=float:right; width:100%;background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .2em .2em .4em rgba(0, 0, 0, .5);border:medium outset #{{ColorAtys|group={{{palette}}}|type=dark}}; border-radius:.5em;clear:both;text-align:{{{align|center}}}; |
− | | | + | | R=float:right; width:33%; margin-left: .1em; margin-right: 0; margin: 0; background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #{{ColorAtys|group={{{palette}}}|type=dark}};border-radius:.5em;text-align:{{{align|left}}}; |
− | | | + | | R50=float:right; width:49%; margin-left: .1em; margin-right: 0; margin: 0; background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #{{ColorAtys|group={{{palette}}}|type=dark}};border-radius:.5em;text-align:{{{align|left}}}; |
− | | r=margin-left:34%; background:#{{ColorAtys|group={{{palette}}}|type=bg}};border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none; | + | | r=margin-left:34%; background:#{{ColorAtys|group={{{palette}}}|type=bg}};border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none;text-align:{{{align|left}}}; |
− | | L=float:left;width:33%; margin-right: .1em; background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #{{ColorAtys|group={{{palette}}}|type=dark}};border-radius:.5em; | + | | L=float:left;width:33%; margin-right: .1em; background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #{{ColorAtys|group={{{palette}}}|type=dark}};border-radius:.5em;text-align:{{{align|left}}}; |
− | | l=margin-right:34%; ;background:#{{ColorAtys|group={{{palette}}}|type=bg}};border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none; | + | | L50=float:left;width:49%; margin-right: .1em; background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #{{ColorAtys|group={{{palette}}}|type=dark}};border-radius:.5em;text-align:{{{align|left}}}; |
− | | C=margin:auto;width:30%;background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #{{ColorAtys|group={{{palette}}}|type=dark}}; border-radius:.5em;clear:both;text-align:center; | + | | l=margin-right:34%; ;background:#{{ColorAtys|group={{{palette}}}|type=bg}};border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none;text-align:{{{align|left}}}; |
− | | c=margin:auto;width:30%;background:#{{ColorAtys|group={{{palette}}}|type=bg}};border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none; | + | | C=margin:auto;width:30%;background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #{{ColorAtys|group={{{palette}}}|type=dark}}; border-radius:.5em;clear:both;text-align:{{{align|center}}}; |
− | + | | c=margin:auto;width:30%;background:#{{ColorAtys|group={{{palette}}}|type=bg}};border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none;;text-align:{{{align|center}}}; | |
− | | #default=top:0; width:100%;background:#{{ColorAtys|group={{{palette}}}|type=bg}};box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:medium double rgba(0, 0, 0, .2); border-radius:.5em;clear:both;text-align:center; | + | | #default=top:0; width:100%;background:#{{ColorAtys|group={{{palette}}}|type=bg}};box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:medium double rgba(0, 0, 0, .2); border-radius:.5em;clear:both;text-align:{{{align|center}}}; |
}} | }} | ||
"> | "> | ||
Ligne 24 : | Ligne 24 : | ||
<div class="cadre" | <div class="cadre" | ||
− | style="text-align:left; position:relative; left:0; top:0; border:thin outset #{{ColorAtys|group={{{palette}}}|type=dark}}; | + | style="text-align:left; position:relative; left:0; top:0; border:thin outset #{{ColorAtys|group={{{palette}}}|type=dark}}; height:2em; border-radius:.5em .5em .0em .0em;margin:0;text-overflow: ellipsis; |
background: #{{ColorAtys|type=bg|group={{{palette}}}}}; | background: #{{ColorAtys|type=bg|group={{{palette}}}}}; | ||
background: linear-gradient(to right, #{{ColorAtys|type=dark|group={{{palette}}}}}, #{{ColorAtys|type=bg|group={{{palette}}}}} 5%, #{{ColorAtys|type=light|group={{{palette}}}}} 50%, #{{ColorAtys|type=|group={{{palette}}}}}, #{{ColorAtys|type=dark|group={{{palette}}}}}); | background: linear-gradient(to right, #{{ColorAtys|type=dark|group={{{palette}}}}}, #{{ColorAtys|type=bg|group={{{palette}}}}} 5%, #{{ColorAtys|type=light|group={{{palette}}}}} 50%, #{{ColorAtys|type=|group={{{palette}}}}}, #{{ColorAtys|type=dark|group={{{palette}}}}}); | ||
Ligne 36 : | Ligne 36 : | ||
}} | }} | ||
{{#if:{{{content|}}}| | {{#if:{{{content|}}}| | ||
− | <div style="margin: | + | <div style="margin:0; padding:.5em;clear: left;">{{{content}}}</div> |
| | | | ||
---- | ---- | ||
− | }} | + | }}</div><noinclude>{{{{FULLPAGENAME}}/Documentation}}[[Category:Templates]]</noinclude> |
− | </div> | ||
− | <noinclude>{{{{FULLPAGENAME}}/Documentation}}[[Category:Templates]]</noinclude> |
Utilisation du Template/Modèle TheBigBox
Syntaxe
{{TheBigBox|type=type|title=title|image=image|palette=palette|content=content|align=text-align}}
<div align="left">...</div>
. La raison est due essentiellement à un bug sur les listes à puces.Par défaut, les boîtes de Type U et C ont leur texte centré, car ce mode offre plus d'adaptabilité aux tailles d'écrans, évite les problèmes de césures et donc de grands espaces entre les mots. Néanmoins, dans certain cas, l'esthétique poussera à choisir un autre alignement. Les autre boîtes ont le texte aligné par défaut à gauche.
Les valeurs pour "type"
Types pour les boîtes occupant toute la largeur de la boîte les contenant:
Types pour les petites boîtes flottantes dans la boîte les contenant:
← Type U mais sans "image" , donc logo de ryzom
Les type U et u (ou par defaut) sont très utiles sans contenu pour réaligner les boîtes flottantes comme ci-dessous.
Type c (en minuscule)
Type C (en majuscule)
{{TheBigBox |title= Un titre|image=R2_scenario_admin.png}}
ᐁdonneᐁ
Un titre
{{TheBigBox |type=U}}
ᐁdonneᐁ
{{TheBigBox}}
ᐁdonneᐁ
Type L, palette fyros
Type r, palette fyros
Type r
Type R, palette matis
Type l (L minuscule), palette matis
Puis on enchaîne sur celle(s) de gauche, toujours sans espace ni ligne vide entre les modèles.
Type l (L minuscule)
Pas de type (donc par défaut), palette ranger
Sed ut tum ad senem senex de senectute, sic hoc libro ad amicum amicissimus scripsi de amicitia. Tum est Cato locutus, quo erat nemo fere senior temporibus illis, nemo prudentior; nunc Laelius et sapiens (sic enim est habitus) et amicitiae gloria excellens de amicitia loquetur. Tu velim a me animum parumper avertas, Laelium loqui ipsum putes. C. Fannius et Q. Mucius ad socerum veniunt post mortem Africani; ab his sermo oritur, respondet Laelius, cuius tota disputatio est de amicitia, quam legens te ipse cognosces.
Type l (L minuscule)
Pas de type (donc par défaut), palette ranger
Type R
Pas de type (donc par défaut), palette zorai
Type R
Pas de type (donc par défaut)