Online-Demo

Aus Freiheit statt Angst!

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(Teilnehmende Websites)
(Siehe auch - bereinigt)
Zeile 268: Zeile 268:
[[Kategorie:Quellcode]]
[[Kategorie:Quellcode]]
[[Kategorie:Material]]
[[Kategorie:Material]]
- 
-
}
 
- 
-
div#akct a#akpeel:hover {
 
-
position: absolute; top:0px; right: 0px; z-index: 4223; width:500px; height:500px;
 
-
display: block;
 
-
background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Akvsb.gif);
 
-
background-repeat: no-repeat;
 
-
background-position: right top;
 
-
}
 
- 
-
div#akct a#akpreload {
 
-
background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Akvsb.gif);
 
-
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]-->
 
-
<!-- AKVS head end -->
 
-
</pre>
 
- 
-
Folgenden HTML-Code in den <body>-Bereich einbauen:
 
- 
-
<pre>
 
-
<!-- AKVS body start v1.5 -->
 
-
<div id="akct"><a id="akpeel" href="http://www.vorratsdatenspeicherung.de" target="_blank" title="Stoppt die Vorratsdatenspeicherung! Jetzt klicken &amp;amp; handeln!"><img src="http://wiki.vorratsdatenspeicherung.de/images/Akvst.gif" alt="Stoppt die Vorratsdatenspeicherung! Jetzt klicken &amp;amp;handeln!" /></a>
 
-
<a id="akpreload" href="http://wiki.vorratsdatenspeicherung.de/?title=Online-Demo" target="_blank" title="Willst du auch bei der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:"><img src="http://wiki.vorratsdatenspeicherung.de/images/Akvsi.gif" alt="Willst du auch bei der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:" /></a></div>
 
-
<!-- AKVS body end -->
 
-
</pre>
 
