Vorlage:BoxenVerschmelzen

Version vom 27. August 2024, 19:15 Uhr von Comic Book Guy (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<onlyinclude><includeonly><templatestyles src="BoxenVerschmelzen/styles.css" /><<noinclude />div class="BoxenVerschmelzen {{{class|}}}" {{#if: {{{style|}}}{{{clear|}}}{{{float|}}} | style="{{#if: {{{style|}}}|{{{style|}}};}} {{#switch: {{{clear|}}} |none=clear:none; |left=clear:left; |right=clear:right;}}<!-- defaults to both by CSS class --> {{#switch: {{{float|}}} |left=float:left;…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)


Optische Zusammenfassung mehrerer blockartiger Elemente wie etwa Navigationsleisten. Zu dieser Einfügung muss unbedingt am Ende als Gegenstück Vorlage:BoxenVerschmelzen/Ende eingefügt werden!

Vorlagenparameter

clearclear
Layout-Fluss zurücksetzen
Vorgeschlagene Werte
  • leftnur links
  • rightnur rechts
  • nonegar nicht
  • bothbeidseitig
Standard
both
Beispiel
left
floatfloat
Außerhalb des normalen Layout-Flusses anordnen
Vorgeschlagene Werte
  • leftlinks halten
  • rightrechts halten
  • nonenormal
Standard
none
Beispiel
right
classclass
Zusätzlicher Klassenbezeichner, etwa zur CSS-Zuordnung
Beispiel
center
CSSstyle
CSS-Eigenschaften
Beispiel
color:#B8FF4D
Fragmentid
Fragmentbezeichner („Anker“)
Beispiel
DasHier
Sprachcodelang
Sprachcode nach ISO 639
Beispiel
en

Optische Zusammenfassung mehrerer blockartiger Elemente wie etwa Navigationsleisten. Zu dieser Einfügung muss unbedingt am Ende als Gegenstück Vorlage:BoxenVerschmelzen/Ende eingefügt werden!

Vorlagenparameter

Diese Vorlage bevorzugt Inline-Formatierung von Parametern.

ParameterBeschreibungTypStatus
clearclear

Layout-Fluss zurücksetzen

Vorgeschlagene Werte
left right none both
Standard
both
Beispiel
left
Zeileoptional
floatfloat

Außerhalb des normalen Layout-Flusses anordnen

Vorgeschlagene Werte
left right none
Standard
none
Beispiel
right
Zeileoptional
classclass

Zusätzlicher Klassenbezeichner, etwa zur CSS-Zuordnung

Beispiel
center
Zeileoptional
CSSstyle

CSS-Eigenschaften

Beispiel
color:#B8FF4D
Zeileoptional
Fragmentid

Fragmentbezeichner („Anker“)

Beispiel
DasHier
Zeileoptional
Sprachcodelang

Sprachcode nach ISO 639

Beispiel
en
Zeileoptional

Kopiervorlage

{{BoxenVerschmelzen}}

{{NavFrame}}
Eine umschlossene Struktur
{{NavFrame/Ende}}

{{NavFrame}}
Mehr umschlossene Strukturen
{{NavFrame/Ende}}

{{BoxenVerschmelzen/Ende}}

Alle Parameter

{{BoxenVerschmelzen |clear= |float= |class= |style= |id= |lang=}}


Wirkung

  • Von den beiden oder beliebig vielen umschlossenen Blöcken werden die Rahmenlinien entfernt.
  • Um den gesamten Bereich wird eine gemeinsame Rahmenlinie gezeichnet.
  • Alle umschlossenen Blöcke müssen als <div class="NavFrame"> deklariert sein.


CSS

  • Das CSS wird über Vorlage:BoxenVerschmelzen/styles definiert.
  • Übergangsweise wird für die Verwendung von HTML-ELementen der Klasse BoxenVerschmelzen auch mittels Gadget NavFrame noch in allen Seiten das entsprechende CSS spezifiziert. Das ist jedoch ineffizient und soll langfristig entfallen.