WM-2010 Fußballweltmeisterschaft
    
 HomeDatum • WM-2010 Up-DownCounter Demo   DOWNLOAD  Quellcode  Grafiken 

 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).

InfoText



   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









NACH OBEN