Vorlage:Andere Sprachenseite aufklappen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen

Diese Vorlage dient für Sprachenseiten, die sich Inhaltlich nicht 1 zu 1 entsprechen. Siehe hierzu auch in der Hilfe: Übersetzen.

Ein Sprach-Seiten-Menü wird neben dem Seitentitel platziert. 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

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;
  }