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...") |
SuperHamster (talk | contribs) (Dropping browser-specific CSS (no longer needed due to widespread support of border-radius)) |
||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | 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> | ||
Revision as of 01:37, November 23, 2020
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.
