Vorlage:NavFrame

Aus Simpsonspedia
Version vom 26. August 2024, 18:30 Uhr von Comic Book Guy (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<onlyinclude><includeonly><templatestyles src="NavFrame/styles.css" /><<noinclude />div class="NavFrame {{{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; |right…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springenZur Suche springen


Umhüllung eines blockartigen Elements wie etwa einer Navigationsleiste. Zu dieser Einfügung muss unbedingt am Ende als Gegenstück Vorlage:NavFrame/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
Rollerole
Spezifikation insbesondere zur Barrierefreiheit
ARIAaria
Spezifikation insbesondere zur Barrierefreiheit

Umhüllung eines blockartigen Elements wie etwa einer Navigationsleiste. Zu dieser Einfügung muss unbedingt am Ende als Gegenstück Vorlage:NavFrame/Ende eingefügt werden!

Vorlagenparameter

Diese Vorlage hat eine benutzerdefinierte Formatierung.

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
Rollerole

Spezifikation insbesondere zur Barrierefreiheit

Zeileoptional
ARIAaria

Spezifikation insbesondere zur Barrierefreiheit

Zeileoptional

Kopiervorlage

{{NavFrame}}

Eine umschlossene Struktur

{{NavFrame/Ende}}

Alle Parameter

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

Wirkung

  • Die umschlossene Struktur wird als <div class="NavFrame"> deklariert.
  • Dieser Bereich wird mit projektweiten Formatierungen ausgestattet.
  • Unter Umständen wird eine Möglichkeit zum Ein- und Ausklappen bereitgestellt.

CSS

  • Das CSS wird über Vorlage:NavFrame/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.