Difference between revisions of "Template:Border"

m
 
(10 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
 
 
 
 
<pre>
 
<pre>
 
{{Border
 
{{Border
Line 23: 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 39: Line 32:
 
}}
 
}}
  
'''Example:''' Change background color using RGB or Hex code or simply the color name:
+
=== Change background color ===
 
 
 
<pre>
 
<pre>
 
{{Border
 
{{Border
Line 47: Line 39:
 
| background-color = #C8C8DD
 
| background-color = #C8C8DD
 
| Text = Enter Text Here
 
| Text = Enter Text Here
}}</pre>
+
}}
 +
</pre>
  
 
'''Result:'''
 
'''Result:'''
Line 58: Line 51:
 
}}
 
}}
  
'''Example:''' Change padding on the right and left
+
=== Change padding on the right and left ===
  
 
<pre>
 
<pre>
Line 81: 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