CSS

div.NavFrame {
	border: 1px solid #A2A9B1;
	clear: both;
	font-size: 95%;
	margin-top: 1.5em;
	min-height: 0; /* IE 7 */
	padding: 2px;
	text-align: center;
}
div.NavPic {
	float: left;
	padding: 2px;
}
div.NavHead {
	background-color: var(--dewiki-hintergrundfarbe5);
	font-weight: bold;
}
div.NavFrame:after {
	clear: both;
	content: "";
	display: block;
}

/* Automatisches Verschmelzen benachbarter Navigationsleisten */
div.NavFrame + div.NavFrame,
div.NavFrame + link + div.NavFrame,
div.NavFrame + style + div.NavFrame {
	margin-top: -1px;
}

/*
 * „Ausklappen“-Button an Navigationsleisten,
 * ursprünglich in [[MediaWiki:Common.js]] implementiert
 */
.NavToggle {
	float: right;
	font-size: x-small;
}

Die Programmierung ist gegen Bearbeitung geschützt (Vollschutz).

Kopiervorlage Bearbeiten

<templatestyles src="NavFrame/styles.css" />

Deklarieren von NavFrame-Blöcken wie etwa einklappbare Navigationsleisten mittels Vorlage:Navigationsleiste. Außerdem nachgeordnete Klassen innerhalb solcher Blöcke.

Die umschlossenen Blöcke werden mit <div class="NavFrame"> gekennzeichnet.

Beispiele siehe Test.

Klassen Bearbeiten

NavFrame
Umschließende Klasse.
Kennzeichnung eines eigenständigen Block-Elements.
Möglicherweise ein-/ausklappbar.
NavHead
Kopfbereich, etwa Titel einer Navigationsleiste.
Auch beim Einklappen immer sichtbar.
Standardmäßig zentriert dargestellt.
NavContent
Einklappbarer Inhaltsbereich unterhalb des Titels.
Keine besondere Formatierung.
NavPic
Links außen angeordnetes Bild, typischerweise ein Logo im Inhaltsbereich.
NavToggle
Element mit der Ein-/Ausklapp-Schaltfläche.
Rechts außen angeordnet.
Nur dynamisch durch JavaScript-Gadget generiert.