Jetzt Banner auf eigener Webseite einbauen!

Das Eselsohr zur Unterstützung von www.transparenzgesetz.at lässt sich in alle Seiten einer Website einbinden und ist (so gut wie) mit allen Browsern kompatibel. Preview:

Nach dem Einbauen bitte nicht vergessen, uns eine Nachricht zu senden, damit wir die Liste der teilnehmenden Webseiten erweitern können!

Verfügbare Plugins

Wordpress-Plugin
automatisch
Das Plugins kann direkt über die Administrationsoberfläche von Wordpress installiert werden. Dazu auf Plugins / Installieren klicken, nach "Transparenzgesetz" suchen und danach auf "Jetzt Installieren" klicken. Danach zu Einstellungen wechseln, Checkbox aktivieren, speichern.
Plugin-Adresse: http://wordpress.org/extend/plugins/transparenzgesetzat

 

manuell

  • das Wordpress-Plugin hier downloaden (rechte Maustaste / Ziel speichern unter)
  • auf dem Webserver ins Wordpress-Plugin-Verzeichnis kopieren (/wp-content/plugins)
  • als Administrator in Wordpress einloggen und Plugins verwalten aufrufen
  • Plugin "Transparenzgesetz.at" aktivieren
  • Zu Einstellungen wechseln, Checkbox aktivieren, speichern..

Drupal-Modul

Version 5.x: curlypage-5.x-2.3-tpg-1.0.zip
Version 6.x: curlypage-6.x-3.9-tpg-1.0.zip
Version 7.x: curlypage-7.x-1.3-tpg-1.0.zip

Anleitung Drupal 5+6: Zip-Package herunterlgen und entpacken nach /sites/all/modules/ - danach als Admin einloggen / Configuration / Module anklicken und das Modul "curlypage - Transparenzgesetz.at" aktivieren. Einstellungen können mit Klick auf Configure noch angepaßt werden.

Anleitung Drupal 7: entweder wie bei Drupal 5+6 oder als Admin einloggen, Module auswählen, über URL installieren wählen und dort die URL zum ZIP-Package eingeben.

Allgemeine Einbauanleitung

Folgenden HTML-Code vor dem </head>-Tag einbauen:

<!-- transparenzgesetz.at head start -->
<style type="text/css">
<!--
div#akct {
    position: absolute; top:0px; right: 0px; z-index: 230042; width:187px; height:84px;
    background-image: url(http://www.transparenzgesetz.at/sites/tzgtz/banner/tpg-klein.png);
    background-repeat: no-repeat;
    background-position: right top;
    border:none;
    padding:0;
    margin:0;
    text-align: right;
}

div#akct img {
    border:none;
    padding:0;
    margin:0;
    background: none;
}

div#akct a#akpeel img {
       width: 187px;
       height: 84px;
}

div#akct a, div#akct a:hover {
    text-decoration: none;
    border:none;
    padding:0;
    margin:0;
    display: block;
    background: none;
}

div#akct a#akpeel:hover {
    position: absolute; top:0px; right: 0px; z-index: 422003; width:500px; height:435px;
    display: block;
    background-image: url(http://www.transparenzgesetz.at/sites/tzgtz/banner/tpg-gross.png);
    background-repeat: no-repeat;
    background-position: right top;
}
div#akct a#akpreload {
    background-image: url(http://www.transparenzgesetz.at/sites/tzgtz/banner/tpg-gross.png);
    background-repeat: no-repeat;
    background-position: 234px 0px;
}
-->
</style>
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#akct a#akpeel:hover {
        right: -1px;
}
</style>
<![endif]>
<![endif]-->
<!-- transparenzgesetz.at head end -->

 

Folgenden HTML-Code vor dem </body>-Tag einbauen:

