Difference between revisions of "Template:Border"

(test)
 
(18 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{| 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="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>
 
−
|}
 
−
 
−
 
 
<noinclude>
 
<noinclude>
−
 
+
{{TOCright}}
−
== Instructions ==
+
== Examples ==
−
 
+
=== Add border with minimum fields ===
−
{{font|135%|'''Example:'''}} Add border with minimum fields
 
−
 
 
−
<div style="float:left; width=49%; padding-left:20px;">
 
 
<pre>
 
<pre>
 
{{Border
 
{{Border
−
| border = 5px
 
 
| Text = Enter Text Here
 
| Text = Enter Text Here
−
}}</pre></div>
+
}}</pre>
 +
 
 +
'''Result:'''
  
−
{{Clear}}
 
−
{{font|110%|'''Result:'''}}
 
−
{{Clear}}
 
 
{{Border
 
{{Border
 
| border = 5px
 
| border = 5px
 
| 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
 
}}
 
}}
−
<hr>
 
−
{{font|135%|'''Example:'''}} Change border color using RGB or Hex code or simply the color name:
 
  
−
<div style="float:left; width=49%; padding-left:20px;">
+
=== Change border color ===
−
<pre>{{Border
+
<pre>
 +
{{Border
 
| border = 10px
 
| border = 10px
 
| border-color = blue
 
| border-color = blue
 
| Text = Enter Text Here
 
| Text = Enter Text Here
−
}}</pre></div>
+
}}
−
{{Clear}}
+
</pre>
−
{{font|110%|'''Result:'''}}
+
 
−
{{Clear}}
+
'''Result:'''
 +
 
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
Line 44: Line 31:
 
| 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
 
}}
 
}}
−
<hr>
 
−
{{font|135%|'''Example:'''}} Change background color using RGB or Hex code or simply the color name:
 
  
−
<div style="float:left; width=49%; padding-left:20px;">
+
=== Change background color ===
 
<pre>
 
<pre>
 
{{Border
 
{{Border
Line 54: Line 39:
 
| background-color = #C8C8DD
 
| background-color = #C8C8DD
 
| Text = Enter Text Here
 
| Text = Enter Text Here
−
}}</pre></div>
+
}}
−
{{Clear}}
+
</pre>
−
{{font|110%|'''Result:'''}}
+
 
−
{{Clear}}
+
'''Result:'''
 +
 
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
Line 64: Line 50:
 
| 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
 
}}
 
}}
−
<hr>
 
−
{{font|135%|'''Example:'''}} Change padding on the right and left
 
  
−
<div style="float:left; width=49%; padding-left:20px;">
+
=== Change padding on the right and left ===
 +
 
 
<pre>
 
<pre>
 
{{Border
 
{{Border
Line 77: Line 62:
 
| Text = Enter Text Here
 
| Text = Enter Text Here
 
}}
 
}}
−
</pre></div>
+
</pre>
−
{{Clear}}
+
 
−
{{font|110%|'''Result:'''}}
+
'''Result:'''
−
{{Clear}}
+
 
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
Line 89: 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
 
}}
 
}}
−
<hr></noinclude>
+
[[Category:AboutUsTemplateToolbox]]</noinclude><includeonly>
 +
{| 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
Retrieved from "http://aboutus.com/index.php?title=Template:Border&oldid=19702269"