Difference between revisions of "Template:Border"

 
(29 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{| 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>
+
<pre>
−
|}
+
{{Border
 +
| Text = Enter Text Here
 +
}}</pre>
  
 +
'''Result:'''
  
−
<noinclude>
+
{{Border
 +
| 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
 +
}}
 +
 
 +
=== Change border color ===
 +
<pre>
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
−
| background-color = 000000
+
| border-color = blue
−
| 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 Here
 
}}
 
}}
 +
</pre>
  
 +
'''Result:'''
  
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
−
| background-color = 000000
+
| border-color = blue
−
| border-color =
 
 
| 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
 
}}
 
}}
  
−
 
+
=== Change background color ===
 +
<pre>
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
−
| background-color = 000000
+
| border-color = blue
−
| 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
+
| background-color = #C8C8DD
 +
| Text = Enter Text Here
 
}}
 
}}
 +
</pre>
  
 +
'''Result:'''
  
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
−
| background-color = 000000
+
| border-color = blue
 +
| background-color = #C8C8DD
 
| 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
 
}}
 
}}
  
 +
=== Change padding on the right and left ===
 +
 +
<pre>
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
−
| background-color = 000000
+
| border-color = blue
−
| 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
+
| background-color = #C8C8DD
 +
| padding right = 30px
 +
| padding left = 30px
 +
| Text = Enter Text Here
 
}}
 
}}
 +
</pre>
  
 +
'''Result:'''
  
 
{{Border
 
{{Border
 
| border = 10px
 
| border = 10px
−
| padding right = 0px
+
| border-color = blue
−
| padding left = 0px
+
| background-color = #C8C8DD
 +
| padding right = 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"