Difference between revisions of "Template:DottedFrameMessage"
Jump to navigation
Jump to search
(added radius seting) |
|||
Line 1: | Line 1: | ||
<includeonly><div style="box-sizing: border-box; display: table; text-align: {{{align|center}}}; {{#if: {{{width|}}} | width: {{{width}}}; }} border: {{{border|1px dotted #000000}}}; padding: {{{padding|10px}}}; border-radius: 10px; margin: {{{margin|2ex 2em 1ex 2em;}}}; {{#if: {{{background|}}} | background: {{{background}}}; }}"> | <includeonly><div style="box-sizing: border-box; display: table; text-align: {{{align|center}}}; {{#if: {{{width|}}} | width: {{{width}}}; }} border: {{{border|1px dotted #000000}}}; padding: {{{padding|10px}}}; border-radius: {{{radius|10px}}}; margin: {{{margin|2ex 2em 1ex 2em;}}}; {{#if: {{{background|}}} | background: {{{background}}}; }}"> | ||
{{{text|}}} | {{{text|}}} | ||
</div></includeonly><noinclude>{{Breadcrumbs|link1={{EditorManualLink}}}} | </div></includeonly><noinclude>{{Breadcrumbs|link1={{EditorManualLink}}}} | ||
Line 20: | Line 20: | ||
|- | |- | ||
| <code>padding</code> || Optional || align="center" | <code>10px</code> || ''CSS'' || Set padding | | <code>padding</code> || Optional || align="center" | <code>10px</code> || ''CSS'' || Set padding | ||
|- | |||
| <code>radius</code> || Optional || align="center" | <code>10px</code> || ''CSS'' || Set radius | |||
|} | |} | ||
Revision as of 14:32, 23 May 2024
Description
Frame message
Params
Parameter | Type | Default | Value | Description |
---|---|---|---|---|
text |
Required | Text | Text in box | |
align |
Optional | center |
left right center justify |
Align of text in multiple line text |
width |
Optional | -empty- |
CSS | Set width of frame message |
background |
Optional | -empty- |
CSS | Set background |
border |
Optional | 1px dotted #000000 |
CSS | Set border |
padding |
Optional | 10px |
CSS | Set padding |
radius |
Optional | 10px |
CSS | Set radius |
Examples
Code | Description |
---|---|
{{DottedFrameMessage|text=This is text|width=300px}} |
Centered text in frame with set width to 300px |
This is text | |
{{DottedFrameMessage|text=This<br />over<br />multiple<br />lines|align=left}} |
Left aligned text in frame |
This | |
{{DottedFrameMessage|text=This is text|border=2px solid red}} |
Change border to 2px solid red
|
This is text | |
{{DottedFrameMessage|text=This is text|background=#ccc}} |
Change background to #ccc
|
This is text | |
{{DottedFrameMessage|text=This is {{ColorYellow|yellow text}}}} |
Use Color template in text when need change text color |
This is yellow text | |
{{DottedFrameMessage|text=This is text|margin=0px 50px|padding=5px 10px 15px 20px}} |
Changed margin and padding of box |
This is text |