Zum Inhalt springen

Vorlage:Analoguhr

aus Wikipedia, der freien Enzyklopädie
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.

<templatestyles src="TOC nonum/styles.css"></templatestyles>

⧼templatedata-doc-params⧽

DurchmesserDurchmesser
Breite und Höhe der Uhr in Pixeln (Angabe als Zahl ohne px). Die Zeiger werden automatisch skaliert.
⧼templatedata-doc-param-default⧽
150
⧼templatedata-doc-param-example⧽
250
HintergrundfarbeFarbe
Hintergrundfarbe der Uhr (hexadezimal)
⧼templatedata-doc-param-default⧽
#CCCCCC
⧼templatedata-doc-param-example⧽
#7FFF00
RahmenRahmen
border-Eigenschaft der Uhr
⧼templatedata-doc-param-default⧽
none
⧼templatedata-doc-param-example⧽
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.
⧼templatedata-doc-param-default⧽
'''[https://wiki-de.moshellshocker.dns64.de/index.php?title=Vorlage:Analoguhr&action=purge 07:04]'''
Minutenzeiger-FarbeMinutenzeiger
Farbe des Minutenzeigers (hexadezimal)
⧼templatedata-doc-param-default⧽
#555555
⧼templatedata-doc-param-example⧽
#00008B
Stundenzeiger-FarbeStundenzeiger
Farbe des Stundenzeigers (hexadezimal)
⧼templatedata-doc-param-default⧽
#555555
⧼templatedata-doc-param-example⧽
#00CED1
Zeiger-FarbeZeiger
Farbe der beiden Zeiger (hexadezimal), falls Minuten- bzw. Stundenzeiger-Farbe nicht angegeben sind
⧼templatedata-doc-param-default⧽
#555555
⧼templatedata-doc-param-example⧽
#483D8B
MinuteMinute
Angabe der Minute
⧼templatedata-doc-param-default⧽
aktuell (04)
⧼templatedata-doc-param-example⧽
47
StundeStunde
Angabe der Stunde
⧼templatedata-doc-param-default⧽
aktuell (7)
⧼templatedata-doc-param-example⧽
5
StundenfixStundenfix
Wenn mit Wert belegt, läuft der Stundenzeiger nicht mit den Minuten mit, sondern springt erst zur vollen Stunde weiter.
⧼templatedata-doc-param-default⧽
0
⧼templatedata-doc-param-example⧽
1
<templatedata>{"sets":[{"params":["Durchmesser","Farbe","Rahmen","Text","Stundenfix"],"label":"Uhr"},{"params":["Zeiger","Minutenzeiger","Zeiger"],"label":"Zeigerfarben"},{"params":["Minute","Stunde"],"label":"Zeit"}],"description":"Analoguhr (grafisch) darstellen Es wird üblicherweise die Uhrzeit zum letzten Speicher- / Servercachezeitpunkt angezeigt, sonst muss ein Purge durchgeführt werden.","paramOrder":["Durchmesser","Farbe","Rahmen","Text","Minutenzeiger","Stundenzeiger","Zeiger","Minute","Stunde","Stundenfix"],

"params":{ "Durchmesser":{"type":"number","description":"Breite und Höhe der Uhr in Pixeln (Angabe als Zahl ohne px)","label":"Durchmesser","example":"250","required":false,"default":"150"},

"Farbe":{"type":"line","description":"Hintergrundfarbe der Uhr (hexadezimal)","label":"Hintergrundfarbe","example":"#7FFF00","required":false,"default":"#CCCCCC"},

"Rahmen":{"type":"line","description":"border-Eigenschaft der Uhr","label":"Rahmen","example":"5px solid #001177; box-shadow: 5px 7px 10px #888888","required":false,"default":"none"},

"Text":{"type":"line","description":"Beschriftung der Uhr; standardmäßig {{LOCALTIME}} mit einem Purgelink zur Seite. Kann auch beliebige andere Elemente im Inneren der Uhr enthalten.","label":"Text","required":false,"default":"07:04"},

"Minutenzeiger":{"type":"line","description":"Farbe des Minutenzeigers (hexadezimal)","label":"Minutenzeiger-Farbe","example":"#00008B","required":false,"default":"#555555"},

"Stundenzeiger":{"type":"line","description":"Farbe des Stundenzeigers (hexadezimal)","label":"Stundenzeiger-Farbe","example":"#00CED1","required":false,"default":"#555555"},

"Zeiger":{"type":"line","description":"Farbe der beiden Zeiger (hexadezimal), falls Minuten- bzw. Stundenzeiger-Farbe nicht angegeben sind","label":"Zeiger-Farbe","example":"#483D8B","required":false,"default":"#555555"},

"Minute":{"type":"number","description":"Angabe der Minute","label":"Minute","example":"47","required":false,"default":"aktuell (04)"},

"Stunde":{"type":"number","description":"Angabe der Stunde","label":"Stunde","example":"5","required":false,"default":"aktuell (7)"},

"Stundenfix":{"type":"boolean","description":"Wenn mit Wert belegt, läuft der Stundenzeiger nicht mit den Minuten mit, sondern springt erst zur vollen Stunde weiter.","label":"Stundenfix","example":"1","required":false,"default":"0"} }

}</templatedata>

Beispiel

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>

Vorlage:Dokumentation/Siehe auch

Lua

Verwendetes Modul: TemplUtl #faculty