Red Bull Webicon

Gestalterische Vorgaben

Das Webicon hat eine feste Größe von 160 × 100 Pixeln (es darf nicht verkleinert oder vergrößert werden). Es gibt es in zwei Versionen: eine für die Darstellung auf dunklem Hintergrund (idealerweise Schwarz) und eine für hellen Hintergrund (idealerweise Weiß). Es darf nicht auf Rot, Gelb, Orange, Grün oder Neon-Farben stehen - erwünscht sind Schwarz, Weiß und neutrale Grautöne.

Notfalls kann das Webicon auf einem schwarzen oder weißen Rechteck stehen, das dann aber mindestens 180 × 120 Pixel groß sein muss..

Variante für dunklen Hintergrund


180 × 120 Pixel


180 × 120 Pixel

Variante für hellen Hintergrund


180 × 120 Pixel


180 × 120 Pixel

Einbinden in eine HTML-Datei

Der Flash-Movie des Webicons wird über JavaScript in die Website eingebunden. Dazu wird das freie Script »swfobject« benutzt. Beides – der Flash-Movie und das JavaScript – werden von Red Bull über deren Server zur Verfügung gestellt und sollen nicht auf den eigenen Webspace kopiert werden.

Um das Webicon einzubinden sind zwei Schritte notwendig:

  1. In den Header der HTML-Datei werden Verweise auf zwei JavaScripts integriert:

    <script type="text/javascript" src="http://webicon.redbull.de/media/swfobject.js"></script>
    <script type="text/javascript" src="http://webicon.redbull.de/media/init.js"></script>

  2. Die Stelle, an der das Webicon auf der Seite erscheinen soll, wird in der HTML-Datei über einen Container mit einer festen ID definiert:

    <div id="flashmovie" style="display: none"><a href="http://www.redbull.de" title="Die ganze Welt von Red Bull auf www.redbull.de" rel="RB-Webicon">Die ganze Welt von Red Bull auf www.redbull.de</a></div>

Die Variante auf dunklem Hintergrund ist die Voreinstellung – soll das Webicon auf hellem Hintergrund stehen, muss der Verweis auf das zweite JavaScript wie folgt abgeändert werden:

Beispiele

Webicon auf dunklem Hintergrund (Schwarz)

Webicon auf hellem Hintergund (Weiß)

Einbinden in einen Flash-Movie

Das Webicon kann auch in eine Flash-Movie eingebunden werden:

Auch hier ist die Variante auf dunklem Hintergrund die Voreinstellung – steht das Webicon auf hellem Grund muss die Variable invers mit dem Wert 1 übergeben werden:

Kontakt

Red Bull Deutschland, Sascha Stalica, sascha.stalica (at) de.redbull (punkt) com