<!-- transparenzgesetz.at body start -->
<div id="akct"><a id="akpeel" href="http://www.transparenzgesetz.at/?ref=ohr" target="_blank" title="Transparenzgesetz.at - Online-Petition für ein Informationsfreiheitsgesetz in Österreich - jetzt unterzeichnen!"><img src="http://www.transparenzgesetz.at/sites/tzgtz/banner/tpg-blank.gif" alt="Transparenzgesetz.at" /></a>
<a id="akpreload" href="http://www.transparenzgesetz.at/banner?ref=ohr" target="_blank" title="Anleitungen zum Einbau dieses Banners auf der eigenen Webseite gibt es auf www.transparenzgesetz.at/banner"><img src="http://www.transparenzgesetz.at/sites/tzgtz/banner/tpg-info.gif" alt="Info-Logo" /></a></div>
<!-- transparenzgesetz.at body end -->
 

Einbau in andere Blog-Systeme
 
Twoday.net-blogs
Layout anpassen --> Skins (HTML)--> Den <head>-code in die "Hauptseite" einsetzen, den <body>-code unter "Beitragsanzeige". Speichern, fertig.
 
Serendipity
Für den Header-Code das Ereignis-Plugin "HTML-Code für den head-Bereich (HTML-Kopf Klotz)" aktivieren und dort den Code eintragen.
Für den Body-Code das Ereignis-Plugin "HTML Nugget on page" aktivieren, dort die Option "Top of the content" aktivieren und den Code in die Textbox kopieren. Am Ende des Plugins die Textformatierung ausschalten, speichern, fertig.
 
b2evolution
Im Verzeichnis skins/Name_des_verwendeten_Skins den Code in die Datei _main.php einfügen. So erscheint das Eselsohr auf allen Seiten.

Blogger.com
Verwaltungsseite des Blogs aufrufen -> Vorlage
In der Textbox nach <head> und <body> suchen und den entsprechenden Code darunter einfügen
 
Blogger.de
Layouts -> skins -> Site Layout -> Main page
In der Textbox nach <head> und <body> suchen und den entsprechenden Code darunter einfügen
 
Thingamablog
Einfach die angegebenen Codeschnippsel in den/die beschriebenen <head>- und <body>-Bereich/e des/der Templates mittels Copy 'n' Paste einfügen. (Je nachdem, auf welchen Unterseiten es zusätzlich erscheinen soll.)
 
Blog.de und Verwandte
Im Blog Design Wizard die CSS-Informationen in den eigenen CSS kopieren. In der 2. Zeile top:0px durch top:30px ersetzen, damit die blog.de-Toolbar nutzbar bleibt.
unter Module -> FreeHTML I oder FreeHTML II den html-Code reinkopieren.
Falls noch nicht geschehen das FreeHTML-Modul zur Seitenleiste hinzufügen
 
Einbau in diverse CMS, Diskussionsforen und Wikis
 
Joomla
Die Datei /templates/TEMPLATENAME/index.php mit einem Texteditor bearbeiten. Siehe die allgemeine Anleitung (oben).
 
TYPO3
In den Setup-Bereich des Template-Datensatzes, wenn das zentrale PAGE-Objekt den Namen "page" hat...
...für den head-Bereich:
    page.headerData.10 = TEXT
    page.headerData.10.value (
     HEAD-CODE
    )
...für den body-Bereich:
    page.5 = TEXT
    page.5.value (
     BODY-CODE
    )

Website Baker
Wenn nicht vorhanden das Modul Template Edit installieren, über OPTIONEN - Erweiterte Optionen anzeigen, unten am Ende dieser Seite dieses Modul aufrufen und die index.php des verwendeten Templates öffnen. Dort unmittelbar über </head> und über </body> den entsprechenden Code einbauen und speichern.
 
Gallery2, xt:Commerce, b1gMail, und alle anderen auf der Template-Engine Smarty basierenden
Den gesamten head-Bereich mit {literal} und {/literal} ummanteln
Mehr dazu unter Smarty - Is there a way to escape '{' and '}' in html?

