Difference between revisions of "Template:TheBigBox"

From EncyclopAtys

Jump to: navigation, search
 
(14 intermediate revisions by 3 users not shown)
Line 6: Line 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 0em 1em 0em;
+
}}</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: .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: .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}}};
−
| d=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-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=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;
+
| 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:1em;
+
| 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:1em;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}}};
−
| #default=top:0; width:100%;background:#{{ColorAtys|group={{{palette}}}|type=bg}};border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none;clear:both;
+
| 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:{{{align|center}}};
 
}}
 
}}
 
">
 
">
Line 22: Line 23:
  
 
<div class="cadre"  
 
<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:.5em;text-overflow: ellipsis;
+
style="text-align:left; position:relative; left:0; top:0;  border:thin outset #{{ColorAtys|group={{{palette}}}|type=dark}}; hei_ght: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}}}}});
Line 28: Line 29:
 
border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
 
border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
 
color: #{{ColorAtys|type=fg|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; top:0em;"-->[[File:{{{image|logo_40px.png}}}|32px|top|left|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:.15em .4em;text-overflow: ellipsis;">{{3DText|text={{{title}}} }}</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:.0em;text-overflow: ellipsis;"-->
 +
{{3DText|text=<big><strong>{{{title}}}</strong></big> }}<!--/div-->
 
</div>
 
</div>
 
}}
 
}}
 
{{#if:{{{content|}}}|
 
{{#if:{{{content|}}}|
−
<div style="margin:.5em; padding:.5em;">{{{content}}}</div>
+
<div style="margin:0; padding:.5em;clear: left;">{{{content}}}</div>
 
|
 
|
 
----
 
----
−
}}
+
}}</div><noinclude>{{{{FULLPAGENAME}}/Documentation}}[[Category:Templates]]</noinclude>
−
</div>
 
−
<noinclude>{{{{FULLPAGENAME}}/Documentation}}[[Category:Templates]]</noinclude>
 

Latest revision as of 06:03, 20 September 2021

de:Template:TheBigBox en:Template:TheBigBox es:Template:TheBigBox fr:Template:TheBigBox ru:Template:TheBigBox
 
UnderConstruction.png
Translation to review
Don't blame the contributors, but come and help them 😎

Reference text ( Maintained text, used as reference ) :
Notes: (Dorothée, 2021-09-20)

WarningRyzom.png

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.
WarningRyzom.png

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.
By default, boxes of type U and C have their text centered, since this mode offers greater adaptability to screen sizes, avoids the problems of hyphens and therefore large spaces between words. However, in some cases, aesthetics will push to choose another alignment. The other boxes have the default text aligned to the left.
This is the " U " type of "TheBigBox", wirhout title.
R2 scenario admin.png

"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".
Logo 40px.png

← 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.
R2 scenario admin.png

A very useful U model without content to realign floating boxes, and below without title

R2 scenario admin.png

c (lower case) type of box

The 3 next samples are very useful to realign floating boxes.
R2 scenario admin.png

C (upper case) type of box

{{TheBigBox |title= A title|image=R2_scenario_admin.png}}

ᐁgives thatᐁ

R2 scenario admin.png

A title

{{TheBigBox |type=U}}
ᐁgives thatᐁ

{{TheBigBox}}
ᐁgives thatᐁ

Fyros emblem.png

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.
Fyros emblem.png

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.
Fyros emblem.png

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.
Matis emblem.png

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.
Matis emblem.png

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.
Matis emblem.png

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.
Rangers emblem.png

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.

Rangers emblem.png

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.
Tryker emblem.png

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.
Tryker emblem.png

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.
Zor emblem.png

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.
Zor emblem.png

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.
Zor emblem.png

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.
Retrieved from "https://en.wiki.ryzom.com/w/index.php?title=Template:TheBigBox&oldid=45800"