(trying imagesize as number only, no "px") |
(margin) |
||
| (12 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
{| cellspacing="0" align="center" cellpadding=" | <includeonly>{| cellspacing="0" align="center" cellpadding="20" style="margin-bottom: 2em; 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;" | | ||
|- | |- | ||
| style="width: {{{imagesize}}}; height: {{{imagesize}}}" | [[Image:{{{image}}}|{{{imagesize}}}x{{{imagesize}}}]] | | style="width: {{{imagesize}}}px; height: {{{imagesize}}}px" | [[Image:{{{image}}}|{{{imagesize}}}x{{{imagesize}}}px]] | ||
| style=" | | style="padding: 4pt; line-height: 1.25em;" |{{{content}}} | ||
| | |} | ||
</includeonly> | |||
<noinclude> | |||
==Usage== | ==Usage== | ||
| Line 16: | Line 16: | ||
E.g. for a box with square corners | E.g. for a box with square corners | ||
<pre> | <pre>{{notice with image | ||
|width=70% | |||
|background-color=LightYellow | |||
|border-color=DarkOrange | |||
|radius=0 | |||
|image=Under construction orange.jpg | |||
|imagesize=150 | |||
|content=This is a notice with a picture. | |||
}} | |||
</pre> | </pre> | ||
| Line 33: | Line 41: | ||
You can also create a box with rounded corners, e.g.: | You can also create a box with rounded corners, e.g.: | ||
<pre> | <pre>{{notice with image | ||
|width=60% | |||
|background-color=#E3E4FA | |||
|border-color=#993399 | |||
|radius=10 | |||
|image=Under construction orange.jpg | |||
|imagesize=120 | |||
|content=Roll up and join the fun! Help build topic XYZ on Appropedia... | |||
}} | |||
</pre> | </pre> | ||
| Line 46: | Line 62: | ||
|imagesize=120 | |imagesize=120 | ||
|content=Roll up and join the fun! Help build topic XYZ on Appropedia... | |content=Roll up and join the fun! Help build topic XYZ on Appropedia... | ||
}} | }} | ||
(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 | (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 templates leaving out a term can break a template.) | ||
== Choosing colors == | == Choosing colors == | ||
| Line 62: | Line 70: | ||
Choose your colors from a "palette" such as the table at [[Wikipedia:Web colors#X11 color names]]. | Choose your colors from a "palette" such as the table at [[Wikipedia:Web colors#X11 color names]]. | ||
See [[Help:Notices]] for more detail. | |||
See [[Help:Notices]] for more. | |||
== See also == | == See also == | ||
Revision as of 01:50, 20 April 2013
Usage
Create one-off notices, or use to create a notice template for a specific purpose.
"imagesize" is the size in pixels: enter the number only.
E.g. for a box with square corners
{{notice with image
|width=70%
|background-color=LightYellow
|border-color=DarkOrange
|radius=0
|image=Under construction orange.jpg
|imagesize=150
|content=This is a notice with a picture.
}}
creates:
|
This is a notice with a picture. |
You can also create a box with rounded corners, e.g.:
{{notice with image
|width=60%
|background-color=#E3E4FA
|border-color=#993399
|radius=10
|image=Under construction orange.jpg
|imagesize=120
|content=Roll up and join the fun! Help build topic XYZ on Appropedia...
}}
creates:
|
|
Roll up and join the fun! Help build topic XYZ on Appropedia... |
(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 templates leaving out a term can break a template.)
Choosing colors
Choose your colors from a "palette" such as the table at Wikipedia:Web colors#X11 color names.
See Help:Notices for more detail.
See also
- {{notice}}
- Help:Notices