Template:SmallBox: Difference between revisions

Latest revision as of 23:21, 7 February 2018

{{{1}}}

This is a small box using default parameters

    {{SmallBox|This is a small box using default parameters}}

    default parameters:
    {{SmallBox|display=block 
    |float=none 
    |clear=both 
    |width=50% 
    |margin=5px auto 
    |padding=5px auto 
    |bg-color=#FFF 
    |font=Arial 
    |font-size=18px 
    |text-align=center 
    |border-style=groove 
    |border-width=2px 
    |border-color=#8c9091 
    |border-radius=6px
    |This is a small box showing all parameters
    }}

NOTICE: THIS TITLE TEXT IS INSIDE ITS OWN DIV CONTAINER

This paragraph text has a separate div container.

This container only has two properties:

txt-align
txt-size

Which is perfectly sufficient for creating message boxes with a title header.

    {{SmallBox|display=block 
    |float=none 
    |clear=both 
    |width=80% 
    |margin=5px auto 
    |padding=8px
    |bg-color=#efa94c
    |font=Arial 
    |font-size=18px 
    |text-align=center 
    |border-style=groove double inset ridge 
    |border-width=6px 
    |border-color=#4bedca
    |border-radius=6px
    |NOTICE: THIS TITLE TEXT IS INSIDE ITS OWN DIV CONTAINER
    |txt-align=left
    |txt-size=14px
    |This paragraph text has a separate div container. 
    This container only has two properties:
    * txt-align
    * txt-size
    Which is perfectly sufficient for creating message boxes with a title header.
    }}

@@ Line 2: / Line 2: @@
 display:{{{display|block}}};
 float:{{{float|none}}};
+overflow:{{{overflow|hidden}}};
 width:{{{width|50%}}};
+height:{{{height|auto}}};
 margin:{{{margin|5px auto}}};
-padding:{{{padding|5px auto}}};
+padding:{{{padding|4px}}};
 clear:{{{clear|both}}};
 background-color:{{{bg-color|#FFF}}};
@@ Line 16: / Line 18: @@
 border-radius:{{{border-radius|6px}}};">{{{1}}}
 <div style="text-align:{{{txt-align|left}}};
+padding:{{{pad|1px}}};
 font-size:{{{txt-size|14px}}};">{{{2|}}}</div></div>
-{{Clear}}<noinclude>
+<noinclude><br><br><br>
-<br><br><br><br><br>
 ----
+----
+<br><br>
 {{SmallBox|This is a small box using default parameters}}
@@ Line 29: / Line 33: @@
      {{SmallBox|This is a small box using default parameters}}
 </pre>
-<big>Default Parameters:</big>
 <pre><nowiki>
+    default parameters:
      {{SmallBox|display=block
      |float=none
@@ Line 51: / Line 52: @@
      }}
 </nowiki></pre>
 <br>
 ----
-<br>
+----
+<br><br>
 {{SmallBox|display=block
@@ Line 64: / Line 64: @@
 |width=80%
 |margin=5px auto
-|padding=25px auto
+|padding=8px
 |bg-color=#efa94c
 |font=Arial
@@ Line 73: / Line 73: @@
 |border-color=#4bedca
 |border-radius=6px
-|NOTE THIS TITLE HAS ITS OWN DIV CONTAINER
+|NOTICE: THIS TITLE TEXT IS INSIDE ITS OWN DIV CONTAINER
 |txt-align=left
-|txt-size=12px
+|txt-size=14px
-|This paragraph text is inside its own div container, with just two properties:
+|This paragraph text has a separate div container.
+This container only has two properties:
 * txt-align
 * txt-size
-This is sufficient to make small message boxes with a title header.
+Which is perfectly sufficient for creating message boxes with a title header.
 }}
+<pre>
+    {{SmallBox|display=block
+    |float=none
+    |clear=both
+    |width=80%
+    |margin=5px auto
+    |padding=8px
+    |bg-color=#efa94c
+    |font=Arial
+    |font-size=18px
+    |text-align=center
+    |border-style=groove double inset ridge
+    |border-width=6px
+    |border-color=#4bedca
+    |border-radius=6px
+    |NOTICE: THIS TITLE TEXT IS INSIDE ITS OWN DIV CONTAINER
+    |txt-align=left
+    |txt-size=14px
+    |This paragraph text has a separate div container.
+    This container only has two properties:
+    * txt-align
+    * txt-size
+    Which is perfectly sufficient for creating message boxes with a title header.
+    }}
+</pre>

Template:SmallBox: Difference between revisions

Latest revision as of 23:21, 7 February 2018

Navigation menu

Search