Template:InlineAnnotation: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly><div style="border-radius: 4px; display: inline-block; padding: 4px; {{#if: {{{3|}}}|border: 1px solid {{#switch: {{{1}}} | note = #D3A12A | idea = #D3A12A | info = #64A2E7 | help = #696CC3 | tip = #CEEF76 | experiment = #9FD361 | development = #F28D48 | caution = #DD3745 | technical = #99A6AD | recovery = #DD656B | warning = #F2C327 | danger = #000000 | stop = #4DA9D1 | idea = #F5C569 | #D3A12A}}}}"><div style="float: left; width: 32px;">[[File:tutorial_template_icon_{{{1|note}}}.png|Warning|32px|link=]]</div><div style="padding-top: 0.5em; padding-right: 4px; margin-left: 38px;">{{{2}}}</div></div></includeonly> | <includeonly><div style="border-radius: 4px; display: inline-block; padding: 4px; {{#if: {{{3|}}}|border: 1px solid {{#switch: {{{1}}} | note = #D3A12A | idea = #D3A12A | info = #64A2E7 | help = #696CC3 | tip = #CEEF76 | experiment = #9FD361 | development = #F28D48 | caution = #DD3745 | technical = #99A6AD | recovery = #DD656B | warning = #F2C327 | danger = #000000 | stop = #4DA9D1 | idea = #F5C569 | #D3A12A}}}}"><div style="float: left; width: 32px;">[[File:tutorial_template_icon_{{{1|note}}}.png|Warning|32px|link=]]</div><div style="padding-top: 0.5em; padding-right: 4px; margin-left: 38px;">{{{2}}}</div></div></includeonly><!-- | ||
<noinclude> | --><noinclude> | ||
==Inline Annotations == | |||
Inline annotations can be on their own line: | |||
{{InlineAnnotation|info|Such as this one.}} | |||
{{InlineAnnotation| | Or, if you want, something different, | ||
They can be part of a line {{InlineAnnotation|note|like this.}} | |||
{{InlineAnnotation|stop| | {{InlineAnnotation|stop|An inline annotation will wrap the text nicely so that the text won't go under the icon on the left which wouldn't look very nice. If the text went under the icon it would look sloppy.}} | ||
Yet more text. | Yet more text. | ||
You can also give an inline annotation {{InlineAnnotation|experiment|Experiment|a border}}like this. | |||
{{InlineAnnotation|caution|And this is a really long annotation with a border to that also shows that the text doesn't wrap around under the icon at the start of the annotation. This might be quite useful.|border}} | |||
They are quite flexible. | |||
</noinclude> | </noinclude> | ||
Revision as of 15:18, 11 February 2015
Inline Annotations
Inline annotations can be on their own line:
Such as this one.
Or, if you want, something different,
They can be part of a line
like this.
An inline annotation will wrap the text nicely so that the text won't go under the icon on the left which wouldn't look very nice. If the text went under the icon it would look sloppy.
Yet more text.
You can also give an inline annotation
Experiment
like this.
And this is a really long annotation with a border to that also shows that the text doesn't wrap around under the icon at the start of the annotation. This might be quite useful.
They are quite flexible.