Vorlage:Analoguhr/Doku

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen
Analoguhr (grafisch) darstellen.
Zur korrekten Darstellung muss der Browser des Lesers die CSS-3-Eigenschaften border-radius und transform unterstützen, sonst wird ständig 12:00 Uhr mit eckigen Elementen angezeigt. Üblicherweise ist das heutzutage gewährleistet.
Es wird üblicherweise die Uhrzeit zum letzten Speicher- / Servercachezeitpunkt angezeigt, sonst muss ein Purge durchgeführt werden.

Vorlagenparameter

DurchmesserDurchmesser
Breite und Höhe der Uhr in Pixeln (Angabe als Zahl ohne px). Die Zeiger werden automatisch skaliert.
Standard
150
Beispiel
250
HintergrundfarbeFarbe
Hintergrundfarbe der Uhr (hexadezimal)
Standard
#CCCCCC
Beispiel
#7FFF00
RahmenRahmen
border-Eigenschaft der Uhr
Standard
none
Beispiel
5px solid #001177; box-shadow: 5px 7px 10px #888888
TextText
Beschriftung der Uhr; standardmäßig {{LOCALTIME}} mit einem Purgelink zur Seite. Kann auch beliebige andere Elemente im Inneren der Uhr enthalten.
Standard
'''[https://de.wikipedia.org/w/index.php?title=Vorlage:Analoguhr/Doku&action=purge 03:30]'''
Minutenzeiger-FarbeMinutenzeiger
Farbe des Minutenzeigers (hexadezimal)
Standard
#555555
Beispiel
#00008B
Stundenzeiger-FarbeStundenzeiger
Farbe des Stundenzeigers (hexadezimal)
Standard
#555555
Beispiel
#00CED1
Zeiger-FarbeZeiger
Farbe der beiden Zeiger (hexadezimal), falls Minuten- bzw. Stundenzeiger-Farbe nicht angegeben sind
Standard
#555555
Beispiel
#483D8B
MinuteMinute
Angabe der Minute
Standard
aktuell (30)
Beispiel
47
StundeStunde
Angabe der Stunde
Standard
aktuell (3)
Beispiel
5
StundenfixStundenfix
Wenn mit Wert belegt, läuft der Stundenzeiger nicht mit den Minuten mit, sondern springt erst zur vollen Stunde weiter.
Standard
0
Beispiel
1

Beispiel[Quelltext bearbeiten]

Beispiel-
Uhr: 5:47

<div class="float-right toccolours" style="padding:1em;">
{{Analoguhr
|Durchmesser = 200
|Farbe = #DDD
|Rahmen = 5px solid #017; box-shadow: 5px 7px 10px #888888
|Zeiger = #F00
|Stundenzeiger = #333333
|Minutenzeiger = #555555
|Text = Beispiel-<br /> Uhr: 5:47
|Stunde = 5
|Minute = 47
|Stundenfix = 1
}}
</div>