Contentbox

Content Box[]

Description:: Creates a custom styled content box with the option of a level 2 header, icon and footer.

The content box will not display correctly in IE6 and below. It displays correctly in IE7 and Firefox.

If you require a complex footer (one which contains custom html or a pipe "|"), please use "ftext" instead, and set "footer" to a blank value like so "footer=", otherwise it will not display the footer. "header" and "desc" do not have the same complex value alternatives, and thus must only contain simple text or links.

Because of limitations with CSS, a padding spacer must be applied to compensate for the footer positioning. This defaults to 2.8em which is fine in most cases. If you intend to insert pictures or multiple lines of text in the footer, please use "spacer=" with your desired value to compensate.

The header description will sit under any edit links if they are displayed on the page. This is intentional as not to ruin the look of the layout when they are disabled, while they have minimal obtrusiveness when enabled.

Syntax:

{{Contentbox|<clear=>|<float=> |<width=> |<height=> |<margin=> |<padding=> |<font-size=> |<color=> |<hcol=> |<dcol=> |<ccol=> |<fcol=> |<bgcol=> |<hbgcol=> |<fbgcol=> |<border=> |<hline=> |<fline=> |<calign=> |<falign=> |<header=> |<icon=> |<desc=> |<footer=> |<ftext=> |<spacer=> |<header> |<content> |<footer=>}}

Named parameters can be in any order and any or all can be left out.

Unamed parameters must be in order and any or all can be left blank.

Example:

{{Contentbox

|clear=both

|width=50%

|height=800px

|float=right

|margin=0.2em

|padding=0.2em

|bgcol=#22222A

|hbgcol=#33333A

|fbgcol=#33333A

|border=1px #CCC solid

|hline=1px #CCC dashed

|fline=1px #CCC dotted

|calign=justify

|falign=right

|header=Test

|icon=Mail_GMIcon.png

|desc=nothing but a test

|content=

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut dictum, metus nec dictum faucibus, lacus felis bibendum quam, sed faucibus lorem eros ultrices purus. In tincidunt, libero eget fermentum malesuada, tortor sem nonummy tellus, et egestas urna est quis diam. Ut mollis elit eget eros. Vivamus tortor dolor, fermentum in, egestas sit amet, gravida a, nisi. Morbi sed diam eu justo mattis interdum. Duis sit amet velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam felis pede, congue placerat, tempor non, blandit congue, orci. Quisque libero purus, pretium eu, commodo nec, posuere ut, lectus. Mauris ligula tortor, posuere scelerisque, bibendum quis, mattis sed, risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus auctor velit volutpat nunc. Nam in arcu.

*Moo

*Test

Donec vehicula, nisl ut porttitor vulputate, augue nisl vehicula neque, quis pellentesque est est ut massa. Aenean consequat. Quisque leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam ac nibh. Aliquam vel urna non ligula hendrerit auctor. Sed diam mi, imperdiet eu, eleifend ut, consectetuer eget, arcu. Donec pharetra odio vel sem. Sed pede diam, consectetuer eu, placerat ut, gravida et, lorem. Curabitur egestas dolor vitae tortor. Maecenas sollicitudin urna nec arcu. Ut porta eros sit amet nibh. Nunc quis ipsum. Aenean velit.

*bleh

*gah

|footer=

|ftext=

{{edit|{{NAMESPACE}}:{{PAGENAME}}}}

}}

Result:

nothing but a test

Test

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut dictum, metus nec dictum faucibus, lacus felis bibendum quam, sed faucibus lorem eros ultrices purus. In tincidunt, libero eget fermentum malesuada, tortor sem nonummy tellus, et egestas urna est quis diam. Ut mollis elit eget eros. Vivamus tortor dolor, fermentum in, egestas sit amet, gravida a, nisi. Morbi sed diam eu justo mattis interdum. Duis sit amet velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam felis pede, congue placerat, tempor non, blandit congue, orci. Quisque libero purus, pretium eu, commodo nec, posuere ut, lectus. Mauris ligula tortor, posuere scelerisque, bibendum quis, mattis sed, risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus auctor velit volutpat nunc. Nam in arcu.

Moo
Test

Donec vehicula, nisl ut porttitor vulputate, augue nisl vehicula neque, quis pellentesque est est ut massa. Aenean consequat. Quisque leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam ac nibh. Aliquam vel urna non ligula hendrerit auctor. Sed diam mi, imperdiet eu, eleifend ut, consectetuer eget, arcu. Donec pharetra odio vel sem. Sed pede diam, consectetuer eu, placerat ut, gravida et, lorem. Curabitur egestas dolor vitae tortor. Maecenas sollicitudin urna nec arcu. Ut porta eros sit amet nibh. Nunc quis ipsum. Aenean velit.

bleh
gah

[edit]

Template: