Vorlage:Box begin
Aus Wiki-Langen
[[File:{{#switch: {{{type}}} | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: {{{type}}}| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}
[Bearbeiten] Dokumentation
{{#ifexist: Vorlage:Box begin/Doku|
Inhaltsverzeichnis
Parameter
- type= error|information|warning|tag|tip|download
Default is note.
tip and note have a "tip|note" label in the first line; to replace it use label=foo. Use nolabel=true to disable it. - shadow= yes|no
Default is no - border-style=
CSS definition of border-style property.
Default is solid
To disable set it to none. - width= anything css understands (px, %, em)
Default is nothing which sets width to 100% of the parent. - display=
CSS definition of display property.
Default is <not defined>. - margin=
Default is margin-top: 1.5em. - nolabel= true|false
Default is false
Man benötigt Vorlage:Box end.
Types and examples
Default
Default if no type was given is note but without a possibilty to set a label.
{{Box begin}}Default{{Box end}}
[[File:{{#switch: {{{type}}} | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: {{{type}}}| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Default
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Default
Warning
{{Box|type=warning|border-style=none|shadow=yes}}Warning{{Box end}}
[[File:{{#switch: warning | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: warning| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Warning
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Warning
Information
{{Box begin|type=information|display=inline-block}}Information{{Box end}}
[[File:{{#switch: information | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: information| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Information text foo
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Information text foo
Error
{{Box begin|type=error|width=60%}}Here is really much. There is really much text here. There is really much text here. There is really much text here.
There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here.
There is really much text here. <br />To show you that the this box contains of a left div for<br />the icon and a right div for the content.{{Box end}}
[[File:{{#switch: error | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: error| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Here is really much. There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here.
To show you that the this box contains of a left div for
the icon and a right div for the content.
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Here is really much. There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here. There is really much text here.
To show you that the this box contains of a left div for
the icon and a right div for the content.
Tag
{{Box begin|type=tag|shadow=yes|width=30%}}Tag{{Box end}}
[[File:{{#switch: tag | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: tag| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Tag
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Tag
Note
{{Box begin|type=note|border-style=dotted}}Note{{Box end}}
[[File:{{#switch: note | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: note| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Note text foo bar
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Note text foo bar
Tip
{{Box begin|type=tip|width=20em}}Tip{{Box end}}
[[File:{{#switch: tip | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: tip| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Tip
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Tip
{{Box begin|type=tip|width=20em|label=TESTBAL}}Tip{{Box end}}
[[File:{{#switch: tip | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: tip| note = {{#if: TESTBAL | TESTBAL | Note: }}
| tip = {{#if: TESTBAL | TESTBAL | Tip: }}
}}}}Tip
| tip = {{#if: TESTBAL | TESTBAL | Tip: }}
}}}}Tip
{{Box begin|type=tip|width=20em|nolabel=true}}Tip{{Box end}}
[[File:{{#switch: tip | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: true | true | | {{#switch: tip| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Tip
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Tip
Download
{{Box begin|type=download}}Download{{Box end}}
[[File:{{#switch: download | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: download| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Download
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Download
Side by side
{{Box begin|type=download|display=inline-block}}Download{{Box end}}
{{Box begin|type=error|border-style=dotted|display=inline-block|margin=0 5em 0 5em}}Error<br />''margin=0 5em 0 5em''{{Box end}}
{{Box begin|type=information|width=150px|display=inline-block}}Information{{Box end}}
[[File:{{#switch: download | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: download| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Download
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Download
[[File:{{#switch: error | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: error| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Error
margin=0 5em 0 5em
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Error
margin=0 5em 0 5em
[[File:{{#switch: information | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: information| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Information
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Information
Minimal width
To not have the width of 100% use also display:inline-block;.
[[File:{{#switch: download | error = Icons_oxygen_48x48_status_task-reject.png | information = Icons_oxygen_48x48_status_dialog-information.png | warning = Icons_oxygen_48x48_status_task-attention.png | tag = Icons_oxygen_48x48_status_mail-tagged.png | note = Icons_oxygen_48x48_actions_view-pim-notes.png | tip = Icons_oxygen_48x48_apps_ktip.png | download = Icons_oxygen_48x48_devices_drive-harddisk.png | Icons_oxygen_48x48_actions_view-pim-notes.png }}|left|link=]]
{{#ifeq: | true | | {{#switch: download| note = {{#if: | {{{label}}} | Note: }}
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Download text example foo
| tip = {{#if: | {{{label}}} | Tip: }}
}}}}Download text example foo
Bla example text... }}
| Bei Fragen zu dieser Vorlage kannst Du Dich an SNeusel wenden. |
|
|
1|{{#expr:1+1}}}} | 1|{{#expr:1+1}}}}
}} |
%7B%7B%7Bseite%7D%7D%7D|Vorlage:Box_begin }}&namespace=1 Verwendung] der Vorlage auf Artikel-Diskussionsseiten. | %7B%7B%7Bseite%7D%7D%7D|Vorlage:Box_begin }}&namespace=2 Verwendung] der Vorlage auf Benutzerseiten. | %7B%7B%7Bseite%7D%7D%7D|Vorlage:Box_begin }}&namespace=3 Verwendung] der Vorlage auf Benutzer-Diskussionsseiten. | %7B%7B%7Bseite%7D%7D%7D|Vorlage:Box_begin }}&namespace=4 Verwendung] der Vorlage auf Systemseiten. | %7B%7B%7Bseite%7D%7D%7D|Vorlage:Box_begin }}&namespace=6 Verwendung] der Vorlage bei Dateien. | %7B%7B%7Bseite%7D%7D%7D|Vorlage:Box_begin }}&namespace=10 Verwendung] der Vorlage auf Vorlagenseiten. | %7B%7B%7Bseite%7D%7D%7D|Vorlage:Box_begin }}&namespace=10 Verwendung] der Vorlage auf Vorlagen-Diskussionsseiten. | %7B%7B%7Bseite%7D%7D%7D|Vorlage:Box_begin }}&namespace=14 Verwendung] der Vorlage auf Kategorieseiten. | %7B%7B%7Bseite%7D%7D%7D|Vorlage:Box_begin }}&namespace=0 Verwendung] der Vorlage in Artikeln.
}}
|
