imported>Hanzlan am 15. September 2025 um 15:12 Uhr

2025-09-15T15:12:59Z

Neue Seite

<onlyinclude>{{#ifeq:{{{only|}}}|end|| {{#if: {{{Anker|}}} |{{Anker|{{{Anker}}}}} }}<div style="clear:both;min-height:7em;box-sizing:border-box; box-shadow: .1em .1em 0.5em rgba(0,0,0,0.1); border-radius:.3em; border:1px solid #DDD; border-box;margin:2em 0; display:flex;{{{styles|}}}"><div {{#if:{{{description|}}}|title="{{{description|}}}"}} style="overflow:hidden;padding:.3em .2em .5em .3em;border-radius:.3em 0 0 .3em;flex:0 0 2em;max-width:2em;box-sizing:border-box; background: {{{color|#BBBBBB}}};color:{{{labelcolor|#FFFFFF}}};">{{#if:{{{icon|}}}|[[Datei:{{{icon|}}}|20px|{{{description|}}}|link={{{link|}}}]]}}{{#if:{{{label|}}}|<div style="font-weight:bold;transform:translate(-10em, 0) rotate(-90deg);transform-origin:100% 0%;white-space: nowrap;width: 10em;height: 1.2em;text-align: right;margin: .3em 0;">{{{label|}}}</div>}}</div><div style="flex:1 1 auto;position:relative;padding:.5em 2em .5em 1em;width: calc(100% - 2em);border-radius: 0 0.3em 0.3em 0;box-sizing: border-box;{{{innerstyles|}}}">{{{content|}}} }}
{{#ifeq:{{{only|}}}|start||</div></div> }}</onlyinclude>

{{Dokumentation/ruler}}
Diese kleine Vorlage dient dazu Abschnitte auf Hilfe- und Tutorialseiten u.ä. zu kennzeichnen.
== Parameter ==
; icon
: Dateiname des Icons, dass klein oben in der Markierung angezeigt werden soll
; color
: Die Farbe mit der der Abschnitt markiert wird. Der Standard ist <code>#BBBBBB</code>
; label
: Der Label-text, der im Balkenlinks angezeigt wird sollte möglichst kurz sein.
; labelcolor
: Die Farbe des Label-Textes. Der Standard ist <code>#FFFFFF</code>
; description
: Ein etwas längerer Beschreibungstext, der bei RollOver über das Label angezeigt wird.
; link
: Die Wikiseite, die bei Klick auf das Label geöffnet werden soll.
; content
: nur Inhaltstextblock ohne Icon mit Rahmen und Hintergrund ausgeben
; Anker
: Falls keine eigene Überschrift vorhanden ist, einen [[#Anker setzen|Zielanker setzen]]
; only
: Der Wert <code>start</code>Sorgt dafür, dass nur der Anfangsbereich der Vorlage ausgegeben wird. Der Inhalt des Abschnittes kann dann einfach druntergeschrieben werden, muss aber dann aber eigenständig mit <code>end</code> abgeschlossen werden. Der Parameter <code>content</code> darf in diesem Fall nicht gesetzt sein.
: Der Wert <code>end</code> schließt einen mit <code>start</code> geöffneten Abschnitt. Keine weiteren Parameter nötig.
; styles
: Inline-Styles für den äußeren Container (überschreiben ggf. die Stile der Vorlage}
; innerstyles
: Inline-Styles für den inneren Container (überschreiben ggf. die Stile der Vorlage}

== Beispiele ==

=== Einfachste Version===
<pre>
{{Tutorials/Abschnitt|content=Der Inhalt des Abschnitts}}
</pre>
{{Tutorials/Abschnitt|content=Der Inhalt des Abschnitts}}

=== Mit Icon und Farbe===
<pre>
{{Tutorials/Abschnitt|label=Label|icon=OOjs_UI_icon_advanced-invert.svg|color=#3366CC|content=Der Inhalt des Abschnitts}}
</pre>
{{Tutorials/Abschnitt|label=Label|icon=OOjs_UI_icon_advanced-invert.svg|color=#3366CC|content=Der Inhalt des Abschnitts}}

=== Separate Start und End-Vorlagen===
<pre>
{{Tutorials/Abschnitt|only=start|icon=OOjs UI icon laptop-invert.svg|label=Label|description=Description}}
Der Inhalt des Abschnitts
{{Tutorials/Abschnitt|only=end}}
</pre>
{{Tutorials/Abschnitt|only=start|icon=OOjs UI icon laptop-invert.svg|label=Label|description=Description}}
Der Inhalt des Abschnitts
{{Tutorials/Abschnitt|only=end}}

== Siehe auch ==
* [[Vorlage:Tutorials]]
* [[Vorlage:Tutorials/Mockup]]

[[Kategorie:Vorlage:Formatierungshilfe nicht für Artikel]]

Vorlage:Tutorials/Abschnitt - Versionsgeschichte

imported>Hanzlan am 15. September 2025 um 15:12 Uhr