Vorlage:Andere Sprachenseite aufklappen: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Zeile 94: | Zeile 94: | ||
text-align:right; | text-align:right; | ||
cursor:pointer; | cursor:pointer; | ||
+ | position:relative; | ||
} | } | ||
#mw-indicator-in-other-language .nav > li { | #mw-indicator-in-other-language .nav > li { | ||
Zeile 132: | Zeile 133: | ||
height: 0; | height: 0; | ||
z-index: 1000; | z-index: 1000; | ||
+ | position:absolute; | ||
} | } | ||
#mw-indicator-in-other-language .nav .submenu { | #mw-indicator-in-other-language .nav .submenu { |
Version vom 25. Januar 2019, 12:04 Uhr
Ein Sprach-Seiten-Menü neben dem Seitentitel platzieren. Siehe auch identische Vorlage template: Other language page dropdown für alle anderen Sprachenseiten außer Deutsch.
Benutzung
Bei Verwendung sollte diese Vorlage als allererstes auf der Seite oben platziert werden. Benutzung auf einer Deutschen Seite, die auf eine Englische verweist:
{{Andere Sprachenseite aufklappen | diese Sprache=de | en= other language page}}
Benutzung auf einer Deutschen Seite, zusätzlich wird der Seitenname formatiert:
{{Andere Sprachenseite aufklappen | diese Sprache=de | Seitenanzeige=LibreSolar BMS – '''B'''atterie '''M'''anagement '''S'''ystem | en= other language page }}
… der Seitentitel wird dann als „LibreSolar BMS – Batterie Management System“ lesbar auf der Seite, wo die Vorlage steht.
Parameter
- |diese Sprache=
- der Sprachen-Code der Seite auf dem die Vorlage selbst platziert ist
- |Seitenanzeige=
- optionale Formatierung des Seitentitels
- |cz=
- Český jazyk stránky
- |de=
- Deutsche Sprachseite
- |en=
- English language page
- |es=
- Pagina en español
- |fr=
- La page en français
- |ru=
- страница на русском языке
Abhängigkeiten
Vorlagen
Dateien
- Datei: MediaWiki Vector skin action arrow.png
- Datei: Flag of the Czech Republic.svg
- Datei: Flag of Germany.svg
- Datei: Flag of the United Kingdom.svg
- Datei: Flag of Spain.svg
- Datei: Flag of France.svg
- Datei: Flag of Russia.svg
CSS
/*
Vorlage:Andere Sprachenseite aufklappen
Template:Other language page dropdown
*/
#mw-indicator-in-other-language .nav > ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
width:5em;
text-align:right;
cursor:pointer;
position:relative;
}
#mw-indicator-in-other-language .nav > li {
margin: 0.1em;
padding: 0;
font-size: 1.0rem;
flex: 1 1 0%;
}
@media (min-width: 25em) {
nav > ul {
flex-direction: row;
}
nav li {
flex: 1;
font-size: 1em;
}
}
#mw-indicator-in-other-language .nav li li {
display: block;
padding: 0.1em;
text-decoration: none;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #a2a9b1;
/* box-shadow: 0 5px 10px white inset; */
/* color: gold; */
background-color: #fff;
transition: all .25s ease-in;
}
#mw-indicator-in-other-language .nav a:focus,
#mw-indicator-in-other-language .nav a:hover {
/* color: darkblue; */
/* background-color: gold; */
}
/* submenu navigation links */
#mw-indicator-in-other-language .nav .submenu {
visibility: hidden;
height: 0;
z-index: 1000;
position:absolute;
}
#mw-indicator-in-other-language .nav .submenu {
margin-left:0px;
}
#mw-indicator-in-other-language .nav .submenu li {
display: block;
}
/** Show the submenu on hover, focus **/
#mw-indicator-in-other-language .nav li:hover .submenu,
#mw-indicator-in-other-language .nav li:active .submenu,
#mw-indicator-in-other-language .nav li:focus .submenu {
visibility: visible;
height: auto;
}
#mw-indicator-in-other-language .nav li:focus-within .submenu {
visibility: visible;
height: auto;
}