Hilfe & Dokumentation

See the English documentation below

Willkommen zur Dokumentation der Sliding Clock. Hier erklären wir, wie du die Uhr per URL-Parameter individuell anpasst. Alle Parameter werden über das Fragezeichen (?) an die Adresse angehängt.

Grundlegender Aufruf

Die Basis-URL lautet zum Beispiel:
https://slidingclock.com/index.php

Alle Parameter folgen direkt nach einem ? und werden durch & getrennt, z. B.: 

https://slidingclock.com/index.php?bg=white&digitColor=black&shadow=off

Liste der verfügbaren Parameter

Erklärung der Parameter

bg – Seiten-Hintergrund

Gibt die Hintergrundfarbe für die gesamte Seite an. Erlaubt sind englische Farb-Keywords (z. B. black, white, orange).

sliderBg – Farbe des Slider-Containers

Legt die Farbe der gesamten „Schiene“ fest, auf der die Ziffern nach oben/unten rutschen. Auch hier gilt: englischer Farbname.

digitBg – Hintergrund jeder Ziffer

Diese Farbe steckt hinter den einzelnen Zahlen-Blöcken.

digitColor – Textfarbe der Ziffern

Farbe der Ziffern selbst (der Text). Auch hier englischer Farbname.

border – Rahmenfarbe um jede Gruppe

Jede Gruppe (Stunde, Minute, Sekunde) hat einen feinen Außenrahmen. Mit border legst du dessen Farbe fest. Wieder: englischer Farbname.

lineColor – Trennlinien zwischen den Zahlen

Zwischen jeder Zahl im Slider gibt es eine Trennlinie. Mit lineColor kannst du deren Farbe ändern.

shadow – Schatten-Overlay

Standardmäßig hat jede Ziffern-Schiene einen dezenten Inset- und Außenschatten, der über dem beweglichen Slider-Inhalt liegt. Wenn du den Schatten ausschalten möchtest, hänge ?shadow=off an:

https://slidingclock.com/index.php?shadow=off
→ kein Schatten um die Container, nur die nackten Ziffern-Schienen.

Wenn du shadow weglässt oder anders belegst, bleibt der Schatten aktiv.

footer – Footer (verschiedene Links) ausblenden

Standardmäßig zeigt die Seite unten im Footer verschiedene Links. Mit ?footer=off blendest du alles aus:

https://slidingclock.com/index.php?footer=off

Ideal, wenn du die Uhr auf einem Display ohne Footer zeigen möchtest.

Beispielaufrufe

Zusammenfassung

Mit diesen Parametern passt du Aussehen und Verhalten der Sliding Clock komplett über die URL an:

Experimentiere mit den Parametern und finde deine Lieblingskombination. Viel Spaß beim Ausprobieren!

Help & Documentation

Back to top | Zurück nach oben

Welcome to the documentation for the Sliding Clock. Here we explain how to customize the clock using URL parameters. All parameters are appended to the address after the question mark (“?”).

Basic Usage

The base URL looks like this:
https://slidingclock.com/index.php

All parameters follow the ?, separated by &, for example:

https://slidingclock.com/index.php?bg=white&digitColor=black&shadow=off

List of Available Parameters

Parameter Descriptions

bg – Page Background

Sets the background color for the entire page. Valid values are English color keywords (e.g. black, white, orange).

sliderBg – Slider Track Color

Sets the color of the entire “track” on which the digits slide up and down. Accepts an English color keyword.

digitBg – Digit Background

This color appears behind each individual number block. Use an English color keyword.

digitColor – Digit Text Color

The color of the digits themselves (the text). Accepts an English color keyword.

border – Group Border Color

Each group (hour, minute, second) has a thin outer border. Use border to set its color (English color keyword).

lineColor – Dividing Lines Between Numbers

There is a dividing line between each number in the slider. Use lineColor to change its color (English keyword).

shadow – Shadow Overlay

By default, each digit track has a subtle inset and outer shadow that sits on top of the moving slider content. If you want to disable this shadow, append ?shadow=off:

https://slidingclock.com/index.php?shadow=off
Result: no shadow around the containers, just the bare digit tracks.

If you omit shadow or set it to any other value, the shadow remains active.

footer – Hide Footer (various links)

By default, the page displays various links in the footer. With ?footer=off you hide everything:

https://slidingclock.com/index.php?footer=off

Ideal if you want to show the clock on a display without a footer.

Example URLs

Summary

With these parameters, you can completely adjust the appearance and behavior of the Sliding Clock via URL: