HTML-Template

Fügen sie den HTML-Code einfach in ihren HTML-Code ein.

<html>
  <head>
    <title> Titel </title>
  </head>
  <body>
    Seiteninhalt
    kopierter Codeschnipsel
    Seiteninhalt
  </body>
</html>

Drupal

Gehen Sie auf "add content" unter [Ihre domain]/node/add und erstellen Sie eine "Page" oder den von Ihnen bevorzugten Inhaltstypen. Fügen sie den Inhalt in den "Body" field ein. Dabei ist zu beachten, dass Sie die Möglichkeit haben "Full HTML" einzufügen, sonst wird der HTML-Code gefiltert. Dies Einstellung finden sie in der Konfiguration unter Text Formats [ihre domain]/admin/config/content/formats.

Joomla!

Verfassen Sie unter Module einen eigener HTML Inhalt und fügen Sie dort den kopierten HTML-Code ein. Diesen Inhalt können sie dann wie gewohnt auf den Seiten einbinden.

Typo3

Als Inhaltselement wählen Sie nicht "Text", "Text mit Bild", "Tabelle" oder "Aufzählung", sondern einfach "HTML-Element". Dort können Sie den kopierten Code einfügen.

Wordpress

Wenn Sie einen Artikel verfassen oder ändern, dann wechseln Sie einfach zwischen den Laschen "Visuell" und "HTML" hin und her. Bei HTML können Sie den kopierten Code einfach einfügen.

Höhenanpassungen

Sollten Sie die Höhe der Infoboxen verändern wollen, dann korrigieren Sie einfach den Höhenwert (height) im HTML-Code in der ersten Zeile.

Bekannte Probleme (IE8 und WinXP)

Sollten Sie keinen aktuellen Browser verwenden oder den Internet Explorer 8 (unter Windows XP), dann wird bei Ihnen das Green Zones Logo nicht angezeigt. Wenn sie Ihre Webseite auch Nutzern mit sehr alten, nicht  aktualisierten Browsern verfügbar machen möchten, dann bitten wir Sie den HTML-Code wie folgt zu modifizieren.

Aus dem HTML-Code-Blöcken muss folgendes entfernt werden:

<embed name="Green-Zones.eu" style="display: block; margin: 10px auto; "
width="60" height="33" border="0" title="Umwelt Plakette" alt=""
type="image/svg+xml"
src="http://www.feinstaubvignette.de/fileadmin/umwelt-plakette/for_extern/GZ
_RZ_RGB_kl_hp.svg" />

und durch folgendes ersetzt werden:

<img style="" height="33" width="60"
src="http://www.feinstaubvignette.de/fileadmin/umwelt-plakette/for_extern/Gr
eenZones.jpg" alt="Umweltplaketten" />

Wobei  man  die Werte von "height" und "width" an das jeweilige Banner
anpassen muss.

Dieses funktioniert allerdings nur bei einer Webseite mit weißem Hintergrund.

Natürlich können Sie das <embend>-Element auch einfach weglassen.

Test

Der  HTML-Code wurde getestet im Internet  Explorer 9, 10, in Firefox, Safari (Mac und PC), Chrome, Opera und diversen Linuxbrowsern.