Difference between revisions of "Template:Border"

Line 5: Line 5:
 
<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>
 
<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>
 +
 +
== Instructions ==
 +
 +
{{font|125%|'''Example:'''}} Add border with minimum fields
 +
 +
<div style="float:left; width=49%; padding-left:20px;">
 +
<pre>
 +
{{Border
 +
| border = 5px
 +
| Text = Enter Text Here
 +
}}</pre></div>
 +
 +
{{Clear}}
 +
{{font|135%|'''Result:'''}}
 +
{{Clear}}
 +
{{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
 +
}}
 +
{{Clear}}
 +
 +
{{font|125%|'''Example:'''}} Change border color using RGB or Hex code or simply the color name:
 +
 +
<div style="float:left; width=49%; padding-left:20px;">
 +
<pre>{{Border
 +
| border = 10px
 +
| border-color = blue
 +
| Text = Enter Text Here
 +
}}</pre></div>
 +
{{Clear}}
 +
{{font|135%|'''Result:'''}}
 +
{{Clear}}
 +
{{Border
 +
| border = 10px
 +
| 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
 +
}}
 +
 +
{{font|125%|'''Example:'''}} Change background color using RGB or Hex code or simply the color name:
 +
 +
<div style="float:left; width=49%; padding-left:20px;">
 +
<pre>
 +
{{Border
 +
| border = 10px
 +
| border-color = blue
 +
| background-color = #C8C8DD
 +
| Text = Enter Text Here
 +
}}</pre></div>
 +
{{Clear}}
 +
{{font|135%|'''Result:'''}}
 +
{{Clear}}
 +
{{Border
 +
| border = 10px
 +
| 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
 +
}}
 +
 +
{{font|125%|'''Example:'''}} Change padding on the right and left
 +
 +
<div style="float:left; width=49%; padding-left:20px;">
 +
<pre>
 +
{{Border
 +
| border = 10px
 +
| border-color = blue
 +
| background-color = #C8C8DD
 +
| padding right = 30px
 +
| padding left = 30px
 +
| Text = Enter Text Here
 +
}}
 +
</pre></div>
 +
{{Clear}}
 +
{{font|135%|'''Result:'''}}
 +
{{Clear}}
 +
{{Border
 +
| border = 10px
 +
| border-color = blue
 +
| 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
 +
}}</noinclude>

Revision as of 12:09, 24 October 2008

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



Instructions

Example: Add border with minimum fields 

{{Border
| border = 5px
| 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


Example: Change border color using RGB or Hex code or simply the color name: 

{{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


Example: Change background color using RGB or Hex code or simply the color name: 

{{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


Example: 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=16804857"