Template:Framework/doc: Difference between revisions
Appearance
Content deleted Content added
m language |
Removing Italian Tag: Reverted |
||
Line 1: | Line 1: | ||
<noinclude>{{Framework |title=example |content={{Lorem ipsum}} |width=50%}}</noinclude><includeonly> <div id="{{anchorencode:{{{title|}}}}}"> |
|||
{{Documentation subpage}} |
|||
{|style="margin-bottom: .5em; font-size: 95%; text-align: left; padding: -2px; background: none; width:{{{width|100%}}}; {{#if:{{{height|}}}|height:{{{height}}}}}; border-spacing:0;" |
|||
{{esoteric}} |
|||
<!-- Categories and interwikis go at the bottom of this page. --> |
|||
This template is based upon the original [[:It:Template:Cartella|Italian version]] of template with added features imported from the [[:Fr:Modèle:Cadre1|French version]]. |
|||
== Usage == |
|||
{|style="background: none" width="100%" cellspacing="8" cellpadding="0" |
|||
|- |
|- |
||
<!-- 1: Tab settings --> |
|||
| style="width: 20em; padding:0.5em 1em; border: 1px dotted gray; background: #EFE;"| |
|||
| rowspan="{{#if:{{{link|}}}|2|1}}" nowrap="nowrap" style="width:{{#if:{{{link|}}}|1%|100%}}; height:37px; vertical-align:top; background:#FFF; border:2px solid {{Framework/theme|{{{color|{{{1|}}}}}}|border|user={{{border}}}}}; border-bottom:0; padding:0; padding-right:.5em; margin:0; border-radius:0 {{#if:{{{link|}}}|1em|0}} 0 0; {{#if:{{{bg|}}}|background-color:{{{bg}}};}}" | |
|||
<syntaxhighlight lang="wikitext" style="background:#EFE; font-weight:bold; width: 20em; overflow:auto">{{Framework |
|||
[[File:cartella_{{Framework/theme|{{{color|{{{1|}}}}}}|image|user={{{image|{{{cartella}}}}}}|ext={{{ext|.jpg}}}}}|link={{{link|}}}]] |
|||
|width = |
|||
<div style="padding-left:12px; margin-top:-37px;">[[File:{{{logo|Crystal_Clear_app_xmag.png}}}|{{{px|21}}}px |link={{{link|}}}]]</div> |
|||
|height = |
|||
<div style="padding-left:43px; margin-top:-{{{height_px|{{#expr:{{{px|21}}}+4}}}}}px; font-size:130%;">''' {{{title|{{{title}}}}}} '''</div> |
|||
|title = |
|||
<!-- 2 --> |
|||
|color = |
|||
| {{#if:{{{link|}}}| {{!!}} }} |
|||
|border = |
|||
|background = |
|||
|cartella = |
|||
|content = |
|||
|link = |
|||
|logo = |
|||
|px = |
|||
|height_px = |
|||
|footer = |
|||
|footer_image = |
|||
}} |
|||
</syntaxhighlight> |
|||
| |
|||
* '''width''': (optional) sets the width of the box, defaults to 100%. |
|||
* '''height''': (optional, blank if none) sets the height of the box. |
|||
* '''title''': (optional, blank if none) Title of the frame. |
|||
* '''color''': (optional) Used to choose one of the defined color sets. For custom sets, set color to ''user'' |
|||
** '''border''': If a user defined color set is chosen, place a border color here. |
|||
** '''background''': If a user defined color set is chosen, place a background color here. |
|||
** '''cartella''': If a user defined color set is chosen, place one of the defined cartella images here. |
|||
* '''content''': Is used to insert text and pictures into the body frame. |
|||
* '''link''': (optional, blank if none) name of the item to modify (replace spaces with'_'). |
|||
* '''logo''': (optional, if nothing xmag.png Crystal) picture of the logo. |
|||
* '''px''': (optional, if nothing 22px) size of the logo. |
|||
* '''height_px''': (optional, if nothing 21px) size of the logo. |
|||
* '''footer''': (optional) adds a message in the color band at the bottom of the box. |
|||
* '''footer_image''': (optional) allows you to add image in the bottom of the box, place one of the defined cartella footer images here. |
|||
|- |
|- |
||
<!-- 3: Edit box --> |
|||
| style="font-weight:bold;" |General guidelines & notes: |
|||
{{#if:{{{link|}}}| {{!}} style="vertical-align:bottom; text-align:center; padding-left:0; padding-bottom:0; border-bottom:2px solid {{Framework/theme|{{{color|{{{1|}}}}}}|border|user={{{border}}}}};" {{!}} |
|||
|- |
|||
<div style="float:left; padding:0 .5em 0 .5em; border-left:0; border-bottom:0; font-size:85%; border-radius:0 1em 0 0; border:1px solid {{Framework/theme|{{{color|{{{1|}}}}}}|border|user={{{border}}}}}; border-left:0; border-bottom:0; background:{{Framework/theme|{{{color|{{{1|}}}}}}|background|user={{{background}}}}};">{{#if:{{{logo_editlink|}}}|[[File:{{{logo_editlink}}} |20px]]}}[{{fullurl:{{{link}}}|action=edit}} edit] |
|||
| colspan="2" | |
|||
</div> |
|||
# When adding images to the ''|cartella='' and ''|footer_image='' fields, do not include the namespace prefix (''File:''). |
|||
# When defining image sizes do not include the abbreviation for pixel (''px''}. |
|||
# User defined colors can be hex, RGB or a named HTML color. |
|||
# The gray option can be spelled either as ''gray'' or ''grey''. |
|||
|- |
|||
|} |
|||
{| style="margin-left: auto; margin-right: auto; border: 1px solid black; padding: 0.5em 1em;" |
|||
|- |
|||
| colspan="8" style="text-align:left;font-weight:bold;" | Defined color sets |
|||
|- style="text-align:center; border-bottom: 1px solid gray;" |
|||
| style="text-align:left; font-weight:bold; width:10em;" | Color name |
|||
| style="width:5em;" | Red |
|||
| style="width:5em;" | Orange |
|||
| style="width:5em;" | Yellow |
|||
| style="width:5em;" | Green |
|||
| style="width:5em;" | Blue |
|||
| style="width:5em;" | Violet |
|||
| style="width:5em;" | Gray |
|||
| style="width:5em;" | Pink |
|||
|- style="text-align:center;" |
|||
| style="text-align:left; font-weight:bold; height:5em;" | Border color |
|||
| style="background:darkred; color:white;" |Dark red<br>#8B0000 |
|||
| style="background:orange;" |Orange<br>#FFA500 |
|||
| style="background:gold;" |Gold<br>#FFD700 |
|||
| style="background:darkgreen; color:white;" |Dark green<br>#006400 |
|||
| style="background:blue; color:white;" |Blue<br>#0000FF |
|||
| style="background:blueviolet;" |Blue violet<br>#8A2BE2 |
|||
| style="background:darkgray;" |Dark gray<br>#A9A9A9 |
|||
| style="background:darksalmon;" |Dark salmon<br>#E9967A |
|||
|- style="text-align:center;" |
|||
| style="text-align:left; font-weight:bold; height:5em;" | Background color |
|||
| style="background:salmon" |Salmon<br>#FA8072 |
|||
| style="background:gold;" |Gold<br>#FFD700 |
|||
| style="background:yellow;" |Yellow<br>#FFFF00 |
|||
| style="background:lightgreen;" |Light green<br>#90EE90 |
|||
| style="background:lightblue;" |Light blue<br>#ADD8E6 |
|||
| style="background:violet;" |Violet<br>#EE82EE |
|||
| style="background:lightgray;" |Light gray<br>#D3D3D3 |
|||
| style="background:lightsalmon" |Light salmon<br>#FA8072 |
|||
|- |
|||
|} |
|||
=== Cartella images === |
|||
{{Commons cat|Cartella}} |
|||
There are over fifty defined "Cartella" images that can be used. When choosing an undefined image, just use the second part of the name in the '''|cartella''' field.<br> |
|||
{{divhide|Cartella images}}<gallery heights="30px"> |
|||
<gallery> |
|||
File:Cartella grigia.jpg|Cartella grigia.jpg |
|||
File:Cartella newblue.jpg|Cartella newblue.jpg |
|||
File:Cartella newred.jpg|Cartella newred.jpg |
|||
File:Cartella newpurple.jpg|Cartella newpurple.jpg |
|||
File:Cartella newpink.jpg|Cartella newpink.jpg |
|||
File:Cartella newgreen.jpg|Cartella newgreen.jpg |
|||
File:Cartella newbrown.jpg|Cartella newbrown.jpg |
|||
File:Cartella rossa.jpg|Cartella rossa.jpg |
|||
File:Cartella arancione.jpg|Cartella arancione.jpg |
|||
File:Cartella giallo.jpg|Cartella giallo.jpg |
|||
File:Cartella verde.jpg|Cartella verde.jpg |
|||
File:Cartella blu.jpg|Cartella blu.jpg |
|||
File:Cartella viola.jpg|Cartella viola.jpg |
|||
File:Cartelle acadie.jpg|Cartelle acadie.jpg |
|||
File:Cartella grigia.jpg|Cartella grigia.jpg. |
|||
</gallery> |
|||
{{divhide|end}} |
|||
== Example == |
|||
<syntaxhighlight lang="wikitext"> |
|||
{{Framework |
|||
| width = 75% |
|||
| title = [[Template:Framework/doc | Image ]]... |
|||
| content = |
|||
{{POTD wikipedia |float=left |title=yes |thumb=yes}} |
|||
{{Lorem ipsum}} |
|||
| color = red |
|||
| logo = Nuvola camera.svg |
|||
| px = 25 |
|||
| link = Template:Framework/doc |
|||
}} |
}} |
||
</syntaxhighlight> |
|||
{{Framework |
|||
| width = 75% |
|||
| title = [[Template:Framework/doc | Image]]... |
|||
| content = |
|||
{{POTD wikipedia|float=left|title=yes|thumb=yes}} |
|||
{{Lorem ipsum}} |
|||
| color = red |
|||
| logo = Nuvola camera.svg |
|||
| px = 25 |
|||
| link = Template:Framework/doc |
|||
}} |
|||
=== Other examples === |
|||
{| style="background: none; width:66.6%;" cellspacing="8" cellpadding="0" |
|||
|- |
|||
| Footer message |
|||
| Footer image |
|||
| Combined footer message & image |
|||
|- |
|||
| style="vertical-align:top; width:33.3%;" |{{Framework |
|||
| title = Example 2 |
|||
| content = {{tlx|Framework |footer{{=}}Example}} |
|||
| footer = This is an example of a footer message |
|||
}} |
|||
| style="vertical-align:top; width:33.3%;" |{{Framework |
|||
| title = Example 3 |
|||
| content = {{tlx|Framework |footer_image{{=}}image.gif}} |
|||
| footer_image = NeveFooter.gif |
|||
}} |
|||
| style="vertical-align:top; width:33.3%;" |{{Framework |
|||
| title = Example 4 |
|||
| content = {{tlx|Framework |footer{{=}}Example<br>|footer_image{{=}}image.gif}} |
|||
| footer = This is an example of a footer message |
|||
| footer_image = NeveFooter.gif |
|||
}} |
|||
|- |
|||
| User defined fields |
|||
|- |
|||
| style="vertical-align:top;" colspan="3" |{{Framework |
|||
| title = Example 5 |
|||
| color = user |
|||
| border = black |
|||
| background = gray |
|||
| cartella = blu (darker) |
|||
| content = {{tlx|Framework |color{{=}}user |border{{=}}black |background{{=}}gray |cartella{{=}}blu}} |
|||
}} |
|||
|- |
|||
| style="vertical-align:top;" colspan="3" |{{Framework |
|||
| title = Example 5 |
|||
| color = user |
|||
| border = black |
|||
| background = gray |
|||
| cartella = blu (darker) |
|||
| link = template:Framework/Doc |
|||
| content = {{tlx|Framework |color{{=}}user |border{{=}}black |background{{=}}gray |cartella{{=}}blu |link{{=}}/Doc}} |
|||
}} |
|||
|- |
|||
|} |
|||
=== Different colors === |
|||
{| style="background: none; width:66.6%;" cellspacing="8" cellpadding="0" |
|||
|- |
|||
| style="width:33.3%;" |{{Framework |color=red |title=title |link=template:Framework/doc |content={{tlx|Framework|color{{=}}red|link{{=}}/doc}}}} |
|||
| style="width:33.3%;" |{{Framework |color=orange |title=title |link=template:Framework/doc |content={{tlx|Framework|color{{=}}orange|link{{=}}/doc}}}} |
|||
| style="width:33.3%;" |{{Framework |color=yellow |title=title |link=template:Framework/doc |content={{tlx|Framework|color{{=}}yellow|link{{=}}/doc}}}} |
|||
|- |
|||
| style="width:33.3%;" |{{Framework |color=green |title=title |link=template:Framework/doc |content={{tlx|Framework|color{{=}}green|link{{=}}/doc}} }} |
|||
| style="width:33.3%;" |{{Framework |color=blue |title=title |link=template:Framework/doc |content={{tlx|Framework|color{{=}}blue|link{{=}}/doc}} }} |
|||
| style="width:33.3%;" |{{Framework |color=violet |title=title |link=template:Framework/doc |content={{tlx|Framework|color{{=}}violet|link{{=}}/doc}}}} |
|||
|- |
|||
| style="vertical-align:top; width:33%;" |{{Framework |color=pink |title=title |link=template:Framework/doc |content={{tlx|Framework|color{{=}}pink|link{{=}}/doc}} }} |
|||
| style="width:33.3%;" |{{Framework |color=gray |title=title |link=template:Framework/doc |content={{tlx|Framework|color{{=}}gray|link{{=}}/doc}}}} |
|||
| style="width:33.3%;" |{{Framework |color=legacy |title=title |link=template:Framework/doc |content={{tlx|Framework|color{{=}}legacy|link{{=}}/doc}}}} |
|||
|- |
|||
|} |
|||
=== Without "edit" link === |
|||
{| style="background: none; width:66.6%; vertical-align:top;" cellspacing="8" cellpadding="0" |
|||
|- |
|||
|style="width:33.3%;"|{{Framework |color=red |title=title |content={{tlx|Framework|color{{=}}red}}}} |
|||
|style="width:33.3%;"|{{Framework |color=orange |title=title |content={{tlx|Framework|color{{=}}orange}}}} |
|||
|style="width:33.3%;"|{{Framework |color=yellow |title=title |content={{tlx|Framework|color{{=}}yellow}}}} |
|||
|- |
|||
|{{Framework |color=green |title=title |content={{tlx|Framework|color{{=}}green}} }} |
|||
|{{Framework |color=blue |title=title |content={{tlx|Framework|color{{=}}blue}} }} |
|||
|{{Framework |color=violet |title=title |content={{tlx|Framework|color{{=}}violet}}}} |
|||
|- |
|- |
||
<!-- 4: Content space --> |
|||
|{{Framework |color=pink |title=title |content={{tlx|Framework|color{{=}}pink}} }} |
|||
| colspan="{{#if:{{{link|}}}|2|1}}" style="padding-left:.5em; padding-right:.5em; background:#FFF; border:2px solid {{Framework/theme|{{{color|{{{1|}}}}}}|border|user={{{border}}}}}; border-top:0; border-bottom:0; {{#if:{{{bg|}}}|background-color:{{{bg}}};}} vertical-align:top;" | |
|||
|{{Framework |color=gray |title=title |content={{tlx|Framework|color{{=}}gray}}}} |
|||
{{{content|}}} |
|||
|{{Framework |color=legacy |title=title |content={{tlx|Framework|color{{=}}legacy}}}} |
|||
|- |
|- |
||
<!-- 5: Bottom tray --> |
|||
|} |
|||
| colspan="{{#if:{{{link|}}}|2|1}}" class="radius_bottom" style="height:8px; border-radius:0 0 {{Framework/theme|{{{color|{{{1|}}}}}}|radius2|user={{{radius2}}}}} {{Framework/theme|{{{color|{{{1|}}}}}}|radius2|user={{{radius2}}}}}; background:{{Framework/theme|{{{color|{{{1|}}}}}}|background2|user={{{background2|{{{background}}}}}}}}; border:2px solid {{Framework/theme|{{{color|{{{1|}}}}}}|border2|user={{{border2|{{{border}}}}}}}}; border-top:0;" | {{#if:{{{footer_image|}}}|[[File:{{{footer_image}}}]]}} |
|||
This template is not recommended for articles. |
|||
<div style="font-size:{{#if:{{{footer|}}}|x-small|0%}};">{{#if:{{{footer|}}}| {{{footer}}}}}</div> |
|||
|}</div>{{#invoke:Check for unknown parameters|check|unknown=[[Category:Pages using framework with unknown parameters|_VALUE_{{PAGENAME}}]]|preview=Page using [[Template:Framework]] with unknown parameter "_VALUE_"|ignoreblank=y| 1 | background | background2 | bg | border | border2 | cartella | color | content | ext | footer | footer_image | height | height_px | image | link | logo | logo_editlink | px | radius2 | title | width }}</includeonly><noinclude>{{documentation}}</noinclude> |
|||
== See also == |
|||
{{Window templates}} |
|||
<includeonly>{{Sandbox other|| |
|||
<!-- Categories go here --> |
|||
[[Category:Folder templates]] |
|||
}}</includeonly> |
Revision as of 20:51, 25 February 2024
example
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |