Vorlage:Navigationsleiste: Unterschied zwischen den Versionen

überarbeitet
(CSS überarbeitet (W3C-Validator Warning))
(überarbeitet)
Zeile 1: Zeile 1:
<noinclude>{{Hinweis|Diese Vorlage kann mit folgender Formatvorlage in eine anderen Vorlage, in der die Navigationsleiste erstellt werden soll, eingefügt werden:
<onlyinclude>{{<includeonly>safesubst:</includeonly>#ifeq:{{NAMESPACENUMBER}}|10| {{#switch: {{{check|{{ROOTPAGENAME}}}}} |Navigationsleiste|NaviBlock|0=|#default=
<code><nowiki>{{Navigationsleiste</nowiki><br />
{{templatetransclusioncheck}}
<nowiki>|THEMA=Der Text, der in der oberen Leiste erscheinen soll (z. B. [[Die Simpsons]]</nowiki>)<br />
{{Dokumentation/ruler}}
<nowiki>|LINKS=Die Artikel, die verlinkt werden sollen (z. B. [[Homer]] | [[Marge]] | [[Bart]] | [[Lisa]] | [[Maggie]])</nowiki><br />
}}}}{{NavFrame|class=navigation-not-searchable|style={{{style|}}}|role=navigation}}
<nowiki>|DISPLAY=</nowiki>Wird hier ''none'' angegeben, ist die Box standardmäßig zugeklappt (sollte nur bei großen Navigationsleisten mit vielen Links gewählt werden)</code>
{{<includeonly>safesubst:</includeonly>#if:{{{BILD|}}}|<div class="NavPic"><span class="nomobile noviewer" aria-hidden="true" role="presentation">{{{BILD}}}</span></div>}}
 
<div class="NavHead">{{{THEMA}}}</div>
Dabei muss aber darauf geachtet werden, dass die Querstriche (&#124;) mit <code>&#</code><code>124;</code> eingefügt werden!
<div class="NavContent">
}}</noinclude>{{Klappbox}}
{{#if: {{{BILD|}}}
<html>
  | <div class="centered" style="display: table">
<script>
{{{LINKS}}}
<!--
var visible = </html>{{#ifeq:{{{DISPLAY}}}|none|false|true}}<html>;
function updatePreview(id) {
textElement = document.getElementById(id);
if (visible) {
textElement.innerHTML = 'Ausklappen';
visible = false;
} else {
textElement.innerHTML = 'Einklappen';
visible = true;
}
}
//-->
</script>
<br style="clear:both" />
<div>
<div style="background:#FFD90F; font-size:95%; border:1px solid #B3B2B2; margin:-1px;">
<table>
<tr>
<th width="100%">
</html>{{{THEMA}}}<html>
</th>
<td>
<span style="font-size:95%;"><a id="a1" href="javascript:Klappbox('div1')" onClick="updatePreview('a1')"></html>{{#ifeq:{{{DISPLAY}}}|none|Ausklappen|Einklappen}}<html></a></span>
</td>
</tr>
</table>
</div>
</div>
<div id="div1" style="display:</html>{{{DISPLAY|yes}}}<html>; background:#fffacd; font-size:95%; border:1px solid #B3B2B2; margin:-1px; padding:5px; text-align:center;">
  |
</html>{{{LINKS}}}<html>
{{{LINKS}}}
}}
</div>
</div>
</div>
{{NavFrame/Ende}}</onlyinclude>
</html>
 
<noinclude>[[Kategorie:Vorlagen|Navigationsleiste]]</noinclude>
{{Dokumentation}}