Vorlage:Andere Sprachenseite aufklappen: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
(Flag of germany 800 480.png -> File:Flag of Germany.svg)
Zeile 38: Zeile 38:
 
== Benutzung ==
 
== Benutzung ==
  
 +
Bei Verwendung sollte diese Vorlage als allererstes auf der Seite oben platziert werden. Benutzung auf einer Deutschen Seite, die auf eine Englische verweist:
 
  <nowiki>{{</nowiki>{{SEITENNAME}} | diese Sprache=de | en= other language page}}
 
  <nowiki>{{</nowiki>{{SEITENNAME}} | diese Sprache=de | en= other language page}}
  
 
{{ {{SEITENNAME}} | diese Sprache=de | en=template: Other language page dropdown | cz= Čeština}}
 
{{ {{SEITENNAME}} | diese Sprache=de | en=template: Other language page dropdown | cz= Čeština}}
 +
 +
Benutzung auf einer Deutschen Seite, zusätzlich wird der Seitenname formatiert:
 +
<nowiki>{{</nowiki>{{SEITENNAME}}
 +
| diese Sprache=de
 +
| Seitenanzeige=<nowiki>LibreSolar BMS – '''B'''atterie '''M'''anagement '''S'''ystem</nowiki>
 +
| en= other language page
 +
}}
 +
… der Seitentitel wird dann als „LibreSolar BMS – '''B'''atterie '''M'''anagement '''S'''ystem“ lesbar auf der Seite, wo die Vorlage steht.
  
 
== Parameter ==
 
== Parameter ==

Version vom 25. Januar 2019, 11:55 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

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