Difference between revisions of "Template:Notice Box"

From Nookipedia, the Animal Crossing wiki
m (Self-undo - comment tags don't carry over to source)
Tag: Undo
 
(13 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<!--  
+
<!-- ================ -->
  \\\ DESKTOP TEMPLATE ///
+
<!-- DESKTOP TEMPLATE -->
-->
+
<!-- ================ -->{{clear}}
<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">
+
<div class="nomobile noticebox" 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">
   <div style="display:table-cell; vertical-align:middle; padding: 8px 13px 5px 13px;">{{{leftimage|[[File:SpecialSpeciesIconSilhouette.png|28px|link=]]}}}</div>
+
   <div style="display:table-cell; vertical-align:middle; padding: 8px 13px 5px 13px;">{{{leftimage|[[File:SpecialSpeciesIconSilhouette.png|28px|link=|alt=]]}}}</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.4em">{{{header|Notice box}}}</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.4em">{{{header|Notice box}}}</div>
 
   <div style="clear:both;"></div>
 
   <div style="clear:both;"></div>
 
     <div style="margin: 0 auto; width: 100%; background-color:{{{secondarycolor|white}}}; {{roundy|13px}} text-align:center">
 
     <div style="margin: 0 auto; width: 100%; background-color:{{{secondarycolor|white}}}; {{roundy|13px}} text-align:center">
 
     <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>
 
     <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>
     <div style="display:table-cell; vertical-align:middle; text-align: right; padding: 5px 15px 5px 15px; font-size: 1.0em">{{{rightimage|[[File:Nookipedia Leaf.png|28px|link=]]}}}</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>
 
</div>
 
</div>
<!--  
+
<!-- =============== -->
  \\\ MOBILE TEMPLATE ///
+
<!-- MOBILE TEMPLATE -->
-->
+
<!-- =============== -->
<div class="onlymobile" 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">
+
<div class="onlymobile noticebox" 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; vertical-align:middle; line-height: 38px; width: 25px; padding: 8px 13px 5px 13px;">{{{leftimage|[[File:SpecialSpeciesIconSilhouette.png|32px|link=|alt=]]}}}</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="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="clear:both;"></div>
 
     <div style="margin: 0 auto; width: 100%; background-color:{{{secondarycolor|white}}}; {{roundy|13px}} text-align:center">
 
     <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.7em"><small>{{{message|Add an informative notice in this box!.}}}</small></div>
+
     <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>
     <div style="display:table-cell; vertical-align:middle; text-align: right; padding: 5px 15px 5px 15px; font-size: 1.0em">{{{rightimage|[[File:Nookipedia Leaf.png|28px|link=]]}}}</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>
 
</div>
 
</div>
<!--  
+
<!-- ===== -->
  \\\ OTHER ///
+
<!-- OTHER -->
-->
+
<!-- ===== -->
<noinclude>{{Documentation}}[[Category:Notice Templates]]</noinclude>
+
<noinclude>{{Documentation}}[[Category:Notice templates]]</noinclude>

Latest revision as of 12:16, March 16, 2022

Notice box
Add an informative notice in this box!
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.