Weltmeisterschaft - Up-DownCounter 01
Counter zur Fußball-Weltmeisterschaft - Version 01
Dieses JavaScript errechnet aus dem Systemdatum und ihrer Vorgabe die Differenz und zeigt die Tages-, Stunden-, Minuten- und Sekundenwerte als grafischen Counter mit digitalen Ziffern an. Zusätzlich wird eine Textmeldung eingeblendet.
|
|
Fußball WM - Weltmeisterschaft am xx. xx. 2014
UPDATE 05.02.2012 Modul völlig überarbeitet!

UPDATE Aufbau mit <DIV>-Bereichen (ohne Tabelle), neue Grafik(en) für kommende WM
Dieser Counter lässt sich durch den Austausch der Hintergrundgrafik leicht anpassen. Rechts sehen Sie den Counter mit der Hintergrundgrafik 'brasilien-01.gif'. Die Grafik habe ich selbst erstellt und darf für meinen Counter frei verwendet werden.
Den Counter können Sie natürlich mit Hilfe einer eigenen oder aus einem Bildarchiv herunter geladenen Grafik einsetzen.
Eine passende Grafik von Gert Altmann finden Sie auch bei pixelio.de (darf ich hier nicht anbieten).
|
|
WM-Counter - Version 01 - Fußball Weltmeisterschaft
Der Counter ermöglicht in dieser Konstellation die Anzeige von 9 grafischen Ziffern und stellt den Wert im Format DDD:HH:MM:SS (deutsch: TTT:SS:MM:SS) dar. Dazu werden Grafiken zeitgesteuert ausgetauscht. Ein Zählvorgang kann die Maximal- und Minimalwerte 999:23:59:59 anzeigen, also für einen Zeitraum von 2,73 Jahren in beide Zählrichtungen eingesetzt werden.
Vor einer Hintergrundgrafik werden eine kurze Textmeldung und die Grafiksymbole des Counters angezeigt. Screenshot:
Wenn dieser Counter zunächst als DownCounter eingesetzt wird, schaltet er bei Erreichen des festgelegten Zeitpunkts automatisch um und beginnt mit dem UpCount.
|
 (screenshot)
|
Nach dem Umschalten vom Down- zum UpCounter wird die vorher angezeigte kurze Textmeldung ab diesem Zeitpunkt durch eine andere ersetzt. Siehe Screenshot rechts.
Die verwendeten digitalen Ziffern habe ich selbst erstellt. Zur Grafik lesen Sie die Info weiter unten.
|
 (screenshot)
|
Aufwand für den Webmaster:
1) Script in den Head-Bereich kopieren
2) CSS-Anweisungen in den Head-Bereich kopieren
3) Aufruf der Funktion in den Body-Bereich kopieren
4) Grafiken im gleichen Ordner abspeichern
Bitte entnehmen Sie den gesamten Quellcode für dieses Beispiel der Textdatei (Link oben im Kopfbereich). Dort können Sie ebenfalls eine Demo- bzw. eine Beispieldatei abrufen. Infos und Erklärungen zum 'Einbauen' von JavaScript finden Sie im JavaScript Menü 01 oder gezielt auf der Seite Kurzinfo JavaScript 'einbauen'
Grafiken: 11 × Zifferngrafiken, 1 × transpixel.gif, 1 × brasilien-01.gif
Die 11 Zifferngrafiken, eine transparente Grafik (transpixel.gif) und außerdem noch das Logo als Hintergrundgrafik sind im Download (ZIP-Datei) enthalten. Den Link zur Downloadmöglichkeit finden Sie im Kopfbereich dieser Seite. Meine Grafiken dürfen Sie für den WM-Counter verwenden. Lesen Sie die Info zum offiziellen Logo weiter unten.
Aufruf im Body
Nachdem sie das JavaScript im Head-Bereich notiert haben und die Grafiken im gleichen Ordner abgelegt haben muss die Funktion zur Anzeige des Counters im Body-Bereich nur noch aufgerufen werden. Sie tragen den Funktionsaufruf an genau der Stelle ein, wo der Counter erscheinen soll.
<script type="text/javascript" language="JavaScript">
<!-- Begin
WMcounter()
// End -->
</script>
Anpassungen
Eintragungen für Datum und Grafik können Sie belassen wenn Sie mit den Einträgen einverstanden sind. Auch die beiden Texte, die jeweils vor oder nach dem Stichtag des eingetragenen Datums eingeblendet werden, müssen nicht verändert werden.
// ZielDatum
var DatumZiel = new Date('Jun 11 2014 16:00:00');
// engl. Monatsbezeichnungen:
// Jan, Feb, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec
var Beschreibung01 = "bis zum Beginn";
var Beschreibung02 = "seit zum Beginn";
verwendete Grafiken
Die digitalen Ziffern und die verwendete Hintergrundgrafiken habe ich selbst erstellt. Die brasilianische Flagge als Grundlage stammt aus den Wiki Commons.
Hintergrundgrafiken


Einen Link zur Textdatei des Quellcodes und eine Downloadmöglichkeit finden sie im Kopfbereich dieser Seite. In der ZIP-Datei sind neben der HTML-Datei alle benötigten Grafiken enthalten. Alternative Hintergrundgrafiken laden Sie durch Rechtsklicken und speichern. Meine Grafiken dürfen sie für den EM-Counter frei verwenden.
Zifferngrafiken
Hier haben sie die Möglichkeit einen Set der Ziffern separat herunter zu laden. In diesen beiden ZIP-Dateien sind alle Ziffern, ein Trennzeichen und eine transparente Grafik enthalten.
Weitere Ziffern-Grafiken finden sie in meiner MINI-IMAGE-BOX. Ich habe 13 unterschiedliche Sätze digitaler Ziffern zum Download hochgeladen. Die Auswahl soll später noch erweitert werden. Wenn sie möchten, können sie also weitere, eigene Varianten des Counters mit diesen Grafiken erstellen.
MINI-IMAGE-BOX, Menü: Digitale Ziffern zur MINI-IMAGE-BOX 
Info zum originalen WM-Logo
Bei der letzten Fußball-Weltmeisterschaft war es ein einziges Ärgernis! Wer durfte das WM-Logo verwenden, wem war es verboten? Welche Kosten fallen an?
Vorsicht Abmahnung
Info für Webmaster von Fusballseiten
Laut FIFA, bzw. der Marketingabteilung der FIFA darf niemand das Logo einer Weltmeisterschaft ohne deren Zustimmung benutzen. Dazu gehören: das Emblem, das Maskottchen und das ofizielle Poster.
Die FIFA hatte außerdem die Rechte an dem Schriftzug \'World Cup 2010\' und \'2010 FIFA World Cup South Afrika\' gesichert. Nur offizielle WM-Sponosoren dürfen mit der Weltmeisterschaft werben.
Verwenden Sie also keine offiziellen Grafiken oder Texte auf Ihren Webseiten. Zur Zeit wird man in der Regel noch gebeten, binnen 24 Stunden solche Abbildungen zu entfernen, bevor eine Abmahnung (Gebüren ca. 800 Euro, Nutzungsschädigung ??? Euro) erfolgt.
WM-Counter 03 - UpDownCounter Fußballweltmeisterschaft
Fußballweltmeisterschaft - Stundenzähler UpDownCounter
Event-Counter 01 - UpDown-Counter
Event-Counter 02 - UpDown-Counter
Grafischer Counter 01 - EM 2008 - UpDown-Counter
Grafischer Counter 02 - EM 2008 - UpDown-Counter

|