Template:Note: Difference between revisions

From Flexible Survival
Jump to navigationJump to search
Created
 
m Change parameter names
Line 19: Line 19:
</css>
</css>


<div class="note {{type}}" style="margin:0.5em 5em;padding:0.1em 1em 0.1em 4em;border:1px solid #8d8d8d;border-radius:0.5em;background-color:#efefef">
<div class="note {{icon}}" style="margin:0.5em 5em;padding:0.1em 1em 0.1em 4em;border:1px solid #8d8d8d;border-radius:0.5em;background-color:#efefef">
[[File:icon_note{{#if: {{type}} | _{{lc:{{type}}}} | }}.png|frameless|link=]]
[[File:icon_note{{#if: {{icon}} | _{{lc:{{icon}}}} | }}.png|frameless|link=]]
{{{2}}}
{{content}}
</div>
</div>
</includeonly><noinclude>
</includeonly><noinclude>
Line 28: Line 28:
== Usage ==
== Usage ==
<pre>
<pre>
{{Note|
{{Note
Content of the note, which can be as long as you like really, but this template is intended for notes of a few sentences in length really.
| Icon = <type>
| Content = Content of the note, which can be as long as you like really, but this template is intended for notes of a few sentences in length really.
}}
}}
</pre>
</pre>
Line 35: Line 36:
== Examples ==
== Examples ==
{{Note
{{Note
| Type=
| Icon =
| Description = Content of the note, which can be as long as you like really, but this template is intended for notes of a few sentences in length really.
| Content = Content of the note, which can be as long as you like really, but this template is intended for notes of a few sentences in length really.
}}[[Category:Templates]]
}}[[Category:Templates]]
</noinclude>
</noinclude>

Revision as of 17:05, 31 October 2019

A template for short notes.

Usage

{{Note
| Icon = <type>
| Content = Content of the note, which can be as long as you like really, but this template is intended for notes of a few sentences in length really.
}}

Examples

<css> div.note {

   position: relative;
   min-height: 3.1em;
   display: flex;
   align-items: center;
   box-shadow: 0 12px 18px -12px #373737;

} div.note img:first-of-type {

   position: absolute;
   width: 2em;
   height: 2em;
   left: 2em;
   top: 0.6em;
   transform: translatex(-50%);
   opacity: 60%

} </css>

[[File:icon_note_template:icon.png|frameless|link=]] Template:Content