Difference between revisions of "Template:Border"

 
(22 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|125%|'''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|135%|'''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
 
}}
 
}}
−
{{Clear}}
 
  
−
{{font|125%|'''Example:'''}} Change border color using RGB or Hex code or simply the color name:
+
=== Change border color ===
−
 
+
<pre>
−
<div style="float:left; width=49%; padding-left:20px;">
+
{{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|135%|'''Result:'''}}
+
 
−
{{Clear}}
+
'''Result:'''
 +
 
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
Line 46: Line 32:
 
}}
 
}}
  
−
{{font|125%|'''Example:'''}} Change background color using RGB or Hex code or simply the color name:
+
=== Change background color ===
−
 
 
−
<div style="float:left; width=49%; padding-left:20px;">
 
 
<pre>
 
<pre>
 
{{Border
 
{{Border
Line 55: Line 39:
 
| background-color = #C8C8DD
 
| background-color = #C8C8DD
 
| Text = Enter Text Here
 
| Text = Enter Text Here
−
}}</pre></div>
+
}}
−
{{Clear}}
+
</pre>
−
{{font|135%|'''Result:'''}}
+
 
−
{{Clear}}
+
'''Result:'''
 +
 
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
Line 66: Line 51:
 
}}
 
}}
  
−
{{font|125%|'''Example:'''}} Change padding on the right and left
+
=== Change padding on the right and left ===
  
−
<div style="float:left; width=49%; padding-left:20px;">
 
 
<pre>
 
<pre>
 
{{Border
 
{{Border
Line 78: Line 62:
 
| Text = Enter Text Here
 
| Text = Enter Text Here
 
}}
 
}}
−
</pre></div>
+
</pre>
−
{{Clear}}
+
 
−
{{font|135%|'''Result:'''}}
+
'''Result:'''
−
{{Clear}}
+
 
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
Line 89: Line 73:
 
| padding left = 30px
 
| padding left = 30px
 
| 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
−
}}</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"