Template:SmallBox: Difference between revisions

From bradwiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="toccolours" style="display:{{{display|block}}}; width:{{{width|50%}}}; font-family:{{{font|Helvetica}}}; float:{{{float|left}}}; font-size:{{{font-size|16px}}}; border-style:{{{border-style|groove}}}; border-width:{{{border-width|1px}}}; border-color:{{{border-color|#8c9091}}}; border-radius:{{{border-radius|6px}}}; padding:{{{padding|12px 5px}}}; background-color:{{{bg-color|#f7f7f7}}}; margin:{{{margin|0 0 0 1%}}}; word-wrap:break-word; text-align:center">
<div style="
{{{1}}}
display:{{{display|block}}};  
</div>{{Clear}}<noinclude>
float:{{{float|none}}};
<br><br><br><br><br>
overflow:{{{overflow|hidden}}};
width:{{{width|50%}}};  
height:{{{height|auto}}};
margin:{{{margin|5px auto}}};
padding:{{{padding|4px}}};
clear:{{{clear|both}}};
background-color:{{{bg-color|#FFF}}};  
font-family:{{{font|Arial}}};  
font-size:{{{font-size|18px}}};
word-wrap:break-word;
text-align:{{{text-align|center}}};  
border-style:{{{border-style|groove}}};  
border-width:{{{border-width|2px}}};  
border-color:{{{border-color|#8c9091}}};  
border-radius:{{{border-radius|6px}}};">{{{1}}}
<div style="text-align:{{{txt-align|left}}};  
padding:{{{pad|1px}}};  
font-size:{{{txt-size|14px}}};">{{{2|}}}</div></div>
<noinclude><br><br><br>
 
----
----
 
----
 
<br><br>


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


<br>


<pre>
    {{SmallBox|This is a small box using default parameters}}
</pre>
<pre><nowiki>
    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
    }}
</nowiki></pre>


{{SmallBox|display=block|width=50%|font-title=papyrus|float=left
|border-style=groove|border-width=2px|border-color=#8c9091|border-radius=6px
|padding=12px 5px 1px 20px|color=#f7f7f7|margin=0 0 0 1%|mh=100%|sz=12px
|font=Arial|pad=6px 8px 10px 4px|opener=▼|closer=▲|Title of Expand Box|TEXT}}


<br>
<br>
<pre>
    {{SmallBox|display=block|width=50%|font-title=papyrus|float=left
    |border-style=groove|border-width=2px|border-color=#8c9091|border-radius=6px
    |padding=12px 5px 1px 20px|color=#f7f7f7|margin=0 0 0 1%|mh=100%|sz=12px
    |font=Arial|pad=6px 8px 10px 4px|opener=▼|closer=▲|Title of Expand Box|TEXT}}
</pre>
<br><br><br><br>
----
----
----
<br><br>


{{SmallBox|display=block|width=50%|margin=0 0 0 25%
{{SmallBox|display=block  
|font-title=papyrus|opener=open-sesame|Say the magic word|
|float=none
You discover the chest contained 10 BitCoins (BTC) and 100 Ethereum (ETH).
|clear=both
What would you like to do?
|width=80%  
 
|margin=5px auto
# [https://bitcoin.org '''Exchange BTC for USD''']
|padding=8px
# [https://www.ethereum.org '''Exchange ETH for USD''']
|bg-color=#efa94c
# [https://coinbase.com '''Loot chest, 'natch''']
|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.
}}
}}


<br>


<pre>
<pre>
     {{SmallBox|display=block|width=50%|margin=0 0 0 25%
     {{SmallBox|display=block  
     |font-title=papyrus|opener=open-sesame|Say the magic word|
    |float=none
     You discover the chest contained 10 BitCoins (BTC) and 100 Ethereum (ETH).
    |clear=both
     What would you like to do?
    |width=80%  
 
    |margin=5px auto
     # [https://bitcoin.org '''Exchange BTC for USD''']
    |padding=8px
     # [https://www.ethereum.org '''Exchange ETH for USD''']
    |bg-color=#efa94c
     # [https://coinbase.com '''Loot chest, 'natch''']
    |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>
</pre>

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.
    }}
Retrieved from "https://bradleymonk.com/wiki/index.php?title=Template:SmallBox&oldid=3843"