Template:Annotation: Difference between revisions
No edit summary |
m (Removed references to Annotation2.) |
||
(20 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
< | <includeonly><div style="padding-bottom: 4px"><div style="border: solid 1px {{#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}}; border-left: solid 10px {{#switch: {{{1}}} | note = #D3A12A | info = #64A2E7 | help = #696CC3 | tip = #CEEF76 | experiment = #9FD361 | development = #F28D48 | caution = #DD3745 | technical = #99A6AD | recovery = #DD656B | warning = #F2C327 | urgent = #000000 | danger = #000000 | stop = #4DA9D1 | idea = #F5C569 | #D3A12A}}; border-radius: 4px; padding: 0px; margin: 0px; overflow: auto;{{#if: {{{3|}}}|background-color: {{#switch: {{{1}}} | note = #F2DEA9 | idea = #F2DEA9 | info = #B3D1EF | help = #B8BCED | tip = #E1F4AB | experiment = #D7EDAA | development = #F4CDA8 | caution = #ED939A | technical = #C7C8C9 | recovery = #EA9DA1 | warning = #F7E694 | danger = #A0A0A0 | stop = #90D2ED | idea = #F5E589 | #F2DEA9}}}}"><div style="border-radius: inherit;"><div style="float: left; width: 48px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 8px 8px 8px 8px;">[[File:tutorial_template_icon_{{{1|note}}}.png|Warning|link=]]</div><div style="padding: 8px; margin-left: 60px;">{{{2}}}</div></div></div></div></includeonly><!-- | ||
--><noinclude>== Annotation Template == | |||
This template is currently being tested only on the Tutorials. | |||
< | You can use it if you want to but you might notice some changes you didn't expect. | ||
{{AnnotationIcons}} | |||
<noinclude> | == Examples == | ||
{{ | === Note === | ||
{{Annotation|note | A note can be used to give the reader a little more information about what's going on. | ||
{{Annotation| | {{Annotation|note|This is a short note but notice that the box always fills the space available.}} | ||
Or you can have the same thing but filled… | |||
{{Annotation| | {{Annotation|note|This is a long <u>filled</u> note. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | ||
{{Annotation| | |||
=== Idea === | |||
An idea can be given to give the read a bit more info. | |||
{{Annotation|idea|This is a long idea. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | |||
Or you can have the same thing but filled… | |||
{{Annotation|idea|This is a long <u>filled</u> idea. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
=== Info === | |||
An info can be used to expand a little on what the reader has just read. | |||
{{Annotation|info|This is a long info. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | {{Annotation|info|This is a long info. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | ||
{{Annotation| | Or you can have the same thing but filled… | ||
{{Annotation|info|This is a long <u>filled</u> info. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
=== Tip === | |||
A tip can be given to show the reader that there's a quicker way of doing something. | |||
{{Annotation|tip|This is a long tip. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | {{Annotation|tip|This is a long tip. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | ||
Or you can have the same thing but filled… | |||
{{Annotation|tip|This is a long <u>filled</u> tip. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
=== Experiment === | |||
An experiment can be used to coax the reader into trying something slightly different for themselves. | |||
{{Annotation|experiment|This is a long experiment. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | {{Annotation|experiment|This is a long experiment. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | ||
Or you can have the same thing but filled… | |||
{{Annotation|experiment|This is a long <u>filled</u> experiment. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
=== Development === | |||
A development can be added for readers who want to try the development version. | |||
{{Annotation|development|This is a long development. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | {{Annotation|development|This is a long development. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | ||
Or you can have the same thing but filled… | |||
{{Annotation|development|This is a long <u>filled</u> development. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
=== Caution === | |||
A caution can be given if what the reader is going to do next might cause some concern. | |||
{{Annotation|caution|This is a long caution. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | {{Annotation|caution|This is a long caution. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | ||
Or you can have the same thing but filled… | |||
{{Annotation|caution|This is a long <u>filled</u> caution. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
=== Technical === | |||
A technical can be given to tell the reader that what comes next might be beyond the "average" reader. | |||
{{Annotation|technical|This is a long technical. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | |||
Or you can have the same thing but filled… | |||
{{Annotation|technical|This is a long <u>filled</u> technical. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
=== Recovery === | |||
A recovery can be given telling the reader how to recover from something they might have done by mistake. | |||
{{Annotation|recovery|This is a long recovery. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | |||
Or you can have the same thing but filled… | |||
{{Annotation|recovery|This is a long <u>filled</u> recovery. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
=== Warning === | |||
A warning can be given if what the reader is going to do next might have bad consequences. | |||
{{Annotation|warning|This is a long warning. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | {{Annotation|warning|This is a long warning. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | ||
{{Annotation| | Or you can have the same thing but filled… | ||
{{Annotation|warning|This is a long <u>filled</u> warning. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
=== Danger === | |||
A danger can be given if the reader is about to do something that might change something permanently. | |||
{{Annotation|danger|This is a long danger. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | {{Annotation|danger|This is a long danger. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | ||
Or you can have the same thing but filled… | |||
{{Annotation|danger|This is a long <u>filled</u> danger. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
=== Stop === | |||
A stop can be shown when the reader has got to a point in the article where they don't need to continue, for whatever reason. | |||
{{Annotation|stop|This is a long stop. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | {{Annotation|stop|This is a long stop. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.}} | ||
Or you can have the same thing but filled… | |||
{{Annotation|stop|This is a long <u>filled</u> stop. It should be in a box so this text is quite long to show that it wraps properly across the page without going under the icon because that would look sloppy.|fill}} | |||
</noinclude> | </noinclude> |
Latest revision as of 13:06, 13 February 2015
Annotation Template
This template is currently being tested only on the Tutorials. You can use it if you want to but you might notice some changes you didn't expect.
List of Valid Annotation and Callout Icons












Examples
Note
A note can be used to give the reader a little more information about what's going on.

Or you can have the same thing but filled…

Idea
An idea can be given to give the read a bit more info.

Or you can have the same thing but filled…

Info
An info can be used to expand a little on what the reader has just read.

Or you can have the same thing but filled…

Tip
A tip can be given to show the reader that there's a quicker way of doing something.

Or you can have the same thing but filled…

Experiment
An experiment can be used to coax the reader into trying something slightly different for themselves.

Or you can have the same thing but filled…

Development
A development can be added for readers who want to try the development version.

Or you can have the same thing but filled…

Caution
A caution can be given if what the reader is going to do next might cause some concern.

Or you can have the same thing but filled…

Technical
A technical can be given to tell the reader that what comes next might be beyond the "average" reader.

Or you can have the same thing but filled…

Recovery
A recovery can be given telling the reader how to recover from something they might have done by mistake.

Or you can have the same thing but filled…

Warning
A warning can be given if what the reader is going to do next might have bad consequences.

Or you can have the same thing but filled…

Danger
A danger can be given if the reader is about to do something that might change something permanently.

Or you can have the same thing but filled…

Stop
A stop can be shown when the reader has got to a point in the article where they don't need to continue, for whatever reason.

Or you can have the same thing but filled…