- 
-
Bereitgestellt von [http://www.dataloo.de dirk/dataloo]
 
- 
-
Außerdem als [http://www.dataloo.de/ak-vorratsdatenspeicherung-demo/pagepeel.html aktuelle Testseite online]. Bitte mit weiteren Browsern auf Kompatibilität prüfen und Ergebnis unter ''Technisches'' eintragen.
 
- 
-
===Inhaltliches===
 
-
==== Aktueller Sonderhinweis auf dem Eselsohr ====
 
-
* '''Hinweis auf die Aktion [http://wiki.vorratsdatenspeicherung.de/Wir_speichern_nicht Wir Speichern Nicht]'''
 
-
* seit 1.10.2007
 
- 
-
Wer auf die Sonderhinweise grundsätzlich verzichten will, ersetzt im Code '''Akvsb.gif''' mit '''Akvsbf.gif''' für das aufgeklappte Bild.
 
- 
-
Ideen für kommende Sonderhinweise werden auf der [http://wiki.vorratsdatenspeicherung.de/Diskussion:Online-Demo#Sonderhinweise_auf_dem_Eselsohr Diskussionsseite] gesammelt.
 
- 
-
===Technisches/Kompatibilität===
 
- 
-
Bisher getestet unter:
 
- 
-
* Firefox, Version:2.0.* (Windows 32bit, FreeBSD, MacOSX Intel C2D, OS/2, eComStation)
 
-
* Epiphany 2.14.3+; FLOCK 0.7.8; Opera 9.20; Iceweasel 2.0.0.3 (Debian GNU/Linux 4.0)
 
-
* IE, Version 6 (Windows, auch 64bit Version von Browser und OS)
 
-
* Konqueror, Versionen:
 
-
** 3.5.2 (Kubuntu 6.06 LTS) ''':hover funktioniert nicht'''
 
-
** 3.5.5 (Debian GNU/Linux 4.0)
 
-
** 3.5.6 (Kubuntu 7.04)
 
-
** 3.5.7 (Debian GNU/Linux Lenny/testing) (Fedora 7 - Moonshine)
 
-
* Opera, Version 9.1 (Windows, Linux), Version: 9.2 (Windows, FreeBSD, Linux)
 
-
* Seamonkey, Version: 1.1.1 (FreeBSD)
 
-
* Firefox 2.0.0.3 (W2K, aktuell gepatched)
 
-
* Firefox 2.0.0.3 (Intel Mac OS X)
 
-
* Safari 2.0.4 (Mac OS X (Intel und PPC)) (Darstellung nicht ganz korrekt - oranger Balken unten - aber nicht tragisch)
 
-
* Safari 3.0.2 (Windows XP)
 
-
* Safari 3.0.3 (Mac OS X (Intel))
 
-
* Firefox/BonEcho 2.0.0.3 (NetBSD/amd64 3.1)
 
-
* Firefox 2.0.0.3 (Linux/Ubuntu 6.10, Linux/Gentoo-2006.1 x86_64)
 
-
* Firefox 2.0.0.4 (Linux/Ubuntu 7.04) / (SuSE Linux 10.2)
 
-
* Mozilla 1.7 (SunOS/sparc Solaris 10)
 
-
* [http://meineipadresse.de/netrenderer/index.php IE NetRenderer] (Windows)
 
-
** IE 7
 
-
** IE 6
 
-
** IE 5.5
 
-
** ''funktioniert nicht unter IE 5.0 (der Link funktioniert nicht, d.h. beim Klicken erscheint nicht www.vorratsdatenspeicherung.de)''
 
-
* Camino 1.5 (Mac OS X 10.4.10, Intel C2D)
 
-
* Firefox 2.0.0.6 (Windows XP SP2)
 
- 
- 
-
===Anleitung zum Einbau===
 
-
* '''Wordpress 2.x''': Ein fertiges Paket (ZIP) gibt es als Wordpress-Plugin [http://www.brostedt.de/linked/ppeel15.zip hier] zum runterladen. Einfach in das Plugin-Verzeichnis von Wordpress entpacken (es ist nur die Datei ppeelvds.php notwendig), Plugin "Pagepeel (AK VDS)" aktivieren. Fertig. Getestet mit WP 2.0.10, 2.1.x und 2.2.x, mit der Version 1.5 müsste es auch funktionieren. Plugin wurde zusammengefrickelt von [http://zweicent.brostedt.de/ Ralf "Arby" Brostedt] und liegt derzeit in Version 1.5 vor.
 
- 
-
* '''Joomla''':
 
-
** Es gibt jetzt einen Mambot, der den Joomla-Tag {schaeublone} übersetzt. Download [http://lbm-services.de/index.php?option=com_remository&Itemid=49&func=select&id=6 hier].
 
-
** Schnell & dreckig: Direkt ins Seitentemplate einbauen. Im Admin Backend unter Site -> Template Manager -> Site Templates genutztes Template selektieren und "Edit HTML" Button betätigen. An geeigneter Stelle Code reinkopieren.
 
-
** Alternativ die Datei /templates/TEMPLATENAME/index.php mit einem Texteditor bearbeiten.
 
- 
-
* '''Twoday.net-blogs''':<br />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.
 
-
* '''TYPO3''':
 
-
**In den Setup-Bereich des Template-Datensatzes, wenn das zentrale PAGE-Objekt den Namen "page" hat...
 
-
**...für den head-Bereich:<br />page.headerData.10 = TEXT<br />page.headerData.10.value (<br />&nbsp;&nbsp;HEAD-CODE<br />)
 
-
**...für den body-Bereich:<br />page.5 = TEXT<br />page.5.value (<br />&nbsp;&nbsp;BODY-CODE<br />)
 
-
* '''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 -> HTML-Bearbeiten
 
-
**In der Textbox nach <head> und <body> suchen und den entsprechenden Code darunter einfügen
 
-
* '''Gallery2''', '''xt:Commerce''', und alle anderen auf der Template-Engine '''Smarty''' basierenden:
 
-
**Den gesamten head-Bereich mit <tt>{literal}</tt> und <tt>{/literal}</tt> ummanteln
 
-
**Mehr dazu unter [http://smarty.incutio.com/?page=SmartyFrequentlyAskedQuestions#template-3 Smarty - Is there a way to escape '{' and '}' in html?]
 
- 
-
* '''Thingamablog''':
 
-
**Einfach die angegebenen Codeschnippsel in den/die beschriebenen <tt><head>-</tt> und <tt><body></tt>-Bereich/e des/der Templates mittels Copy 'n' Paste einfügen. (Je nachdem, auf welchen Unterseiten es zusätzlich erscheinen soll.)
 
- 
-
* '''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.
 
- 
-
* '''Woltlab Burning Board 2.3.x'''
 
-
**Das ACP öffnen, Templates bearbeiten, Template <i>headinclude</i> auswählen, den Teil für head-Bereich hinter $css einfügen, speichern. Erneut Templates bearbeiten, Template <i>header</i> auswählen, den Teil für body-Bereich ganz oben einfügen, speichern. (getestet mit 2.3.6)
 
- 
-
* '''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
 
- 
-
* '''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 <tt>skins/MonoBook.php</tt>:
 
-
**# finde die Zeile, die <tt><nowiki></body></nowiki></tt> enthält. Unmittelbar ''vor'' dieser Zeile, füge den Head-Schnipsel ein.
 
-
**# finde die Zeile, die <tt><nowiki><div id="globalWrapper"></nowiki></tt> enthält. Unmittelbar ''vor'' dieser Zeile, füge den Body-Schnipsel ein.
 
-
*** Für andere Monobook-basierten Skins (wohl den meisten) sollte das auch funktionieren. Für "old style" Skins wie CologneBlue wird es hässlich.
 
-
*** Achtung: Das Page-Peel Bild überlagert evtl den Login-Link! Je nach Schriftgröße und Browser ist dann das Einloggen nicht mehr möglich! Naja, geht schon noch direkt mit [[Special:Userlogin]], aber das muss man erstmal finden. Eine gute Lösung fällt mir da jetzt nicht ein. Man könnte das div höchstens etwas weiter unten platzieren, aber das sieht bescheiden aus.
 
- 
-
* '''artmedic CMS'''
 
-
** Quick&Dirty:
 
-
**# Lade die Datei <tt>index.php</tt> (mit FTP/SecureCopy) herunter und bearbeite sie mit einem Texteditor:
 
-
**# finde die Zeile, die <tt></head></tt> enthält. Unmittelbar ''vor'' dieser Zeile, füge den Head-Schnipsel ein.
 
-
**# finde die Zeile, die <tt><body></tt> enthält. Unmittelbar ''nach'' dieser Zeile, füge den Body-Schnipsel ein.
 
-
**# Lade die Datei <tt>index.php</tt> wieder auf den Server.
 
- 
-
* '''phpBB''':
 
-
** Zu editieren ist das Template ''overall_header.tpl'':
 
-
** Getestet mit Version 2-2.0.22
 
-
**# 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 <tt></head></tt> enthält, einfügen.
 
-
**# Nach der Zeile, die mit <tt><body</tt> anfängt, Body-Schnipsel einfügen.
 
-
**# Lade die Datei wieder auf den Server hoch.
 
- 
- 
- 
-
* '''Noch offen:'''
 
-
** Anleitung für Blogs, die auf '''Blogger''' etc. basieren?
 
-
** Anleitung für '''os-commerce shops'''?
 
-
** Anleitung für '''myblog.de'''?
 
- 
-
===Datenschutzerklärung===
 
- 
-
Das Online-Demo-Skript verwendet Grafiken, die auf unserem Server wiki.vorratsdatenspeicherung.de liegen. Auf diesem Server ist das Apachemodul "removeip" aktiviert. Das bedeutet, dass wir die IP-Adressen der Personen, die die Online-Demo-Grafiken anschauen, nicht speichern. Wir speichern auch keine Informationen über die verweisende Seite (Referrer). Insgesamt werden bei Verwendung des Online-Demo-Skripts keinerlei personenbezogene Daten von uns protokolliert.
 
- 
-
===Anmerkungen zur Lizenz===
 
-
Pagepeel steht unter [http://creativecommons.org/licenses/by-sa/3.0 CC-BY-SA].
 
- 
-
::Laut diesen Seiten [http://www.fontblog.de/kostenloser-agitprop-font-parole] [http://www.dataloo.de/parole-font-carepaket-fur-den-politischen-widerstand-537.html] ist die Lizenz des Fonts, aus der der Kopf und die Schriftzeichen stammen CC-BY-SA.
 
-
::''Es gilt die Creative-Commons-Lizenz Namensnennung • Weitergabe unter gleichen Bedingungen; Namensnennung ist nur bei kommerziellen Produkten im Rahmen eines Impressums oder einer Credit-Zeile erforderlich, in der Form Schrift: »Schrift/Abbildung: Parole von www.fontshop.de« oder »Schrift/Abbildung: Parole von www.dataloo.de«).''
 
== Flash PagePeel ==
== Flash PagePeel ==

Version vom 11:58, 24. Okt. 2007

Die Online-Demo ist eine Aktion von Bloggern und anderen Website-Betreibern, die den Arbeitskreis Vorratsdatenspeicherung unterstützen möchten. Weitere Materialien für Webseitenbetreiber befinden sich unter Banner.

Wie bei anderen ähnlichen Aktionen (z.B. Softwarepatente) können Website-Betreiber ihre Startseite durch eine sog. Vorschaltseite ersetzen, die auf die Aktion "Stoppt die Vorratsdatenspeicherung" aufmerksam macht und auf die Seite des AK Vorratsdatenspeicherung verlinkt.

Noch besser sind sog. Pagepeels / Eselsohren, die quasi auf jeder Seite integriert werden können, da doch eine Großzahl der Benutzer nicht über die Startseite auf den Webauftritt gelangen.

Zur Zeit haben alle das Recht, sich an der OnlineDemo bzw. der Demonstration zu beteiligen. Dass eine Seite auf den AK Vorratsdatenspeicherung verlinkt, bedeutet deswegen nicht notwendig, dass der Arbeitskreis Vorratsdatenspeicherung mit dem Inhalt dieser verlinkten Seite übereinstimmt. Ein weiterer wichtiger Hinweis befindet sich unter Teilnehmende Websites

Inhaltsverzeichnis

Zeitraum

Jetzt. Denn: die von Deutschland forcierte EU-Richtlinie zur Vorratsspeicherung soll bis 1. Januar 2008 in deutsches Recht umgesetzt werden.

Pagepeel/ Eselsohr (Version 1.5)

Vorteil des Pagepeels im Gegensatz zur Vorschaltseite ist, daß auch alle Seiten außer der Startseite mit einbezogen werden können in die Aktion.

Bild:Onlinedemo-pagepeel-screenshot.jpg

Die aktuelle Version ist 1.5.

Änderungen Version 1.5

  • Kompatibilität mit Konqueror verbessert.

Änderungen Version 1.4

  • Störende Hintergrundbilder und -farben durch anderes CSS für Bilder und Links unterbunden
  • Störende Abstände durch anderes CSS für Bilder und Links unterbunden
  • Preload weiter aus dem sichtbaren Bereich geschoben

Änderungen Version 1.3

  • Bilder kommen jetzt direkt von diesem Server (einfacher Änderungen zu machen und zu verbreiten)
  • Jetzt mit Preload für die ausgeklappte Ansicht
  • Nur noch CSS und HTML-Snippet einbinden reicht
  • Bugfix der nicht aufgeklappten Pagepeel-Animation (Dank geht an Marko Jung)

Code

Folgenden HTML-Code in den <head>-Bereich einbauen:

<!-- AKVS head start v1.5 -->
<style type="text/css">
<!--
div#akct {
	position: absolute; top:0px; right: 0px; z-index: 2342; width:113px; height:88px;
	background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Akvse.gif);
	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: 113px;
        height: 88px;
}

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: 4223; width:500px; height:500px;
	display: block;
	background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Akvsb.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

div#akct a#akpreload {
	background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Akvsb.gif);
	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]-->
<!-- AKVS head end -->

Folgenden HTML-Code in den <body>-Bereich einbauen:

<!-- AKVS body start v1.5 -->
<div id="akct"><a id="akpeel" href="http://www.vorratsdatenspeicherung.de" target="_blank" title="Stoppt die Vorratsdatenspeicherung! Jetzt klicken &amp; handeln!"><img src="http://wiki.vorratsdatenspeicherung.de/images/Akvst.gif" alt="Stoppt die Vorratsdatenspeicherung! Jetzt klicken &amp;handeln!" /></a>
<a id="akpreload" href="http://wiki.vorratsdatenspeicherung.de/?title=Online-Demo" target="_blank" title="Willst du auch bei der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:"><img src="http://wiki.vorratsdatenspeicherung.de/images/Akvsi.gif" alt="Willst du auch bei der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:" /></a></div>
<!-- AKVS body end -->

Bereitgestellt von dirk/dataloo

Außerdem als aktuelle Testseite online. Bitte mit weiteren Browsern auf Kompatibilität prüfen und Ergebnis unter Technisches eintragen.

Inhaltliches

Aktueller Sonderhinweis auf dem Eselsohr

Wer auf die Sonderhinweise grundsätzlich verzichten will, ersetzt im Code Akvsb.gif mit Akvsbf.gif für das aufgeklappte Bild.

Wer darüberhinaus z.B. wegen Firmenwebseite den Leser "siezen" will, ersetzt im Code Akvsb.gif mit Akvsbf_sie.gif für das aufgeklappte Bild (nur unten "Unterstützen Sie...") und paßt ggf. im Codeschnipsel für den <body> die diversen "Willst du.."-Texte auch auf "Siezen" an. --MatthiasM 18:24, 23. Okt 2007 (CEST)

Ideen für kommende Sonderhinweise werden auf der Diskussionsseite gesammelt.

Technisches/Kompatibilität

Bisher getestet unter:

  • Firefox, Version:2.0.* (Windows 32bit, FreeBSD, MacOSX Intel C2D, OS/2, eComStation)
  • Epiphany 2.14.3+; FLOCK 0.7.8; Opera 9.20; Iceweasel 2.0.0.3 (Debian GNU/Linux 4.0)
  • IE, Version 6 (Windows, auch 64bit Version von Browser und OS)
  • Konqueror, Versionen:
    • 3.5.2 (Kubuntu 6.06 LTS) :hover funktioniert nicht
    • 3.5.5 (Debian GNU/Linux 4.0)
    • 3.5.6 (Kubuntu 7.04)
    • 3.5.7 (Debian GNU/Linux Lenny/testing) (Fedora 7 - Moonshine)
  • Opera, Version 9.1 (Windows, Linux), Version: 9.2 (Windows, FreeBSD, Linux)
  • Seamonkey, Version: 1.1.1 (FreeBSD)
  • Firefox 2.0.0.3 (W2K, aktuell gepatched)
  • Firefox 2.0.0.3 (Intel Mac OS X)
  • Safari 2.0.4 (Mac OS X (Intel und PPC)) (Darstellung nicht ganz korrekt - oranger Balken unten - aber nicht tragisch)
  • Safari 3.0.2 (Windows XP)
  • Safari 3.0.3 (Mac OS X (Intel))
  • Firefox/BonEcho 2.0.0.3 (NetBSD/amd64 3.1)
  • Firefox 2.0.0.3 (Linux/Ubuntu 6.10, Linux/Gentoo-2006.1 x86_64)
  • Firefox 2.0.0.4 (Linux/Ubuntu 7.04) / (SuSE Linux 10.2)
  • Mozilla 1.7 (SunOS/sparc Solaris 10)
  • IE NetRenderer (Windows)
    • IE 7
    • IE 6
    • IE 5.5
    • funktioniert nicht unter IE 5.0 (der Link funktioniert nicht, d.h. beim Klicken erscheint nicht www.vorratsdatenspeicherung.de)
  • Camino 1.5 (Mac OS X 10.4.10, Intel C2D)
  • Firefox 2.0.0.6 (Windows XP SP2)
  • Firefox 2.0.0.7 (MacOSX Intel 10.4.10 - kleiner Darstellungsfehler (oranger Balken unter dem bild zu sehen, stört aber nicht weiter)

Anleitung zum Einbau

  • Wordpress 2.x: Ein fertiges Paket (ZIP) gibt es als Wordpress-Plugin hier zum runterladen. Einfach in das Plugin-Verzeichnis von Wordpress entpacken (es ist nur die Datei ppeelvds.php notwendig), Plugin "Pagepeel (AK VDS)" aktivieren. Fertig. Getestet mit WP 2.0.10, 2.1.x und 2.2.x, mit der Version 1.5 müsste es auch funktionieren. Plugin wurde zusammengefrickelt von Ralf "Arby" Brostedt und liegt derzeit in Version 1.5a vor.
    • Neu in Version 1.5a: Es gibt jetzt eine Konfigurationsmöglichkeit, die den Sonderhinweis (derzeit "Wir speichern nicht") ausschalten kann - entsprechend der oben beschriebenen Schritte. Bei der Installation dieser neuen Version ist der Sonderhinweis übrigens standardmäßig ausgeschaltet.
  • Joomla:
    • Es gibt jetzt einen Mambot, der den Joomla-Tag {schaeublone} übersetzt. Download hier.
    • Schnell & dreckig: Direkt ins Seitentemplate einbauen. Im Admin Backend unter Site -> Template Manager -> Site Templates genutztes Template selektieren und "Edit HTML" Button betätigen. An geeigneter Stelle Code reinkopieren.
    • Alternativ die Datei /templates/TEMPLATENAME/index.php mit einem Texteditor bearbeiten.
  • 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.
  • 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
      )
  • 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 -> HTML-Bearbeiten
    • In der Textbox nach <head> und <body> suchen und den entsprechenden Code darunter einfügen
  • Gallery2, xt:Commerce, b1gMail, und alle anderen auf der Template-Engine Smarty basierenden:
  • 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.)
  • 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.
  • Woltlab Burning Board 2.3.x
    • Das ACP öffnen, Templates bearbeiten, Template headinclude auswählen, den Teil für head-Bereich hinter $css einfügen, speichern. Erneut Templates bearbeiten, Template header auswählen, den Teil für body-Bereich ganz oben einfügen, speichern. (getestet mit 2.3.6)
  • 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
  • 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):
      1. öffne die Datei skins/MonoBook.php:
      2. finde die Zeile, die </body> enthält. Unmittelbar vor dieser Zeile, füge den Head-Schnipsel ein.
      3. finde die Zeile, die <div id="globalWrapper"> enthält. Unmittelbar vor dieser Zeile, füge den Body-Schnipsel ein.
      • Für andere Monobook-basierten Skins (wohl den meisten) sollte das auch funktionieren. Für "old style" Skins wie CologneBlue wird es hässlich.
      • Achtung: Das Page-Peel Bild überlagert evtl den Login-Link! Je nach Schriftgröße und Browser ist dann das Einloggen nicht mehr möglich! Naja, geht schon noch direkt mit Special:Userlogin, aber das muss man erstmal finden. Eine gute Lösung fällt mir da jetzt nicht ein. Man könnte das div höchstens etwas weiter unten platzieren, aber das sieht bescheiden aus.
  • artmedic CMS
    • Quick&Dirty:
      1. Lade die Datei index.php (mit FTP/SecureCopy) herunter und bearbeite sie mit einem Texteditor:
      2. finde die Zeile, die </head> enthält. Unmittelbar vor dieser Zeile, füge den Head-Schnipsel ein.
      3. finde die Zeile, die <body> enthält. Unmittelbar nach dieser Zeile, füge den Body-Schnipsel ein.
      4. 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
      1. Es befindet sich unterhalb des Ordners templates, in dem Ordner, der den verwendeten Skin enthält, also beispielsweise phpBB/templates/subSilver (default)
      2. overall_header.tpl vom Server herunterladen und mit einem Texteditor öffnen
      3. Head-Schnipsel vor der Zeile, die </head> enthält, einfügen.
      4. Nach der Zeile, die mit <body anfängt, Body-Schnipsel einfügen.
      5. Lade die Datei wieder auf den Server hoch.


  • Noch offen:
    • Wer schreibt eine Anleitung für Blogs, die auf Blogger etc. basieren?
    • Wer schreibt eine Anleitung für os-commerce shops?

Datenschutzerklärung

Das Online-Demo-Skript verwendet Grafiken, die auf unserem Server wiki.vorratsdatenspeicherung.de liegen. Auf diesem Server ist das Apachemodul "removeip" aktiviert. Das bedeutet, dass wir die IP-Adressen der Personen, die die Online-Demo-Grafiken anschauen, nicht speichern. Wir speichern auch keine Informationen über die verweisende Seite (Referrer). Insgesamt werden bei Verwendung des Online-Demo-Skripts keinerlei personenbezogene Daten von uns protokolliert.

Anmerkungen zur Lizenz

Pagepeel steht unter CC-BY-SA.

Laut diesen Seiten [1] [2] ist die Lizenz des Fonts, aus der der Kopf und die Schriftzeichen stammen CC-BY-SA.
Es gilt die Creative-Commons-Lizenz Namensnennung • Weitergabe unter gleichen Bedingungen; Namensnennung ist nur bei kommerziellen Produkten im Rahmen eines Impressums oder einer Credit-Zeile erforderlich, in der Form Schrift: »Schrift/Abbildung: Parole von www.fontshop.de« oder »Schrift/Abbildung: Parole von www.dataloo.de«).

