Difference between revisions of "Template:Note"

From hummy.tv Wiki
Jump to: navigation, search
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="block-note"><span class="block-contents">
+
<div class="block-note" style="padding: 0.5em; background: #ffffcc; width: auto; border: 1px solid black; box-shadow: 2px 2px 11px #666; -moz-box-shadow: 2px 2px 11px #666; -webkit-box-shadow: 2px 2px 11px #666; border-radius: 5px; -moz-border-radius: 5px;"><span class="block-contents">
 
[[File:Bulbgraph.png|18px|Note|link=]]
 
[[File:Bulbgraph.png|18px|Note|link=]]
'''Note:''' {{{{1}}}}
+
'''Note:'''
</span></div>
+
{{{1}}}
 +
</span></div><noinclude>
  
<noinclude>
 
 
== 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. <nowiki>{{note}}</nowiki> 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.
 
 
<nowiki>{{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.}}</nowiki>
 
 
{{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|Test note which is quite long and will hopefully cause the note to wrap so that the effect of the wrap can be seen in the browser when working on this template.Test note which is quite long and will hopefully cause the note to wrap so that the effect of the wrap can be seen in the browser when working on this template.Test note which is quite long and will hopefully cause the note to wrap so that the effect of the wrap can be seen in the browser when working on this template.}}
 
</noinclude>
 
</noinclude>

Latest revision as of 10:34, 11 September 2013

Note Note: {{{1}}}


Note Note: Test note which is quite long and will hopefully cause the note to wrap so that the effect of the wrap can be seen in the browser when working on this template.Test note which is quite long and will hopefully cause the note to wrap so that the effect of the wrap can be seen in the browser when working on this template.Test note which is quite long and will hopefully cause the note to wrap so that the effect of the wrap can be seen in the browser when working on this template.