Difference between revisions of "Template:Roundy"
From Nookipedia, the Animal Crossing wiki
(Created page with "border-radius: {{{1|20px}}}; -moz-border-radius: {{{1|20px}}}; -webkit-border-radius: {{{1|20px}}}; -khtml-border-radius: {{{1|20px}}}; -icab-border-radius: {{{1|20px}}}; -o-bord...") |
|||
Line 1: | Line 1: | ||
border-radius: {{{1|20px}}}; -moz-border-radius: {{{1|20px}}}; -webkit-border-radius: {{{1|20px}}}; -khtml-border-radius: {{{1|20px}}}; -icab-border-radius: {{{1|20px}}}; -o-border-radius: {{{1|20px}}};<noinclude> | border-radius: {{{1|20px}}}; -moz-border-radius: {{{1|20px}}}; -webkit-border-radius: {{{1|20px}}}; -khtml-border-radius: {{{1|20px}}}; -icab-border-radius: {{{1|20px}}}; -o-border-radius: {{{1|20px}}};<noinclude> | ||
− | '''If you update this template, make sure to make the necessary updates to all of the eight subtemplates: [[Template:roundytr|roundytr]], [[Template:roundytl|roundytl]], [[Template:roundybr|roundybr]], [[Template:roundybl|roundybl]], [[Template:roundytop|roundytop]], [[Template:roundybottom|roundybottom]], [[Template:roundyright|roundyright]], and [[Template:roundyleft|roundyleft]].''' {{ | + | '''If you update this template, make sure to make the necessary updates to all of the eight subtemplates: [[Template:roundytr|roundytr]], [[Template:roundytl|roundytl]], [[Template:roundybr|roundybr]], [[Template:roundybl|roundybl]], [[Template:roundytop|roundytop]], [[Template:roundybottom|roundybottom]], [[Template:roundyright|roundyright]], and [[Template:roundyleft|roundyleft]].''' |
+ | ==Usage== | ||
+ | Used in tables to create rounded corners. Default is 20px. | ||
+ | |||
+ | *<code><nowiki>{{roundy|20px}}</nowiki></code> | ||
+ | Replace "20" with the amount of pixels to round all four corners by, including the px. Insert it in the '''style=" "''' section of a table. | ||
+ | |||
+ | There are also several variations of this template, working similarly. | ||
+ | *[[Template:Roundytr|Roundytr]] - Rounds just the top right corner | ||
+ | *[[Template:Roundytl|Roundytl]] - Rounds just the top left corner | ||
+ | *[[Template:Roundybr|Roundybr]] - Rounds just the bottom right corner | ||
+ | *[[Template:Roundybl|Roundybl]] - Rounds just the bottom left corner | ||
+ | *[[Template:Roundytop|Roundytop]] - Rounds both top corners | ||
+ | *[[Template:Roundybottom|Roundybottom]] - Rounds both bottom corners | ||
+ | *[[Template:Roundyleft|Roundyleft]] - Rounds both left corners | ||
+ | *[[Template:Roundyright|Roundyright]] - Rounds both right corners | ||
+ | |||
+ | The variations can be used together in various different ways and using different pixel amounts.<noinclude>[[Category:Documentation]]</noinclude> | ||
+ | |||
+ | </noinclude> |
Revision as of 14:13, October 23, 2010
border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px;
If you update this template, make sure to make the necessary updates to all of the eight subtemplates: roundytr, roundytl, roundybr, roundybl, roundytop, roundybottom, roundyright, and roundyleft.
Usage
Used in tables to create rounded corners. Default is 20px.
{{roundy|20px}}
Replace "20" with the amount of pixels to round all four corners by, including the px. Insert it in the style=" " section of a table.
There are also several variations of this template, working similarly.
- Roundytr - Rounds just the top right corner
- Roundytl - Rounds just the top left corner
- Roundybr - Rounds just the bottom right corner
- Roundybl - Rounds just the bottom left corner
- Roundytop - Rounds both top corners
- Roundybottom - Rounds both bottom corners
- Roundyleft - Rounds both left corners
- Roundyright - Rounds both right corners
The variations can be used together in various different ways and using different pixel amounts.