Difference between revisions of "Template:Note"
From CompSciWiki
Line 1: | Line 1: | ||
+ | <style> | ||
+ | .block-note { | ||
+ | BACKGROUND-IMAGE: url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top | ||
+ | } | ||
+ | </style> | ||
+ | |||
{{#if: {{{1|}}}|<div class="block-note"><span class="block-contents">|[[Image:Bulbgraph.png|18px|Note|link=]]}} '''Note:''' {{#if: {{{1|}}}|{{{1}}}</span></div>}}<noinclude> | {{#if: {{{1|}}}|<div class="block-note"><span class="block-contents">|[[Image:Bulbgraph.png|18px|Note|link=]]}} '''Note:''' {{#if: {{{1|}}}|{{{1}}}</span></div>}}<noinclude> | ||
Revision as of 00:57, 12 April 2010
<style> .block-note { BACKGROUND-IMAGE: url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top } </style>
Note:
Usage
Method 1
The following displays the note icon and the word 'Note:'. You can follow this with whatever text/images/markup you like, and it works in-line, within a paragraph.
Monsters are green. {{note}} this is an in-line note, to remind you that some monsters are orangey-purple.
Monsters are green. Note: this is an in-line note, to remind you that some monsters are orangey-purple.
Method 2
The following includes the text passed to the template, and uses a table to stop the text flowing round the icon. These always force a newline before and after the note.
{{note|Here is a long note, which is sufficiently wordy to run onto a second line, which would normally cause it to wrap round the icon, but because we passed it as a parameter it keeps its left alignment straight.}}
Note: Here is a long note, which is sufficiently wordy to run onto a second line, which would normally cause it to wrap round the icon, but because we passed it as a parameter it keeps its left alignment straight.