Vorlage:Diagonale Linie: Unterschied zwischen den Versionen

Aktuelle Version vom 23. Oktober 2013, 13:24 Uhr

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

Nötige Arbeiten: Fix? Extrahiert man den HTML Code lokal, funktioniert es. Hier auf dem Wiki nicht. Problem ist z-index:-1
Siehe auch Kategorie: Zu tun.

Version vom 13. Mai 2011, 11:11 Uhr Quelltext anzeigen imported>Andreas Plank KKeine Bearbeitungszusammenfassung	Aktuelle Version vom 23. Oktober 2013, 13:24 Uhr Quelltext anzeigen imported>Iris Leininger K 1 Version
(kein Unterschied)