Vorlage:Diagonale Linie

From Offene Naturführer
Jump to: navigation, search

Diese Vorlage erzeugt mit Hife von CSS und den border-Eigenschaften eine diagonale Linie und hat folgende Vorlagenparameter:

  • Typ: „lo->ru“ (Voreinstellung = links oben nach rechts unten), „lu->ro“ (links unten nach rechts oben)
  • Farbe (Voreinstellung = black)
  • Hintergrund (Voreinstellung = white)
  • Breite (Voreinstellung = 100px)
  • Höhe (Voreinstellung = 50px)
  • Dicke (dies ist die ungefähre Dicke der Linie; Voreinstellung = 2px)

Positioniert wird sie als (Hintergrund)Box relativ bei left:0px und top:0px gesetzt. Die Idee und der Code stammt von Erez

Beispiele:

{{Diagonale Linie}}
Text
Text Text Text Text


{{Diagonale Linie | Farbe= green | Breite=150px | Typ = lu->ro}}
Text
Text Text Text Text
Qsicon inArbeit-05.svg
To do: Fix? Extrahiert man den HTML Code lokal, funktioniert es. Hier auf dem Wiki nicht. Problem ist z-index:-1
See also Kategorie: Task.