Template:SmallBox: Difference between revisions

From bradwiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<div style="
<div style="
display:{{{display|block}}};  
display:{{{display|block}}};  
float:{{{float|left}}};  
float:{{{float|none}}};  
width:{{{width|50%}}};  
width:{{{width|50%}}};  
margin:{{{margin|0 auto}}};  
margin:{{{margin|5px auto}}};  
padding:{{{padding|5px auto}}};  
padding:{{{padding|5px auto}}};  
clear:{{{clear|both}}};
background-color:{{{bg-color|#FFF}}};  
background-color:{{{bg-color|#FFF}}};  
font-family:{{{font|Arial}}};  
font-family:{{{font|Arial}}};  
Line 13: Line 14:
border-width:{{{border-width|2px}}};  
border-width:{{{border-width|2px}}};  
border-color:{{{border-color|#8c9091}}};  
border-color:{{{border-color|#8c9091}}};  
border-radius:{{{border-radius|6px}}};">{{{1}}}</div>{{Clear}}<noinclude>
border-radius:{{{border-radius|6px}}};">{{{1}}}
<div style="text-align:{{{txt-align|left}}};
font-size:{{{txt-size|14px}}};">{{{2|}}}</div></div>
{{Clear}}<noinclude>
<br><br><br><br><br>
<br><br><br><br><br>
----
----
Line 27: Line 31:




<br>
<big>Default Parameters:</big>
----
<br>
 
Parameters and their defaults...
 


<pre><nowiki>
<pre><nowiki>
     <div class="toccolours" style="
     {{SmallBox|display=block  
      display:{{{display|block}}};
    |float=none
      float:{{{float|left}}};
    |clear=both
      width:{{{width|50%}}};
    |width=50%  
      margin:{{{margin|0 0 0 25%}}};
    |margin=5px auto
      padding:{{{padding|12px 5px 1px 20px}}};
    |padding=5px auto
      background-color:{{{bg-color|#FFF}}};
    |bg-color=#FFF  
      font-family:{{{font|Arial}}};
    |font=Arial  
      font-size:{{{font-size|18px}}};
    |font-size=18px  
      word-wrap:break-word;
    |text-align=center  
      text-align:{{{text-align|center}}}
    |border-style=groove  
      border-style:{{{border-style|groove}}};
    |border-width=2px  
      border-width:{{{border-width|2px}}};
    |border-color=#8c9091  
      border-color:{{{border-color|#8c9091}}};
    |border-radius=6px
      border-radius:{{{border-radius|6px}}}; ">
    |This is a small box showing all parameters
      {{{1}}}
    }}
    </div>
</nowiki></pre>
</nowiki></pre>


Line 61: Line 59:




 
{{SmallBox|display=block  
 
|float=none
 
|clear=both
 
|width=80%
 
|margin=5px auto
 
|padding=25px auto
 
|bg-color=#efa94c
 
|font=Arial
{{SmallBox|display=block|width=50%|font-title=papyrus|float=left
|font-size=18px
|border-style=groove|border-width=2px|border-color=#8c9091|border-radius=6px
|text-align=center
|padding=12px 5px 1px 20px|color=#f7f7f7|margin=0 0 0 1%|Title of Expand Box}}
|border-style=groove double inset ridge
 
|border-width=6px
<br>
|border-color=#4bedca
 
|border-radius=6px
<pre>
|NOTE THIS TITLE HAS ITS OWN DIV CONTAINER
    {{SmallBox|display=block|width=50%|font-title=papyrus|float=left
|txt-align=left
    |border-style=groove|border-width=2px|border-color=#8c9091|border-radius=6px
|txt-size=12px
    |padding=12px 5px 1px 20px|color=#f7f7f7|margin=0 0 0 1%|mh=100%|sz=12px
|This paragraph text is inside its own div container, with just two properties:
    |font=Arial|pad=6px 8px 10px 4px|opener=▼|closer=▲|Title of Expand Box|TEXT}}
* txt-align
</pre>
* txt-size
 
This is sufficient to make small message boxes with a title header.
<br><br><br><br>
----
 
{{SmallBox|display=block|width=50%|margin=0 0 0 25%
|font-title=papyrus|opener=open-sesame|Say the magic word|
You discover the chest contained 10 BitCoins (BTC) and 100 Ethereum (ETH).
What would you like to do?
 
# [https://bitcoin.org '''Exchange BTC for USD''']
# [https://www.ethereum.org '''Exchange ETH for USD''']
# [https://coinbase.com '''Loot chest, 'natch''']
}}
}}
<br>
<pre>
    {{SmallBox|display=block|width=50%|margin=0 0 0 25%
    |font-title=papyrus|opener=open-sesame|Say the magic word|
    You discover the chest contained 10 BitCoins (BTC) and 100 Ethereum (ETH).
    What would you like to do?
    # [https://bitcoin.org '''Exchange BTC for USD''']
    # [https://www.ethereum.org '''Exchange ETH for USD''']
    # [https://coinbase.com '''Loot chest, 'natch''']
    }}
</pre>




Revision as of 00:28, 21 January 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
    }}





NOTE THIS TITLE HAS ITS OWN DIV CONTAINER
This paragraph text is inside its own div container, with just two properties:
  • txt-align
  • txt-size

This is sufficient to make small message boxes with a title header.

Retrieved from "https://bradleymonk.com/wiki/index.php?title=Template:SmallBox&oldid=3652"