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 format
Line 3: Line 3:
   |1      =logo
   |1      =logo
   |1label =filename
   |1label =filename
   |1d    =icon/logo/codepoint to be displayed
   |1d    =icon/logo/symbol/codepoint to be displayed
   |1type  =wiki file name
   |1type  =wiki file name
   |1def  =
   |1def  =
Line 17: Line 17:
   |3      =iconsize
   |3      =iconsize
   |3label =size
   |3label =size
   |3d    =size for displaying the icon/logo/codepoint
   |3d    =size for displaying the icon/logo/symbol/codepoint
   |3type  =
   |3type  =
   |3def  =33x22px
   |3def  =33x22px
Line 79: Line 79:
<div style="background-color:#fe9;width:76%">
<div style="background-color:#fe9;width:76%">
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.<br>
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.<br>
Therefore is is ''highly advised'' for performance reasons not to specify the iconsize - whenever the default gives an acceptable appearance.
For performance reasons it is ''highly advised'' not to specify the iconsize - whenever the default gives an acceptable appearance.</div>
</div>
 


== Codepoint display ==
== Codepoint display ==
Unicode offers numerous codepoint images, emojis and characters, many of them colored.  
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 ⚀).
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>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 attributes ==
== Style attributes ==

Revision as of 08:06, 1 February 2021

  < Template: Created with/layout

Small box used by several templates:

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 gives an acceptable appearance.

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 checkes 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;).
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 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 + padding-left + width + padding-right + border-right + margin-right.
Similarly, the total height of a box equals to margin-top + border-top + padding-top + height + padding-bottom + border-bottom + 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 can be specified only explicitly by names, e.g. border:1px solid #BAB;border-right-color:#000


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