Flash PagePeel (beta)

Es existiert eine Flash-Version des PagePeels, die derzeit in einer Entwicklerversion zugänglich ist. Um diese in eine eigene Seite einzubauen, muss der folgende Code in den body einer Webseite einfügt werden:
<script type="text/javascript" src="http://vorratsdatenspeicherung.digitmedia.de/PagePeel.js"></script>

Demo: http://vorratsdatenspeicherung.digitmedia.de/

Teilnehmende Websites

An der Demo teilnehmende UnterstützerInnen und Websites sind hier aufgelistet, bzw. können selbstständig eingetragen werden.

Countdown zur Totalüberwachung

Bitte teilt mal mit, was ihr davon haltet, und macht ggf. eine Liste der teilnehmenden Seiten(wenn ihr gelistet werden wollt).

Kontakt für Fragen oder Hilfe

E-Mail:
[Mailinglisten: Technik] (Es werden nur die Nachrichten von Mitgliedern verteilt.

Siehe auch

Flash PagePeel

Es existiert eine Flash-Version des PagePeels. Um diese in eine eigene Seite einzubauen, muss der folgende Code in den body einer Webseite einfügt werden:
<script type="text/javascript" src="http://vorratsdatenspeicherung.digitmedia.de/PagePeel.js"></script>

Demo: http://vorratsdatenspeicherung.digitmedia.de/

Teilnehmende Websites

An der Demo teilnehmende UnterstützerInnen und Websites sind hier aufgelistet, bzw. können selbstständig eingetragen werden.

Countdown zur Totalüberwachung

Bitte teilt mal mit, was ihr davon haltet, und macht ggf. eine Liste der teilnehmenden Seiten(wenn ihr gelistet werden wollt).

Kontakt für Fragen oder Hilfe

E-Mail:
[Mailinglisten: Technik] (Es werden nur die Nachrichten von Mitgliedern verteilt.

Siehe auch

Persönliche Werkzeuge
Werkzeuge