Vorlage:Andere Sprachenseite aufklappen

Aus Open Source Ecology - Germany
Version vom 25. Januar 2019, 11:47 Uhr von Andreas Plank (Diskussion | Beiträge) (Flag of germany 800 480.png -> File:Flag of Germany.svg)
Zur Navigation springen Zur Suche springen

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

{{Andere Sprachenseite aufklappen | diese Sprache=de | en= other language page}}


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