(based on Template:Notice, but with a picture and no pre-defined headline)
 
(margin)
(14 intermediate revisions by 2 users not shown)
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; -moz-border-radius:{{{radius}}}px;"
<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="font-size: 12pt; color: black; padding: 4pt; line-height: 1.25em;" |{{{content}}}
| style="padding: 4pt; line-height: 1.25em;" |{{{content}}}
|-
|}
|
</includeonly>
|} <noinclude>
<noinclude>


==Usage==
==Usage==


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.
"imagesize" is the size in pixels: enter the number only.


E.g. for a box with square corners
E.g. for a box with square corners


150px
<pre>{{notice with image
 
|width=70%
 
|background-color=LightYellow
<pre>
|border-color=DarkOrange
|radius=0
|image=Under construction orange.jpg
|imagesize=150
|content=This is a notice with a picture.
}}
</pre>
</pre>


creates:
creates:


{{notice
{{notice with image
|width=60%
|width=70%
|background-color=LightYellow
|background-color=LightYellow
|border-color=DarkOrange
|border-color=DarkOrange
|radius=0
|radius=0
|image=Under construction orange.jpg
|image=Under construction orange.jpg
|imagesize=150px
|imagesize=150
|content=This is a notice with a picture.
|content=This is a notice with a picture.
}}
}}
Line 34: 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>


creates:
creates:


{{notice
{{notice with image
|width=80%
|width=60%
|background-color=#E3E4FA
|background-color=#E3E4FA
|border-color=#993399
|border-color=#993399
|radius=10
|radius=10
|headline=Hello!
|image=Under construction orange.jpg
|content=Join us - why not?
|imagesize=120
|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 cases it breaks the template.)
(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 54: 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]].  


Note that you can use hex codes for colors such as #F3F2E0, as in this example:
See [[Help:Notices]] for more detail.
<pre>{{notice
|width=80%
|background-color=#F3F2E0
|border-color=#B5B380
|headline=Blah blah
|content=Yabba dabba doo}}
</pre>
 
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:

Under construction orange.jpg 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:

Under construction orange.jpg 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

Cookies help us deliver our services. By using our services, you agree to our use of cookies.