vBulletin
Das Administrator Kontrollzentrum öffnen, Styles verwalten, Style auswählen, Templates ändern, Forumhome, den entsprechenden Code direkt über dem </head>-Tag und unter dem <body>-Tag einfügen, Speichern.
Falls ihr TMS installiert hab könnt ihr einfach folgendes Add-On importieren: http://www.ragtek.org/ragtek_antibanner_1-0.zip
 
PHP-Nuke
Eine Datei anlegen mit dem Namen "custom_head.php" anlegen und den HTML-Code für den Head-Bereich hineinkopieren und abspeichern. Auf den FTP-Server deiner Seite in dem Verzeichnis "includes/custom_files" ablegen.
In der Datei header.php aus dem Wurzelverzeichnis, die function "head()" suchen und folgende Zeilen vor der Zeile [ echo "\n\n\n</head>\n\n"; ] einfügen wenn sie nicht schon vorhanden sind!
Einzufügener Code : [ if (file_exists("includes/custom_files/custom_head.php")) { include_once("includes/custom_files/custom_head.php"); } ]
Danach in die "theme.php" im Verzeichnis "themes/(dein Thema)" die Zeile für den Body-Bereich direkt hinter dem "<body bgcolor=\..." (so um die Zeile 120-130) einfügen
 
MediaWiki
Quick&Dirty, für die standard-Skin (MonoBook):

  • öffne die Datei skins/MonoBook.php:
  • finde die Zeile, die </head> enthält. Unmittelbar vor dieser Zeile, füge den Head-Schnipsel ein.
  • finde die Zeile, die </body> enthält. Unmittelbar vor dieser Zeile, füge den Body-Schnipsel ein.
  • Um ein Verdecken des Anmelden-Links zu verhindern öffne den Artikel MediaWiki:Monobook.css und füge folgende Zeile hinzu: #p-personal ul { margin-right:200px }. Damit verschiebst du diesen um 200px nach links. (Alternativ kannst du diese Änderung auch in der Datei skins/MonoBook/main.css durchführen.)

Für andere Monobook-basierten Skins (wohl den meisten) sollte das analog funktionieren. Für "old style" Skins wie CologneBlue wird es hässlich.
 
artmedic CMS
Quick&Dirty:

  • Lade die Datei index.php (mit FTP/SecureCopy) herunter und bearbeite sie mit einem Texteditor:
  • finde die Zeile, die </head> enthält. Unmittelbar vor dieser Zeile, füge den Head-Schnipsel ein.
  • finde die Zeile, die <body> enthält. Unmittelbar nach dieser Zeile, füge den Body-Schnipsel ein.
  • Lade die Datei index.php wieder auf den Server.

phpBB
Zu editieren ist das Template overall_header.tpl:
Getestet mit Version 2-2.0.22, Version 3 sollte auch funktionieren

  • Es befindet sich unterhalb des Ordners templates, in dem Ordner, der den verwendeten Skin enthält, also beispielsweise phpBB/templates/subSilver (default)
  • overall_header.tpl vom Server herunterladen und mit einem Texteditor öffnen
  • Head-Schnipsel vor der Zeile, die </head> enthält, einfügen.
  • Nach der Zeile, die mit <body anfängt, Body-Schnipsel einfügen.
  • Lade die Datei wieder auf den Server hoch.

MoinMoin Wiki
Zumindest zum (Default-)"Modern"-Theme inkompatibel, da das Eselsohr die Knöpfe zur Titel- und Volltextsuche überlagert. Da man das Eselsohr nicht ausblenden kann, ist dadurch die Suchfunktion nicht mehr einfach benutzbar.

Posterous

  • Login mit eigenem User
  • Klick auf Settings
  • Look and Feel / Button "Theme and customize my site" auswählen
  • Advanced auswählen
  • den ersten Teil des Codes in die Zeile vor </head> reinkopieren
  • den zweiten Teil des Codes eine Zeile vor </body> reinkopieren
  • auf "Save, I´m done" rechts unten klicken
  • fertig

 

Zikula
Oben genannten Code einfügen in /themes/DEINTHEME/templates/master.htm