(Choosing colors) |
(add radius) |
||
Line 1: | Line 1: | ||
{| cellspacing="0" align="center" cellpadding="5" style="width: {{{width}}}; background-color: {{{background-color}}}; border: 1px solid {{{border-color}}}; text-align: center;" | {| cellspacing="0" align="center" cellpadding="5" style="width: {{{width}}}; background-color: {{{background-color}}}; border: 1px solid {{{border-color}}}; text-align: center; -moz-border-radius:{{{radius}}}px;" | ||
| style="padding: 4pt; line-height: 1.25em;" | | | style="padding: 4pt; line-height: 1.25em;" | | ||
|- | |- | ||
Line 12: | Line 12: | ||
Create one-off notices, or use to create a notice template for a specific purpose. | Create one-off notices, or use to create a notice template for a specific purpose. | ||
E.g. | E.g. for a box with square corners | ||
<pre>{{notice | <pre>{{notice | ||
Line 19: | Line 19: | ||
|border-color=SaddleBrown | |border-color=SaddleBrown | ||
|headline=Blah blah | |headline=Blah blah | ||
|content=Yabba dabba doo}} | |content=Yabba dabba doo | ||
|radius=0 | |||
}} | |||
</pre> | </pre> | ||
Line 29: | Line 31: | ||
|border-color=SaddleBrown | |border-color=SaddleBrown | ||
|headline=Blah blah | |headline=Blah blah | ||
|content=Yabba dabba doo}} | |content=Yabba dabba doo | ||
|radius=0 | |||
}} | |||
You can also create a box with rounded corners, e.g.: | |||
<pre>{{notice | |||
|width=80% | |||
|background-color=Wheat | |||
|border-color=SaddleBrown | |||
|headline=Hello! | |||
|content=Join us - why not? | |||
|radius=10 | |||
}} | |||
</pre> | |||
creates: | |||
{{notice | |||
|width=80% | |||
|background-color=Wheat | |||
|border-color=SaddleBrown | |||
|headline=Hello! | |||
|content=Join us - why not? | |||
|radius=10 | |||
}} | |||
(If you leave out the "radius" term, it seems to default to a box with square corners, but it seems like good practice to always use the parameters, as in other cases it breaks the template.) | |||
== Choosing colors == | == Choosing colors == |
Revision as of 05:10, 19 October 2010
{{{headline}}} |
---|
{{{content}}} |
Usage
Create one-off notices, or use to create a notice template for a specific purpose.
E.g. for a box with square corners
{{notice |width=80% |background-color=Wheat |border-color=SaddleBrown |headline=Blah blah |content=Yabba dabba doo |radius=0 }}
creates:
Blah blah |
---|
Yabba dabba doo |
You can also create a box with rounded corners, e.g.:
{{notice |width=80% |background-color=Wheat |border-color=SaddleBrown |headline=Hello! |content=Join us - why not? |radius=10 }}
creates:
Hello! |
---|
Join us - why not? |
(If you leave out the "radius" term, it seems to default to a box with square corners, but it seems like good practice to always use the parameters, as in other cases it breaks the template.)
Choosing colors
Choose your colors from a "palette" such as the table at Wikipedia:Web colors#X11 color names.
Note that you can use hex codes for colors such as #F3F2E0, as in this example:
{{notice |width=80% |background-color=#F3F2E0 |border-color=#B5B380 |headline=Blah blah |content=Yabba dabba doo}}
Suggested color guidelines
An initial attempt at creating some consistency - open to change...
- Warnings, notices, problems with an article
- Red border, yellow (e.g. LightYellow) background. (e.g. {{globalize}}). Pink background for more serious notices (e.g. {{category redirect}}
- Tags inviting participation
- Probably use a nicer template than this one, perhaps with an image, or at least use nice colors :-).
- Class attribution notices
- Undecided so far - possibly picking a set or range of colors for a particular institution (An alternative might be to have particular colors for particular subjects, e.g. Engineering or Architecture, but as the articles will be categorized, that seems unnecessary.)
- Maintenance templates
- Light shades of grey (grey is the color of overalls... makes sense for maintenance? Or change to a more inviting color?)