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
m typo
Line 55: Line 55:
* {{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}}}}
Line 84: Line 85:
== Codepoint display ==
== 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>
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 checkes 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 ⚀).  
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>).
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>Additional <code>span style options</code> can be specified with the parameter <code>ustyle</code>, e.g. <code>ustyle=color:blue</code>.  

Revision as of 09:08, 29 August 2021

  < Template: Created with/layout

Usage

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

Template parameters

ParameterDescriptionDefaultStatus
logofilenameicon/logo/symbol/codepoint to be displayedemptysuggested
texttextindividual main text'empty'suggested
iconsizesizesize for displaying the icon/logo/symbol/codepoint33x22pxoptional
moretextmore text (additional)emptyoptional
styleattributesCSS style attributes, to overwrite the standard attributesemptyoptional
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 unspecified, 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 attributes

Besides the variations with logo and text, a great variety can be get 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 (#F8F9FA) very light grey, for good readability of 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
  • 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.