Jump to content
Toggle menu
  • 8 articles
  • 75 files
  • 7 users
  • 37.8K edits
Neodyland Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Created with/layout/doc: Difference between revisions

Template page
m format
rectify Style declarations
 
(21 intermediate revisions by 5 users not shown)
Line 1: Line 1:
&nbsp;&#32;< Template: {{T0|Created with/layout}}{{Heavily used template|3=+}}
&nbsp;&#32;< Template: {{T0|Created with/layout}}{{Heavily used template|3=+}}
__TOC__
{{TemplateBox
{{TemplateBox
   |1      =logo
   |1      =logo
   |1label =filename
   |1label =filename
   |1d    =icon/logo to be displayed
   |1d    =icon, logo, symbol or [[#Codepoint display|codepoint]] to be displayed
   |1type  =wiki file name
   |1type  =wiki file name
   |1def  =
   |1def  =
Line 10: Line 11:
   |2      =iconsize
   |2      =iconsize
   |2label =size
   |2label =size
   |2d    =size for displaying the icon/logo
   |2d    =size for displaying the icon/logo/symbol/codepoint [[#Iconsize|*)]]
   |2type  =
   |2type  =numeric
   |2def  =33x22px
   |2def  =33x22px
   |2stat  =optional-
   |2stat  =optional-
Line 30: Line 31:
   |5      =style
   |5      =style
   |5label =attributes
   |5label =attributes
   |5d    =CSS style attributes, to overwrite the standard attributes
   |5d    =[[#Style declarations|CSS style declarations]], to complement the standard declarations
   |5type  =
   |5type  =
   |5stat  =optional-
   |5stat  =optional-
Line 48: Line 49:
   |7stat  =optional-
   |7stat  =optional-


   |name          = {{BASEPAGENAME}}{{Lua|Module:Dir}}
   |name          = Created with/layout
  |desc          = Small box used by several templates:
  |desc          = One text line {{nobold|in a}} small box{{nobold|, used by several templates:}}
<div style="float:left;padding-right:2em;width:20%">{{nobold|__TOC__}}</div> <small>
<div style="float:left;padding-right:2em;width:20%">{{nobold|__TOC__}}</div>  
* {{nobold|{{T0|Created with}}}}
{{smalldiv|1=
* {{nobold|{{T0|Created with}}, {{T0|Taken with}}, {{T0|Scanned with}}}}
* {{nobold|In{{T0|Valid SVG}}}}
* {{nobold|In{{T0|Valid SVG}}}}
* {{nobold|{{T0|Igen/amp}}}}
* {{nobold|{{T0|Igen/amp}}}}
* {{nobold|{{T0|Igen/emb}}, {{T0|Igen/ptx}}}}  
* {{nobold|{{T0|Igen/emb}}, {{T0|Igen/ptx}}}}  
* {{nobold|{{T0|Igen/sni}}}}
* {{nobold|{{T0|Attrib}}}}
* {{nobold|{{T0|Attrib}}}}
* {{nobold|{{T0|Commonist}}}}
* {{nobold|{{T0|Commonist}}}}
* {{nobold|{{T0|Projekt Wappen}} &nbsp; and others}}</small> {{clr}}
* {{nobold|{{T0|Projekt Wappen}}, {{T0|Projet Blasons}} &nbsp; and {{C|Created with/layout-templates|many others}}}}
}} {{clr}}
   |namespace    = file
   |namespace    = file
   |usergroup    = all
   |usergroup    = all
Line 77: Line 81:
The dimension unit is always px, whether it is specified or not<!-- ; other units can be used -->.
The dimension unit is always px, whether it is specified or not<!-- ; other units can be used -->.


== Style attributes ==
<div style="background-color:#fe9;width:84%">
Besides the variations with <code>logo</code> and <code>text</code>, a great variety can be get with <code>background</code> colors and mainly with the <code>border</code> styles:
When iconsize is omitted, the used default will be the best value for most cases. When it is specified, a {{M|Logoform|module}} is ivoked to check it.<br>
For performance reasons it is ''highly advised'' not to specify the iconsize - ''whenever'' the default size gives an acceptable appearance.</div>
The <s>specification</s> <code>iconsize=0</code> does not mean "no iconsize" but that it is omitted, and the default sizes should be used.
 
== Codepoint display ==
Unicode offers numerous codepoint images, emojis and characters, many of them colored, e.g. {{C|Unicode 2600-26FF Miscellaneous Symbols|(U+2600...U+26FF)}} or {{C|Unicode 1F300-1F5FF Miscellaneous Symbols and Pictographs|(U+1F300...U+1F5FF)}}.<br>
When the name of a <code>logo</code> starts with either <code>U+</code> or <code>&#</code>, an invoked module checks whether it is a filename, like U+2680.svg, or a codepoint, like U+2680 (can also be defined with &amp;#x2680; or &amp;#9856; for ⚀).
To display <u>more than one</u> codepoint, specify them either with <code>U+</code> separated with semicolon (e.g. <code>U+2680;U+2681;U+2682</code>), or with <code>#&</code> (e.g. <code>&amp;#x2680;&amp;#x2681;&amp;#x2681;</code>).
<br>Additional <code>span style options</code> can be specified with the parameter <code>ustyle</code>, e.g. <code>ustyle=color:blue</code>.
<br>When a logo name starts with <code>&#;</code>, the following string is used ''as-it-is'' for codepoint displaying.  See the examples at the [[Template talk:Created with/layout/doc|talk page]].
 
== Style declarations ==
Besides the variations with <code>logo</code> and <code>text</code>, a great variety can be got with <code>background</code> colors and mainly with the <code>border</code> styles:
* margin and padding are to alter with care - it is recommended to ''not modify'' them. The four parameters are for top, right, bottom, left.  
* margin and padding are to alter with care - it is recommended to ''not modify'' them. The four parameters are for top, right, bottom, left.  
:* <code>margin</code> (0px) the distance to surrounding items
:* <code>margin</code> e.g. (0 3px) the distance to surrounding items
:* <code>padding</code> (2px 4px 2px 6px) distance to items witthin the box; the first and third parameter can alter the height of the box!  
:* <code>padding</code> e.g. (2px 4px 2px 6px) distance to items within the box; the first and third parameter can alter the height of the box!  
* <code>color</code> (#000) the color of the text
* <code>color</code> (#000) the color of the text
* <code>background</code> (#F8F9FA) very light grey, for good readability of the black text
* <code>background</code> (by default #F8F9FA, a slightly darker grey to maintain good readability (high contrast with the ''normally black'' text))
* <code>border</code> (1px solid #BAB) the stroke-width, stroke-style, stroke-color; it is recommended to modify only that parameter.  
* <code>border</code> (1px solid #BAB) the stroke-width, stroke-style, stroke-color; '''it is recommended to modify only that parameter'''.  


The '''total width''' of a box is left-margin + left-border + left-padding + <code>width</code> + right-padding + right-border + right-margin.<br>
The '''total width''' of a box is <code>margin-left</code> + <code>border-left-width</code> + <code>padding-left</code> + <code>width</code> + <code>padding-right</code> + <code>border-right-width</code> + <code>margin-right</code>.<br>
Similarly, the '''total height''' of a box equals top-margin + top-border + top-padding + <code>height</code> + bottom-padding + bottom-border + bottom-margin.
Similarly, the '''total height''' of a box equals to <code>margin-top</code> + <code>border-top-width</code> + <code>padding-top</code> + <code>height</code> + <code>padding-bottom</code> + <code>border-bottom-width</code> + <code>margin-bottom</code>.


While ''margin'' and ''padding'' can be defined by name (e.g. <code>margin-left</code>, <code>padding-top</code>) '''or''' with one to four single parameters:
* 1 parameter: all four sides
* 2 parameters: top & bottom, right & left
* 3 parameters: top, right & left, bottom
* 4 parameters: top, right, bottom, left
…the ''borders'' and their  properties can be specified only either for all four sides, or explicitly by names, e.g. <code>border:1px solid #BAB; border-right-color:#080</code>.


<includeonly>
<includeonly>
[[Category:Created with ... templates| ]]
[[Category:Created with/layout-templates|*]]
[[Category:Layout templates| ]]
</includeonly>
</includeonly>

Latest revision as of 13:58, 21 September 2024

  < Template: Created with/layout

Usage

{{Created with/layout |logo= |text= }}

Template parameters

ParameterDescriptionDefaultStatus
logofilenameicon, logo, symbol or codepoint to be displayedemptysuggested
iconsizesizesize for displaying the icon/logo/symbol/codepoint *)33x22pxoptional
texttextindividual main text'empty'suggested
moretextmore text (additional)emptyoptional
styleattributesCSS style declarations, to complement the standard declarationsemptyoptional
widthattributethe width dimension attribute for modificationautooptional
langlangcodeISO 639 language code{{int:lang}}optional

Additional information

The template is intended to be used in the following namespaces: the File namespace

The template is intended to be used by the following user groups: all users

Placement:

In general within the file description – but can be elsewhere

Localization

This template is not intended to be localized. Normally it is the final output, after all translations have been done by the previous templates.

Iconsize

can consist of the two numerical values width and height; or only one of both:

  • width[px]
  • xheight[px]
  • widthxheight[px]

The dimension unit is always px, whether it is specified or not.

When iconsize is omitted, the used default will be the best value for most cases. When it is specified, a module is ivoked to check it.

For performance reasons it is highly advised not to specify the iconsize - whenever the default size gives an acceptable appearance.

The specification iconsize=0 does not mean "no iconsize" but that it is omitted, and the default sizes should be used.

Codepoint display

Unicode offers numerous codepoint images, emojis and characters, many of them colored, e.g. (U+2600...U+26FF) or (U+1F300...U+1F5FF).
When the name of a logo starts with either U+ or &#, an invoked module checks whether it is a filename, like U+2680.svg, or a codepoint, like U+2680 (can also be defined with &#x2680; or &#9856; for ⚀). To display more than one codepoint, specify them either with U+ separated with semicolon (e.g. U+2680;U+2681;U+2682), or with #& (e.g. &#x2680;&#x2681;&#x2681;).
Additional span style options can be specified with the parameter ustyle, e.g. ustyle=color:blue.
When a logo name starts with &#;, the following string is used as-it-is for codepoint displaying. See the examples at the talk page.

Style declarations

Besides the variations with logo and text, a great variety can be got with background colors and mainly with the border styles:

  • margin and padding are to alter with care - it is recommended to not modify them. The four parameters are for top, right, bottom, left.
  • margin e.g. (0 3px) the distance to surrounding items
  • padding e.g. (2px 4px 2px 6px) distance to items within the box; the first and third parameter can alter the height of the box!
  • color (#000) the color of the text
  • background (by default #F8F9FA, a slightly darker grey to maintain good readability (high contrast with the normally black text))
  • border (1px solid #BAB) the stroke-width, stroke-style, stroke-color; it is recommended to modify only that parameter.

The total width of a box is margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right.
Similarly, the total height of a box equals to margin-top + border-top-width + padding-top + height + padding-bottom + border-bottom-width + margin-bottom.

While margin and padding can be defined by name (e.g. margin-left, padding-top) or with one to four single parameters:

  • 1 parameter: all four sides
  • 2 parameters: top & bottom, right & left
  • 3 parameters: top, right & left, bottom
  • 4 parameters: top, right, bottom, left

…the borders and their properties can be specified only either for all four sides, or explicitly by names, e.g. border:1px solid #BAB; border-right-color:#080.


Cookies help us deliver our services. By using our services, you agree to our use of cookies.