Template:Created with/layout/sandbox
One text line in a small box, used by several templates:
Usage
{{Created with/layout |logo= |text= }}
Template parameters
Parameter | Description | Default | Status | |
---|---|---|---|---|
logo | filename | icon, logo, symbol or codepoint to be displayed | empty | suggested |
iconsize | size | size for displaying the icon/logo/symbol/codepoint *) | 33x22px | optional |
text | text | individual main text | 'empty' | suggested |
more | text | more text (additional) | empty | optional |
style | attributes | CSS style declarations, to complement the standard declarations | empty | optional |
width | attribute | the width dimension attribute for modification | auto | optional |
lang | langcode | ISO 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]- x
height
[px] width
xheight
[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.
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 ⚀ or ⚀ 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. ⚀⚁⚁
).
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 itemspadding
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 textbackground
(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
.