Difference between revisions of "Template:Bloc"

From Ryzom Forge Wiki

Jump to: navigation, search
m
 
(30 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="vertical-align:top;color:#000;padding:0;
+
<div style="vertical-align:top;color:#000;padding:0; margin: 0em 0em 1em 0em;
 
{{ #switch: {{{type|}}}
 
{{ #switch: {{{type|}}}
| U=margin:0em;top:0; width:100%;background:#def;box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #69c; border-radius:1em;clear:both;text-align:center;
+
| U=top:0; width:100%;background:#def;box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #69c; border-radius:1em;clear:both;text-align:center;
| d=U=margin:0em;top:0; width:100%;background:#def;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:thin outset #69c; border-radius:1em;clear:both;
+
| d=top:0; width:100%;background:#def;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:thin outset #69c; border-radius:1em;clear:both;
| R=float:right;margin-right:0;top:0;width:33%;background:#def;box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #69c;border-radius:1em;
+
| R=float:right;width:33%;   margin-leftt: 1em;    background:#def;box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #69c;border-radius:1em;
| r=float:right;margin-right:0;width:33%;background:#fff;border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none;
+
| r=margin-left:34%;   background:#fff;border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none;
| L=float:left;margin-left:0;width:65%;background:#def;box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #69c;border-radius:1em;
+
| L=float:left;width:33%;  margin-right: 1em;     background:#def;box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #69c;border-radius:1em;
| l=float:left;margin-left:0;top:0;width:65%;
+
| l=margin-right:34%;    ;background:#fff;border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none;
| C=top:0;width:30%;margin:auto;
+
| C=margin:auto;width:30%;background:#def;box-shadow: .1em .2em .4em rgba(0, 0, 0, .5);border:medium outset #69c; border-radius:1em;clear:both;text-align:center;
| #default=margin:0em;top:0; width:100%;background:#fff;border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none;clear:both;
+
| c=margin:auto;width:30%;background:#fff;border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none;
 +
| #default=top:0; width:100%;background:#fff;border-radius:.5em;box-shadow: .1em .1em .2em rgba(0, 0, 0, .8);border:none;clear:both;
 
}}
 
}}
 
">
 
">
 
{{#if:{{{title|}}}|
 
{{#if:{{{title|}}}|
<div class="cadre" style="text-align:left; position:relative; left:0; top:0;  border:thin outset #69c; height:2em; border-radius:.5em;margin:.5em;">
+
<div class="cadre" style="text-align:left; position:relative; left:0; top:0;  border:thin outset #69c; height:2em; border-radius:.5em;margin:.5em;text-overflow: ellipsis;">
   <div style="position:absolute; left:.5em; top:-.5em;">[[File:{{{image|R2_scenario_admin.png}}}|4em|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:#000; padding:.15em .4em;">{{3DText|text={{{title}}} }}</div>
+
   <div style="position:absolute; left:4em; top:.2em;font-size:1.2em; font-weight:bold; text-align:left; color:#000; padding:.15em .4em;text-overflow: ellipsis;">{{3DText|text={{{title}}} }}</div>
 
</div>
 
</div>
 
}}
 
}}
Line 23: Line 24:
 
}}
 
}}
 
</div>
 
</div>
<noinclude>[[Catégorie:Modèles]]</noinclude>
+
<noinclude>{{{{FULLPAGENAME}}/Documentation}}[[Category:Template]]</noinclude>
  <!--div style="position:absolute; left:40px; top:2px;"><h2 {{#if:{{{id|}}} | id="{{{id}}}Head"| }} style="margin:0; border-bottom:0; font-size:120%; font-weight:bold; text-align:left; color:#000; padding:.15em .4em;">{{{titre}}}TITRE</h2></div>
 
  </div-->
 
  <!--div style="position:absolute; left:40px; top:2px;"><h2 style="margin:0; border-bottom:0; font-size:120%; font-weight:bold; text-align:left; color:#000; padding:.15em .4em;">{{{titre|Titre}}}</h2>
 
{{#if:{{{left|}}} | margin-left:0; | float:right;margin-right:0; }}
 
</div-->
 

Latest revision as of 18:40, 5 November 2016


WarningRyzom.png
Usage of the Bloc template
"Bloc" 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 "Bloc".
WarningRyzom.png
Syntaxis
{{Bloc|type=type|title=title|image=image|content=content}}
This is the " default " type of "Bloc", wirhout type good value.
Parameters
  • type:kind of box for the section.
  • title:the bar title. if no title, no bar.
  • image:icon for the title. If no image default Ryzom logo.
  • content:content of the section. Keep mind: some bugs when parsing wikis commands.
This is the " U " type of "Bloc", wirhout title.
R2 scenario admin.png
"type" values
(Unfortunatly bug on the first line :-(, therefore, fill it with anything)
  • C= 1/3 width, centred in the page, centred text, heavy relief, coloured background.
  • c= 1/3 width, centred in the page, light relief, no background colour (white).
  • d= Full width, light relief, coloured background.
  • L= 1/3 width, floating left of the page, heavy relief, coloured background.
  • l= 2/3 width, floating left of the page, light relief, coloured background.
  • R= 1/3 width, floating right of the page, heavy relief, coloured background.
  • r= 2/3 width, floating right of the page, light relief, coloured background.
  • U= Full width, centred text, heavy relief, coloured background.
  • default= Full width, light relief, coloured background.
This is the " d " type of "Bloc".
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
c (lower case) type of box
Les trois exemples suivants sont très utiles pour réaligner les blocs qui sont flottants.
R2 scenario admin.png
A very useful U model without content to realign floating boxes, and below without title



R2 scenario admin.png
C (upper case) type of box
R2 scenario admin.png
Un titre

{{Bloc |type=U |title= Un titre |image=R2_scenario_admin.png}}


{{Bloc |type=U}}


{{Bloc}}


R2 scenario admin.png
L type of box
Pour créer des doubles colonnes par page (il n'est pas prévu de triple colonnes) avec la petite colonne à gauche (par exemple pour y mettre des menus), il faut toujours commencer par celle de gauche.


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
r type of box
La colonne de droite vient ensuite, sans le moindre espace ni ligne vide à la suite de la précédente colonne.


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
r type of box
On peut enchaîner plusieurs colonnes à droite, toujours sans espace ni ligne vide entre les modèles.


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
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.
R2 scenario admin.png
l (L lower case) type of box
Pour inverser la présentation, on commence par la colonne de droite →

Puis on enchaîne sur celle(s) de gauche, toujours sans espace ni ligne vide entre les modèles.


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

R2 scenario admin.png
type vide
On peut aussi imbriquer des blocs à l'intérieur d'autre, mais attention, les résdultat ne sont pas toujours ni prévisibles ni élégants.


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



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



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