Difference between revisions of "Template:Notice Box"

From Nookipedia, the Animal Crossing wiki
(add if statement)
(29 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{| width=80% align=center style="height:70px; background-color: {{{colorinner|}}}; border: 3px solid {{{colorouter|}}}; {{roundy|25px}};"
+
<!-- ================ -->
|
+
<!-- DESKTOP TEMPLATE -->
{| width=100% style="height:70px; background: {{{background|}}}; {{roundy|20px}};"  
+
<!-- ================ -->{{clear}}
| width=50px style="padding:0 0 0 25px;" | {{{leftimage|}}}
+
<div class="nomobile" style="margin: 10px auto; width: 89%; background-color:{{{primarycolor|lightgrey}}}; border: 3px solid {{{primarycolor|lightgrey}}}; {{roundy|18px}} padding:0 3px 3px 3px; text-align:center">
| style="text-align:left; padding:0 0 0 15px;" | <font face="Coustard" size=4>{{{header|}}}</font><br>{{{message|}}}
+
  <div style="display:table-cell; vertical-align:middle; padding: 8px 13px 5px 13px;">{{{leftimage|[[File:SpecialSpeciesIconSilhouette.png|28px|link=]]}}}</div>
{{#if:{{rightimage||}}}}
+
  <div style="display:table-cell; text-align: left; padding: 8px 0 0 0; font-family: Coustard; color: {{{textcolor|white}}}; text-shadow: 2px 2px 0 {{{shadowcolor|#ccc}}}; font-size: 1.4em">{{{header|Notice box}}}</div>
|}
+
  <div style="clear:both;"></div>
|}
+
    <div style="margin: 0 auto; width: 100%; background-color:{{{secondarycolor|white}}}; {{roundy|13px}} text-align:center">
[[Category:Notice Templates]]
+
    <div style="display:table-cell; width: 100%; vertical-align:middle; text-align: left; padding: 5px 15px 5px 15px; font-size: 1.0em">{{{message|Add an informative notice in this box!}}}</div>
<noinclude>
+
    {{#if:{{{rightimage|}}}|<div style="display:table-cell; vertical-align:middle; text-align: right; padding: 5px 15px 5px 15px; font-size: 1.0em">{{{rightimage|}}}</div>|}}
==Documentation==
+
    </div>
{{Template:Notice Box/doc}}
+
</div>
</noinclude>
+
<!-- =============== -->
 +
<!-- MOBILE TEMPLATE -->
 +
<!-- =============== -->
 +
<div class="onlymobile" style="margin: 0 auto; margin-bottom: 10px; width: 96%; background-color:{{{primarycolor|lightgrey}}}; border: 3px solid {{{primarycolor|lightgrey}}}; {{roundy|18px}} padding:0 3px 3px 3px; text-align:center">
 +
  <div style="display:table-cell; vertical-align:middle; line-height: 38px; width: 25px; padding: 8px 13px 5px 13px;">{{{leftimage|[[File:SpecialSpeciesIconSilhouette.png|32px|link=]]}}}</div>
 +
  <div style="display:table-cell; text-align: left; padding: 8px 0 0 0; font-family: Coustard; color: {{{textcolor|white}}}; text-shadow: 2px 2px 0 {{{shadowcolor|#ccc}}}; font-size: 1.1em">{{{header|Notice box}}}</div>
 +
  <div style="clear:both;"></div>
 +
    <div style="margin: 0 auto; width: 100%; background-color:{{{secondarycolor|white}}}; {{roundy|13px}} text-align:center">
 +
    <div style="display:table-cell; vertical-align:middle; width: 100%; text-align: left; padding: 5px 15px 5px 15px; font-size: 0.9em">{{{message|Add an informative notice in this box!.}}}</div>
 +
    {{#if:{{{rightimage|}}}|<div style="display:table-cell; vertical-align:middle; text-align: right; padding: 5px 15px 5px 15px; font-size: 1.0em">{{{rightimage|}}}</div>|}}
 +
    </div>
 +
</div>
 +
<!-- ===== -->
 +
<!-- OTHER -->
 +
<!-- ===== -->
 +
<noinclude>{{Documentation}}[[Category:Notice Templates]]</noinclude>

Revision as of 18:12, September 25, 2020

SpecialSpeciesIconSilhouette.png
Notice box
Add an informative notice in this box!
SpecialSpeciesIconSilhouette.png
Notice box
Add an informative notice in this box!.

Template documentation (view)


Emotion Surprise NH Icon cropped.png
This template is complex or is transcluded on a large number of pages.
Due to the sensitive nature of this template, caution is advised before editing. Any changes should first be tested in a sandbox. Please consider discussing planned changes on the talk page or with staff members before implementing them.
Emotion Surprise NH Icon cropped.png
This template is complex or is transcluded on a large number of pages.
Due to the sensitive nature of this template, caution is advised before editing. Any changes should first be tested in a sandbox. Please consider discussing planned changes on the talk page or with staff members before implementing them.

Usage

{{Notice Box
|primarycolor   =
|secondarycolor =
|textcolor      =
|shadowcolor    =
|leftimage      = 
|rightimage     = 
|header         = 
|message        = 
}}

This is a base template used by many notice templates.

Example

{{Notice Box
|primarycolor   = #5571c3
|secondarycolor = #c5ceed
|textcolor      = #eceff8
|shadowcolor    = #374f95
|leftimage      = [[File:Copper NH Character Icon.png|26px|link=|]]
|rightimage     =
|header         = This page documents a Nookipedia policy.
|message        = A '''[[Nookipedia:Policy|policy]]''' is a widely accepted standard that all editors should normally follow. Users who fail to adhere to policies may be [[Nookipedia:Block policy|blocked]]. 
}}


Copper NH Character Icon.png
This page documents a Nookipedia policy.
A policy is a widely accepted standard that all editors should normally follow. Users who fail to adhere to policies may be blocked.
Copper NH Character Icon.png
This page documents a Nookipedia policy.
A policy is a widely accepted standard that all editors should normally follow. Users who fail to adhere to policies may be blocked.