Vorlage:TheBigBox: Unterschied zwischen den Versionen
Aus EnzyklopAtys
| Zeile 6: | Zeile 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: 0em | + | }}</noinclude><div style="vertical-align:top;color:#{{ColorAtys|group={{{palette}}}|type=fg}};padding:0; margin: 0em;overflow:auto; |
{{ #switch: {{{type|}}} | {{ #switch: {{{type|}}} | ||
| U=top:0; width:100%;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:1em;clear:both;text-align:center; | | U=top:0; width:100%;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:1em;clear:both;text-align:center; | ||
| − | | | + | | u=top:0; width:100%;background:#{{ColorAtys|group={{{palette}}}|type=light}};box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:thin outset #{{ColorAtys|group={{{palette}}}|type=dark}}; border-radius:1em;clear:both; |
| R=float:right;width:33%; margin-leftt: 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:1em; | | R=float:right;width:33%; margin-leftt: 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:1em; | ||
| 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; | ||
| Zeile 20: | Zeile 20: | ||
"> | "> | ||
{{#if:{{{title|}}}| | {{#if:{{{title|}}}| | ||
| − | <div class="cadre" style="text-align:left; position:relative; left:0; top:0; border:thin outset #{{ColorAtys|group={{{palette}}}|type=dark}}; height:2em; border-radius:.5em;margin:. | + | |
| + | <div class="cadre" | ||
| + | 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:.0em;text-overflow: ellipsis; | ||
| + | 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}}}}}); | ||
| + | border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}}; | ||
| + | border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}}; | ||
| + | color: #{{ColorAtys|type=fg|group={{{palette}}}}};"> | ||
<div style="position:absolute; left:.5em; top:-.5em;">[[File:{{{image|logo_40px.png}}}|40px|link=]]</div> | <div style="position:absolute; left:.5em; top:-.5em;">[[File:{{{image|logo_40px.png}}}|40px|link=]]</div> | ||
| − | <div style="position:absolute; left:4em; top:.2em;font-size:1.2em; font-weight:bold; text-align:left; color:#{{ColorAtys|group={{{palette}}}|type=dark}}; padding:. | + | <div style="position:absolute; left:4em; top:.2em;font-size:1.2em; font-weight:bold; text-align:left; color:#{{ColorAtys|group={{{palette}}}|type=dark}}; padding:.0em;text-overflow: ellipsis;">{{3DText|text={{{title}}} }}</div> |
</div> | </div> | ||
| + | <!--div class="cadre" style="text-align:left; position:relative; left:0; top:0; border:thin outset #{{ColorAtys|group={{{palette}}}|type=dark}}; height:2em; border-radius:.5em 0em .5em 0em;margin:.5em;text-overflow: ellipsis;"> | ||
| + | <div style="position:absolute; left:.5em; top:-.5em;">[[File:{{{image|logo_40px.png}}}|40px|link=]]</div> | ||
| + | <div style="position:absolute; left:4em; top:.2em;font-size:1.2em; font-weight:bold; text-align:left; color:#{{ColorAtys|group={{{palette}}}|type=dark}}; padding:.1em .4em;text-overflow: ellipsis;">{{3DText|text={{{title}}} }}</div> | ||
| + | </div--> | ||
}} | }} | ||
{{#if:{{{content|}}}| | {{#if:{{{content|}}}| | ||
| − | <div style="margin:.5em; padding:.5em;">{{{content}}}</div> | + | <!--div style="margin:.5em; padding:.5em;">{{{content}}}</div--> |
| + | <div style="margin:.0em; padding:.5em;">{{{content}}}</div> | ||
| | | | ||
---- | ---- | ||
Version vom 28. September 2020, 13:16 Uhr
Usage of the TheBigBox template
"TheBigBox" is a model to use easily sections for any kind of layout of pages without using tables and using the same graphical chart anywhere.
This is the " U " type of "TheBigBox". No palette gives default palette.
Syntaxis
{{TheBigBox|type=type|title=title|image=image|palette=palette|content=content|align=text-align}}
This is the " default " type of "TheBigBox", wirhout type good value.
Parameters
- type:box type for the detailed section below.
- title:the title bar. If it is empty, then there is no bar.
- image:icon for the title. If it is empty, then the Ryzom logo.
- palette:chose a color in the chart color of Atys
- content:content of the section. Keep mind: some bugs when parsing wikis commands.
- align eneral alignment of the text in the box. The values are left, center, right, justify. If empty, the alignment takes the default value assigned to the box. Note that the text in this box has been manually aligned in HTML
<div align="left">...</div>. "'The reason is basically due to an error in the bullet lists.
This is the " U " type of "TheBigBox", wirhout title.
"type" values
Types for boxes that occupy the entire width of the box containing them:
- U= full width, thick relief, colored background, centered text by default.
- u o by default= full width, thin relief, pastel background, centered text by default.
Types for small floating boxes in the box containing them:
- On the left
- L= 1/3 of the width, floats to the left of the page, thick relief, colored background, left-aligned text by default.
- l(lowercase L)= 2/3 of the width, floats to the left of the page, clear relief, pastel background, left-aligned text by default.
- In the center
- C= 1/3 of the width, page centered, thick relief, colored background, left-aligned text by default.
- c= 1/3 of the width, page centered, fine relief, pastel background, left-aligned text by default.
- To the right
- R= 1/3 of the width, floats to the right of the page, thick relief, colored background, left-aligned text by default.
- r= 2/3 of the width, floats to the right of the page, clear relief, pastel background, left-aligned text by default.
This is the " d " type of "TheBigBox".
← U type of box without "image"
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.
A very useful U model without content to realign floating boxes, and below without title
c (lower case) type of box
The 3 next samples are very useful to realign floating boxes.
C (upper case) type of box
{{TheBigBox |title= A title|image=R2_scenario_admin.png}}ᐁgives thatᐁ
A title
{{TheBigBox |type=U}}
ᐁgives thatᐁ
{{TheBigBox}}
ᐁgives thatᐁ
L type of box, fyros palette
To create double columns per page (there are no triple columns) with the small column on the left (for example to put menus there), you must always start with the one on the left.
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.
r type of box, fyros palette
The right column comes next, without any space or empty row following the previous column.
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.
r type of box
You can chain several columns to the right, always without spaces or empty lines between the "templates".
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.
R type of box, matis palette
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.
l (L lower case) type of box, matis palette
To reverse the presentation, we start with the right column →
Then chain on the one(s) on the left, always without space or empty line between the "template".
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.l (L lower case) type of box
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.
No type, ranger palette
You can also nest blocks inside each other, but be careful, the results are not always predictable or elegant.
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.
l (L lower case) type of box
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.
No type, tryker palette
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.
R type of box
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.
No type, zorai palette
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.
R type of box
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.
l (L lower case) type of box
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.
