Difference between revisions of "Template:Border"

m (Instructions: Simplify)
 
(11 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<includeonly>{| width="100%"
+
<noinclude>
|style="padding-top:0px; padding-right:0px; padding-left:0px; padding-bottom:0px;" valign="top" |
+
{{TOCright}}
|-
+
== Examples ==
|style="background-color: {{{background-color|#ffffff}}}; border:{{{border|10px}}} solid {{{border-color|#3F403F}}}; padding-top:5px; padding-right:{{{padding right|5px}}}; padding-left:{{{padding left|5px}}}; padding-bottom:{{{padding bottom|5px}}};" valign="top"|
+
=== Add border with minimum fields ===
<div style="width:{{{width|100%}}}; text-align:justify; padding-right:2%">{{{Text|Enter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text Here}}}</div>
 
|}
 
</includeonly><noinclude>
 
 
 
== Instructions ==
 
 
 
'''Example:''': Add border with minimum fields
 
 
 
<div style="float:left; width=49%; padding-left:20px;">
 
 
<pre>
 
<pre>
 
{{Border
 
{{Border
Line 24: Line 15:
 
}}
 
}}
  
'''Example:''': Change border color using RGB or Hex code or simply the color name:
+
=== Change border color ===
 
+
<pre>
<pre>{{Border
+
{{Border
 
| border = 10px
 
| border = 10px
 
| border-color = blue
 
| border-color = blue
 
| Text = Enter Text Here
 
| Text = Enter Text Here
}}</pre>
+
}}
 +
</pre>
  
 
'''Result:'''
 
'''Result:'''
Line 40: Line 32:
 
}}
 
}}
  
'''Example:''' Change background color using RGB or Hex code or simply the color name:
+
=== Change background color ===
 
 
 
<pre>
 
<pre>
 
{{Border
 
{{Border
Line 48: Line 39:
 
| background-color = #C8C8DD
 
| background-color = #C8C8DD
 
| Text = Enter Text Here
 
| Text = Enter Text Here
}}</pre>
+
}}
 +
</pre>
  
 
'''Result:'''
 
'''Result:'''
Line 59: Line 51:
 
}}
 
}}
  
'''Example:''' Change padding on the right and left
+
=== Change padding on the right and left ===
  
 
<pre>
 
<pre>
Line 82: Line 74:
 
| Text = Enter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text Here
 
| Text = Enter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text Here
 
}}
 
}}
 
+
[[Category:AboutUsTemplateToolbox]]</noinclude><includeonly>
[[Category:AboutUsTemplateToolbox]]</noinclude>
+
{| width="{{{width|100%}}}"
 +
|style="padding-top:0px; padding-right:0px; padding-left:0px; padding-bottom:0px;" valign="top" |
 +
|-
 +
|style="background-color: {{{background-color|#ffffff}}}; border:{{{border|10px}}} solid {{{border-color|#3F403F}}}; padding-top:5px; padding-right:{{{padding right|5px}}}; padding-left:{{{padding left|5px}}}; padding-bottom:{{{padding bottom|5px}}};" valign="top"|
 +
<div style="text-align:justify; padding-right:2%">{{{Text|Enter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text Here}}}</div>
 +
|}</includeonly>

Latest revision as of 18:09, 21 September 2009

Examples

Add border with minimum fields

{{Border
| Text = Enter Text Here
}}

Result:


Enter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text Here

Change border color

{{Border
| border = 10px
| border-color = blue
| Text = Enter Text Here
}}

Result:


Enter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text Here

Change background color

{{Border
| border = 10px
| border-color = blue
| background-color = #C8C8DD
| Text = Enter Text Here
}}

Result:


Enter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text Here

Change padding on the right and left

{{Border
| border = 10px
| border-color = blue
| background-color = #C8C8DD
| padding right = 30px
| padding left = 30px
| Text = Enter Text Here
}}

Result:


Enter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text HereEnter Text Here