Online-Demo

Aus Freiheit statt Angst!

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(Teilnehmende Websites)
Aktuelle Version (10:02, 15. Apr. 2013) (bearbeiten) (rückgängig)
(Hinweis auf das heutige 7.x Release von Drupal. (endlich :D))
 
(Der Versionsvergleich bezieht 428 dazwischen liegende Versionen mit ein.)
Zeile 1: Zeile 1:
-
:''Siehe auch: [[Banner]]
+
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]].
-
:''Siehe auch: [[Buttons]]
+
-
 
+
-
== Allgemein ==
+
-
 
+
-
Dies ist eine Aktion von Bloggern und anderen Website-Betreibern, die den AK Vorratsdatenspeicherung unterstützen wollen.
+
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.
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 integeriert werden können, da doch eine Großzahl der Benutzer nicht über die Startseite auf den Webauftritt gelangen.
+
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.
-
Anmerkung: ''Die Lizenz der Schäublone ist [http://creativecommons.org/licenses/by-nc-sa/2.0/de/ CC-by-nc-sa], das Pagepeel bzw. die Flash-Version folglich auch. Das heißt doch im Klartext, dass jeder, der z.B. Google-Werbung nutzt, an der Aktion nicht teilnehmen kann. Wie wäre es damit, das Einverständnis aller Autoren vorrausgesetzt, das nc (non-commercial) herauszunehmen?''
+
Alle haben die Möglichkeit sich an der Online-Demo 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 '''[[Online-Demo/Teilnehmende Websites|Teilnehmende Websites]]'''
-
== Zeitraum ==
+
== Pagepeel/ Eselsohr (Version 1.6) <span id="Pagepeel"><!-- dies dient als Sprungziel --></span>==
-
'''Jetzt'''. Denn: die [http://www.vorratsdatenspeicherung.de/?/content/view/78/86/#Europ.C3.A4ische_Richtlinie EU-Richtlinie zur Vorratsspeicherung] soll '''bis 1. Januar 2008''' in deutsches Recht umgesetzt werden.
+
Vorteil des Pagepeels im Gegensatz zur Vorschaltseite ist, daß auch alle Seiten außer der Startseite mit in die Aktion einbezogen werden können.
-
== Pagepeel/ Eselsohr ==
+
'''Vorschau: '''
 +
{|
 +
| valign="top" | [[Bild:Akvse.gif]]
 +
| valign="top" | [[Bild:Akvsb.gif]]
 +
|}
-
Vorteil des Pagepeels im Gegensatz zur Vorschaltseite ist, daß auch alle Seiten außer der Startseite mit einbezogen werden können in die Aktion.
+
'''Die aktuelle Version ist 1.6'''.
-
[[Bild:Onlinedemo-pagepeel-screenshot.jpg]]
+
Änderungen Version 1.6
-
'''Die aktuelle Version ist 1.5'''.
+
* Link auf http://www.vorratsdatenspeicherung.de/aktuell
Änderungen Version 1.5
Änderungen Version 1.5
Zeile 46: Zeile 45:
<pre>
<pre>
-
<!-- AKVS head start v1.5 -->
+
<!-- AKVS head start v1.6 -->
<style type="text/css">
<style type="text/css">
<!--
<!--
Zeile 111: Zeile 110:
<pre>
<pre>
-
<!-- AKVS body start v1.5 -->
+
<!-- AKVS body start v1.6 -->
-
<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>
+
<div id="akct"><a id="akpeel" href="http://www.vorratsdatenspeicherung.de/aktuell"
 +
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 an der Aktion teilnehmen? Hier findest du alle relevanten Infos und
 +
Materialien:"><img src="http://wiki.vorratsdatenspeicherung.de/images/Akvsi.gif"
 +
alt="Willst du auch an der Aktion teilnehmen? Hier findest du alle relevanten Infos
 +
und Materialien:" /></a></div>
<!-- AKVS body end -->
<!-- AKVS body end -->
</pre>
</pre>
Zeile 118: Zeile 125:
Bereitgestellt von [http://www.dataloo.de dirk/dataloo]
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 Kombatibilität prüfen und Ergebnis unter ''Technisches'' eintragen.
+
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===
===Inhaltliches===
-
* Gibt es Verbesserungsvorschläge?
+
==== Aktueller Sonderhinweis auf dem Eselsohr ====
-
:: Das ganze funktioniert in Opera, Firefox und Konqueror nicht, wenn die Seite als application/xhtml+xml ausgeliefert wird, was bei xhtml eigentlich empfohlen wird. Mit text/html klappts. Der IE kriegt den modernen MIME-Typ sowieso nicht hin aber das lässt dich ja über eine serverseitige Browserweiche (.htaccess oder ein php-script) regeln. Zu Testen ist das Ganze, indem man die oben verlinkte Testseite als Datei mit der Endung .xhtml abspeichert. Vor dem Testen muss man aber noch mit dem Editor ran (sonst gibts nen xml-fehler), weil die & nicht richtig als & amp; (leerzeichen entfernen) maskiert sind. Danach auf den Server hochladen. Der sollte das standardmäßig mit dem richtigen Header ausliefern.
+
* kein Sonderhinweis seit 7.1.2008
-
Testbedingungen: Firefox 2.0.0.5, Opera 9.21, Konqueror 3.5.6 und IE7 mit ies4linux. alles unter Linux.
+
 
-
* Codesnipplet für Smarty
+
Für eine Version mit "'''Siezen'''" im Code für den <head>-Bereich '''Akvsb.gif''' mit '''Akvsb-sie.gif''' ersetzen.
 +
 
 +
Ideen für kommende Sonderhinweise werden auf der [http://wiki.vorratsdatenspeicherung.de/Diskussion:Online-Demo#Sonderhinweise_auf_dem_Eselsohr Diskussionsseite] gesammelt.
 +
 
 +
==== Sonderhinweisfreie Version (Duzen) ====
 +
Wer auf die Sonderhinweise grundsätzlich verzichten will, ersetzt im Code für den <head>-Bereich '''Akvsb.gif''' mit '''Akvsbf.gif''' für das aufgeklappte Bild und '''Aksve.gif''' durch '''Akvsef.gif''' für das geschlossene Bild.
 +
 
 +
==== Sonderhinweisfreie Version (Siezen) ====
 +
Wer darüberhinaus z.B. wegen Firmenwebseite den Leser "siezen" will, ersetzt im Code für den <head>-Bereich '''Akvsb.gif''' mit '''Akvsbf_sie.gif''' für das aufgeklappte Bild (nur unten "Unterstützen Sie...") und '''Akvse.gif''' durch '''Akvsef.gif''' für das geschlossene Bild.
 +
 
 +
Die diversen "Willst du.."-Texte im Codeschnipsel für den <body> ggf. auch auf "Siezen" anpassen.
===Technisches/Kompatibilität===
===Technisches/Kompatibilität===
Zeile 130: Zeile 147:
Bisher getestet unter:
Bisher getestet unter:
-
* Firefox, Version:2.0.* (Windows 32bit, FreeBSD, MacOSX Intel C2D)
+
* 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)
* 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)
* IE, Version 6 (Windows, auch 64bit Version von Browser und OS)
-
* Konqueror, Version: 3.5.5 (Debian GNU/Linux 4.0)
+
* 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)
* Opera, Version 9.1 (Windows, Linux), Version: 9.2 (Windows, FreeBSD, Linux)
* Seamonkey, Version: 1.1.1 (FreeBSD)
* Seamonkey, Version: 1.1.1 (FreeBSD)
* Firefox 2.0.0.3 (W2K, aktuell gepatched)
* Firefox 2.0.0.3 (W2K, aktuell gepatched)
* Firefox 2.0.0.3 (Intel Mac OS X)
* Firefox 2.0.0.3 (Intel Mac OS X)
-
* Safari 2.0.4 (Mac OS X (Intel und PPC))
+
* 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.2 (Windows XP)
 +
* Safari 3.0.3 (Mac OS X (Intel))
* Firefox/BonEcho 2.0.0.3 (NetBSD/amd64 3.1)
* 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.3 (Linux/Ubuntu 6.10, Linux/Gentoo-2006.1 x86_64)
Zeile 150: Zeile 172:
** ''funktioniert nicht unter IE 5.0 (der Link funktioniert nicht, d.h. beim Klicken erscheint nicht www.vorratsdatenspeicherung.de)''
** ''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)
* 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 als auch 10.5.0 - kleiner Darstellungsfehler (blinkender oranger (jetzt ein grauer) Balken unter dem bild zu sehen)
===Anleitung zum Einbau===
===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.
+
* '''Wordpress''': Ein fertiges Paket (ZIP) gibt es als Wordpress-Plugin [http://wiki.vorratsdatenspeicherung.de/images/Ppeelvds.zip hier] zum runterladen (Version 1.5b). 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 bis Version 1.5a zusammengefrickelt von [http://zweicent.brostedt.de/ Ralf "Arby" Brostedt].
 +
** '''Neu ab Version 1.5a''': Es gibt jetzt eine Konfigurationsmöglichkeit, die aktuelle Sonderhinweise auf Aktionen und Demos ausschalten kann - entsprechend der oben beschriebenen Schritte. Bei der Installation der neuen Version 1.5b ist der Sonderhinweis übrigens standardmäßig ''eingeschaltet''.
* '''Joomla''':
* '''Joomla''':
Zeile 158: Zeile 183:
** 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.
** 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.
** Alternativ die Datei /templates/TEMPLATENAME/index.php mit einem Texteditor bearbeiten.
 +
 +
* '''Website Baker''':
 +
Wenn nicht vorhanden das Modul [http://addons.websitebaker.org/modules/dlg_by_groups/dlc.php?file=43 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 unter <body> den entsprechenden Code einbauen und speichern.
* '''Twoday.net-blogs''':<br />Layout anpassen --> Skins (HTML)--> Den <head>-code in die "Hauptseite" einsetzen, den <body>-code unter "Beitragsanzeige". Speichern, fertig.
* '''Twoday.net-blogs''':<br />Layout anpassen --> Skins (HTML)--> Den <head>-code in die "Hauptseite" einsetzen, den <body>-code unter "Beitragsanzeige". Speichern, fertig.
Zeile 169: Zeile 197:
* '''b2evolution''': Im Verzeichnis skins/Name_des_verwendeten_Skins den Code in die Datei _main.php einfügen. So erscheint das Eselsohr auf allen Seiten.
* '''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''':
* '''Blogger.com''':
-
**Verwaltungsseite des Blogs aufrufen -> Vorlage -> HTML-Bearbeiten
+
**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
**In der Textbox nach <head> und <body> suchen und den entsprechenden Code darunter einfügen
-
* '''Gallery2''':
+
* '''Gallery2''', '''xt:Commerce''', '''b1gMail''', und alle anderen auf der Template-Engine '''Smarty''' basierenden:
**Den gesamten head-Bereich mit <tt>{literal}</tt> und <tt>{/literal}</tt> ummanteln
**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?]
**Mehr dazu unter [http://smarty.incutio.com/?page=SmartyFrequentlyAskedQuestions#template-3 Smarty - Is there a way to escape '{' and '}' in html?]
Zeile 180: Zeile 211:
* '''vBulletin'''
* '''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.
**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'''
* '''Blog.de und Verwandte'''
Zeile 185: Zeile 219:
** unter Module -> FreeHTML I oder FreeHTML II den html-Code reinkopieren.
** unter Module -> FreeHTML I oder FreeHTML II den html-Code reinkopieren.
** Falls noch nicht geschehen das FreeHTML-Modul zur Seitenleiste hinzufügen
** 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.
 +
**** Möglicher Weg, um das Problem zu vermeiden: bearbeite die [[MediaWiki:Sidebar]] (funktioniert in den meisten MW-Installationen nur als Administrator, da der MediaWiki:-Namensraum für alle anderen gesperrt ist), setze dort einen weiteren Link für die Anmelden-Seite, z.B.
 +
**** '''** Special:Userlogin|Anmelden'''
 +
 +
* '''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.
 +
 +
* '''FudForum 2.x''':
 +
** Die Datei /var/FudForum2/thm/default/template/header.tmpl (in der Standardinstallation) in einem Editor öffnen (oder im Admin-Bereich unter Template-Editor die Datei header.tmpl->header editieren).
 +
**# Das Head-Schipsel vor dem </head> einfügen und das Body-Stück nach dem <body>
 +
**# Das ganze für jedes verwendete Template machen.
 +
**# Unter Theme-Manager oben auf ''Rebuild all Themes'' klicken.
 +
 +
* '''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.
 +
 +
* '''Drupal''':
 +
Das Modul heisst AKV Pagepeels, ist für 5.x, 6.x und 7.x verfügbar.
 +
Die Projektseite befindet sich unter http://drupal.org/project/akv_pagepeels, von dort kann das Plugin heruntergeladen werden.
 +
Entwickelt wurde es von Florian "floh" Latzel ([http://netzaffe.de netzaffe.de]).
 +
 +
Die Beschreibung:
 +
Einfach das Modul von der [http://drupal.org/project/akv_pagepeels Projektseite] runterladen und in das "sites/all/modules"- oder modules-Verzeichnis Deiner Site entpacken und in der grafischen Administrationsansicht das Modul aktivieren und ggf. noch konfigurieren. Fertig!
 +
 +
Eine alte Version des Plugins gibt es noch [http://wiki.vorratsdatenspeicherung.de/images/Pagepeel-drupal.zip hier im Wiki].
 +
Zur installation, den Inhalt des Zip-Files ins "modules"-Verzeichnis von Drupal entpacken und in der grafischen Administrationsansicht das Modul aktivieren. Fertig!
 +
Derzeit ist es mit Drupal Version 5.x getestet.
 +
HTML anpassungen können in der pagepeel.module datei vorgenommen werden und css in der pagepeel.css.
 +
* '''Noch offen:'''
* '''Noch offen:'''
** Wer schreibt eine Anleitung für Blogs, die auf '''Blogger''' etc. basieren?
** Wer schreibt eine Anleitung für Blogs, die auf '''Blogger''' etc. basieren?
-
** Wer schreibt eine Anleitung für '''MediaWiki'''?
+
** Wer schreibt eine Anleitung für '''os-commerce shops'''?
-
** Wer schreibt eine Anleitung für '''xtc''' und '''os-commerce shops'''?
+
===Datenschutzerklärung===
===Datenschutzerklärung===
Zeile 195: Zeile 283:
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.
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.
-
== Vorschlag für Vorschaltseite / Startseiten-Ersatz ==
+
===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«).''
 +
 
 +
==Animierte Online-Demo==
 +
Version mit animierter Graphik:
 +
 
 +
:Ecke klein:
 +
[[Bild:Pagepeel-small.gif]]
 +
:Ecke groß:
 +
[[Bild:Pagepeel-big.gif]]
 +
 
 +
Ein Demo-Seite des neuen Pagepeels findet ihr hier -> [http://underattack.info Under.Attack Info]
 +
 
 +
'''Wichtig: Wegen den neuen Maßen (das kleine Pagepeel ist etwas höher und größer als das erste), kann man nicht einfach die alten Grafiken mit den
 +
neuen austauschen, sondern muss diesen neuen Code verwenden (zumindest im Header Bereich). Diese kleine Mühe lohnt sich meiner Meinung nach aber =):'''
 +
 
 +
 
 +
===Code===
 +
:Code für den Header Bereich:
 +
:::
 +
<pre>
 +
<!-- AKVS-Animated head start v1.0 -->
 +
<style type="text/css">
 +
<!--
 +
div#akct {
 +
position: absolute; top:0px; right: 0px; z-index: 2342; width:108px; hei
 +
ght:108px;
 +
background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Pagepeel-small.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: 108px;
 +
height: 108px;
 +
}
 +
 
 +
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/Pagepeel-big.gif);
 +
background-repeat: no-repeat;
 +
background-position: right top;
 +
}
 +
 
 +
div#akct a#akpreload {
 +
background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Pagepeel-big.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>
 +
 
 +
:Code für den Body Bereich:
 +
<pre>
 +
<!-- AKVS-Animated body start v1.0 -->
 +
<div id="akct"><a id="akpeel" href="http://www.vorratsdatenspeicherung.de/aktuell" target="_blank"
 +
title="Stoppt den &Uuml;berwachungsstaat! Jetzt klicken & handeln!"><img
 +
src="http://wiki.vorratsdatenspeicherung.de/images/Akvst.gif"
 +
alt="Stoppt den &Uuml;berwachungsstaat! Jetzt klicken & handeln" /></a>
 +
<a id="akpreload" href="http://wiki.vorratsdatenspeicherung.de/?title=Online-Demo"
 +
target="_blank" title="Willst du auch an der Aktion teilnehmen?
 +
Hier findest du alle relevanten Infos und Materialien:"><img
 +
src="http://wiki.vorratsdatenspeicherung.de/images/Akvsi.gif"
 +
alt="Willst du auch an der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:" /></a></div>
 +
<!-- AKVS body end -->
 +
</pre>
 +
 
 +
===Technisches/Kompatibilität===
 +
siehe [[#Pagepeel]]
 +
 
 +
===Anleitung zum Einbau===
 +
siehe [[#Pagepeel]]
 +
 
 +
===Datenschutzerklärung===
 +
siehe [[#Pagepeel]]
 +
 
 +
===Anmerkungen zur Lizenz===
 +
siehe [[#Pagepeel]]
 +
 
 +
 
 +
 
 +
== Teilnehmende Websites ==
 +
 
 +
An der Online-Demo [[Online-Demo/Teilnehmende Websites|teilnehmende UnterstützerInnen und Websites sind hier]] aufgelistet, bzw. können selbstständig eingetragen werden.
 +
 
 +
== Vorschaltseite / Startseiten-Ersatz ==
[[Bild:Onlinedemo-vorschaltseite-screenshot.jpg]]
[[Bild:Onlinedemo-vorschaltseite-screenshot.jpg]]
Zeile 222: Zeile 430:
Die Vorschaltseite lässt sich unter Opera 9.21 nicht schließen.
Die Vorschaltseite lässt sich unter Opera 9.21 nicht schließen.
 +
Schließen auf der Testseite mit Firefox 2.0.0.6 und Opera 9.23 unter Gentoo nicht möglich.
-
== Flash PagePeel (beta) ==
+
==Trauer-Verhüllung==
 +
<span id="Trauerschirm"><!-- dies dient als Sprungziel --></span>
 +
siehe auch [[Trauerschirm]]
 +
{|
 +
|
 +
http://www.vorratsdatenspeicherung.de/images/todestag2007.png
 +
|}
-
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:<br>
+
Der Code zur Einbindung dieser Grafik als "Verhüllung" findet sich [http://www.vorratsdatenspeicherung.de/content/view/158/79/ hier].
-
<script type="text/javascript" src="http://vorratsdatenspeicherung.digitmedia.de/PagePeel.js"></script>
+
-
'''Demo:''' http://vorratsdatenspeicherung.digitmedia.de/
+
==Webdemo 2009==
 +
Der Code zur Einbindung dieser Grafik als "Verhüllung" findet sich [http://www.vorratsdatenspeicherung.de/content/view/284/79/lang,de/ hier].
-
== Teilnehmende Websites ==
+
== Countdown zur Totalüberwachung ==
 +
* [[Countdown zur Vorratsdatenspeicherung|Countdown]]
 +
Bitte teilt mal mit, was ihr davon haltet, und macht ggf. eine Liste der teilnehmenden Seiten(wenn ihr gelistet werden wollt).
-
'''Hinweis:''' Auf dieser Seite dürfen sich alle, die an unserer Online-Demo '''teilnehmen''' (d.h. dass entweder das Eselsohr oder die Vorschaltseite zu sehen ist), selbständig verlinken. Dass eine Seite hier verlinkt ist, bedeutet deswegen nicht notwendig, dass der Arbeitskreis Vorratsdatenspeicherung mit dem Inhalt dieser verlinkten Seite übereinstimmt. Unabhängig hiervon behält sich der Arbeitskreis Vorratsdatenspeicherung vor, unerwünschte Links sowie Links zu Seiten, die nicht an der Online-Demo teilnehmen zu löschen. '''Von menschenverachtenden, rechtswidrigen und demokratiefeindlichen UnterstützerInnen und Websites distanzieren wir uns ausdrücklich.''' Wegen der Vielzahl der Links und der Möglichkeit für jede/n sich selbst einzutragen ist allerdings eine regelmäßige Kontrolle der unten angegebenen Websites nicht möglich!
+
Der Countdown als [http://www.rmdsign.de/module/view-category.html Joomla-Modul]<br>
 +
Demo unter [http://www.rmdsign.de RMDsign]
-
* [http://raute-penis.de/ #Penis.de]
+
== Kontakt für Fragen oder Hilfe ==
-
* [http://blog.infocore.net/ Stephan Hensel]
+
-
* [http://www.koeln-muelheim.net/ köln-mülheim.net]
+
-
* [http://www.eaction.de.vu/ Online Demonstration Tools]
+
-
* [http://jonas-westphal.de/ Jonas Westphal]
+
-
* [http://www.it-news.info.ms/ it news]
+
-
* [http://www.kaennchen-blog.de/ Draussen nur Kännchen]
+
-
* [http://foxytricks.blogspot.com/ FoxyTricks]
+
-
* [http://www.mundraub.de/ mundraub.de]
+
-
* [http://www.myspace.com/ernsterror MySpace Satire gegen Ueberwachung]
+
-
* [http://www.messerschmitt-bf109.de Falcons Messerschmitt Bf 109 Hangar]
+
-
* [http://dslnachpankow.de/ DSLnachPankow | Breitbandinitiative für Berlin-Pankow]
+
-
* [http://schoenetoene.blogger.de/ schoene toene]
+
-
* [http://www.schreib-blog.eu/ Der Euskirchen-Blog]
+
-
* [http://www.nordeifeler.de/blog/ Der Euskirchen-Podcast]
+
-
* [http://www.unser-euskirchen.de Die beliebte Euskirchen-Site]
+
-
* [http://tubor.de/ tubor.de]
+
-
* [http://olav.net olav.net]
+
-
* [http://chrissy88.byto.de Die Senftube]
+
-
* [http://bitgewitter.blogger.de bitgewitter]
+
-
* [http://www.xobo.de www.xobo.de]
+
-
* [http://blog.phpaws.net PHPaws]
+
-
* [http://0211.sebbl.net Sebbls Homepage]
+
-
* [http://www.gnumail.de GnuMail]
+
-
* [http://www.andre-strauss.de Blog von André Strauß]
+
-
* [http://www.docuking.com Docuking]
+
-
* [http://www.gegen-hartz.de/ Hartz IV & ALG II Nachrichten]
+
-
* [http://www.nobisteich.de Fincuts Fotos]
+
-
* [http://www.relaxing-moments.net/Ressourcen.html Interessantes]
+
-
* [http://www.effelf.de effelf.de]
+
-
* [http://bloeser.blogspot.com Matthias in Marburg]
+
-
* [http://meson.blogger.de der alltäglich Irrsinn]
+
-
* [http://nickpol.twoday.net BadA$$Mood]
+
-
* [http://www.le-pixxelfriends.de LE PixxelFriends]
+
-
* [http://www.crochunter.de Crocodile Hunter Portal]
+
-
* [http://www.madmaxx.info madmaxx.info]
+
-
* [http://www.luki.org LUKi.org]
+
-
* [http://www.samplepoolz.com Samplepoolz - Audio Online Magazin]
+
-
* [http://www.sternengarten.info Der wilde Garten - Einsichten, Aussichten, Gedanken]
+
-
* [http://www.menschenopfer.com menschenopfer.com]
+
-
* [http://srbg.de/ Psychotic] - srbg.de - Gestörtes aus aller Welt
+
-
* [http://www.isarnon.blogspot.com/ Fe26]
+
-
* [http://www.trueten.de trueten.de]
+
-
* [http://www.mom24.de/ mom24 SEO]
+
-
* [http://www.heike-scholz.de Mobile Zeitgeist]
+
-
* [http://www.ringfahndung.de Ringfahndung Journal]
+
-
* [http://www.rssjunkie.de Rssjunkie]
+
-
* [http://www.zoellner.yourweb.de ZoEllNeR Online]
+
-
* [http://www.jo-zone.net/blog jo-zone]
+
-
* [http://www.spiegelfechter.com Der Spiegelfechter]
+
-
* [[Benutzer:Warrior|Warrior]] Website: [http://warriors-blog.blogspot.com/ Warriors Blog]
+
-
* [[Benutzer:Ricardo.cristof|Ricardo Cristofs]] Websites: [http://blackblogx.midvinterland.de/ BlackBlogX], [http://www.midvinterland.de/ Midvinterland], [http://cristof.remmert-fontes.de/ My CV]
+
-
* [[Benutzer:Zipf|Zipf]] Websites: [http://www.rfxd.de/flohmarket/pagepeel.html rfxd]
+
-
* [[Benutzer:Dirx|Dirk Adler]] Websites: [http://www.dataloo.de/ dataloo], [http://dataloo.spreadshirt.net/ stasi 2.0 shirt]
+
-
* [[Benutzer:Freierfall|Freierfall]] Websites: [http://freierflug.pytalhost.com/wp/ Freierflug]
+
-
* [[Benutzer:WordsBG|WordsBG]] Websites: [http://wordsbg.uttx.net/blog/ Boredom ...sucks]
+
-
* [[Benutzer:Julius|Julius]] Websites: [http://browsergames.org/blog/ browsergames.org]
+
-
* Raphael Gradenwitz: [http://smarthost.ath.cx/ Die Unschuldsvermutung, ein Menschenrecht!]
+
-
* [http://www.siggi-nauditt.de/ Siggi's Homepage]
+
-
* http://www.ueberwachungsdruck.org
+
-
* [[Benutzer:Simon Columbus|Simon Columbus]] Website: [http://www.simoncolumbus.de/ simoncolumbus.de]
+
-
* [[Benutzer:Nexus|Nexus]] [http://nexus.is-ac.de/] [http://chbr.de/]
+
-
* [http://www.systemfehler.info systemfehler.info]
+
-
* [http://www.abi08-alfeld.de info Abiturjahrgang 2008 Gymnasium Alfeld]
+
-
* [http://www.netzpolitik.org netzpolitik.org]
+
-
* [http://www.daten-speicherung.de Daten-Speicherung.de]
+
-
* [http://www.hackemesser.de/ hackemesser.de]
+
-
* [http://www.totale-ueberwachung.de/ TOTALE-UEBERWACHUNG.de]
+
-
* [http://www.kevin-bachert.de.vu/ kevin-bachert.de.vu ]
+
-
* [http://www.freifunk-hannover.de/ freifunk-hannover.de]
+
-
* [http://pirat.co.nr/ nanuk's Pirate-Blog] - Super-Sache! Danke für das Wordpress-Plugin :)
+
-
* [http://spreeblick.com/ Spreeblick]
+
-
* [http://home.fhtw-berlin.de/~s0518155/ FM @ FHTW Berlin]
+
-
* [http://www.rob-log.de/ rob-log]
+
-
* [http://www.fuelli.de/ fuelli.de]
+
-
* [http://kultur-droge.de/ Kultur-Droge]
+
-
* [http://www.rammblog.de/ RammBlog]
+
-
* [http://www.kulturbolschewismus.de/ Kulturbolschewismus]
+
-
* [http://www.zuckerbrot.de/zblog/ zuckerbrot]
+
-
* [http://www.piratenpartei-hessen.de/ Piratenpartei Hessen]
+
-
* [http://www.blogglobal.org/ BlogGlobal]
+
-
* [http://zweicent.brostedt.de/ Nur meine zwei Cent]
+
-
* [http://daphillio.com/ daphillio's blog]
+
-
* [http://www.gothic-database.de/ Gothic Database]
+
-
* [http://geeks-have-feelings-too.net/ Weblog: Geeks-have-feelings-too.net]
+
-
* [http://www.jackpotbaby.de/ Jackpot Baby!]
+
-
* [http://www.farliblog.de/ Das Farliblog - Deutschlands beliebtester Verbalterrorist]
+
-
* [http://www.windisch-design.de/ windisch-design.de | Fotografie]
+
-
* [https://www.fabian-fingerle.de/ fabian-fingerle.de | Blog von Fabian (otih )]
+
-
* [https://www.datensalat.eu datensalat.eu]
+
-
* [http://it1a.ba-webdesign.com Blog des Semesters IT1A an der HS Esslingen]
+
-
* [http://hendi.name Hendis Blog] - Danke für eure Arbeit!
+
-
* [http://e-strike.pytalhost.net e-Strike.pytalhost.net]
+
-
* [http://grofafo.org/ GroFaFo - Das GROSSE Fantasy-Forum]
+
-
* [http://phantastischewelten.de/ Die Phantastischen Welten]
+
-
* [http://blog.mathias-richel.de Mathias Richel //Das Blog]
+
-
* [http://www.surfkraft.de surfkraft.de instrumental surf weblog]
+
-
* [http://www.algar-web.de algar-web.de] - Impressionen und Informationen rund um's Reisen
+
-
* [http://www.absurde-zeiten.de Absurde Zeiten]
+
-
* [http://prescher.net prescher.net] - Andreas Prescher's Website
+
-
* [http://ag6.alltagsgrauen.info AlltagsGrauen] - your daily overdose of terror with a slight taste of mint ..
+
-
* [http://www.pottblog.de Pottblog]
+
-
* [http://www.ende-der-vernunft.org/ EDV - Ende der Vernunft]
+
-
* [http://blog.yumdap.net/ YuMDaP.net's blog]
+
-
* [http://eleysia.myblog.de/eleysia/ eleysia.myblog.de]
+
-
* [http://www.freekkk.de/wordpress/ Freekkk.de]
+
-
* [http://www.superberti.de superberti.de]
+
-
* [http://www.kohnlehome.de kohnlehome.de]
+
-
* [http://www.anon-web.de www-anon-web.de]
+
-
* [http://www.discountsun.de discountsun.de]
+
-
* [http://www.belta.de www.belta.de] - Dr. Moffsens Paginen
+
-
* [http://semaphor.org?item=blog genius's semaphlog]
+
-
* [http://webknocking.de/wgblog WG-Blog]
+
-
* [http://www.oberschichtenfernsehen.de/ www.oberschichtenfernsehen.de]
+
-
* [http://www.spacezone.de/ Spacezone is not a blog]
+
-
* [http://www.waldiswelle.de/ Waldis Welle - The Resurrection]
+
-
* [http://www.dervanil.de/ Dervanil]
+
-
* [http://jbg-abi2008.de/ Abi 2008 des JBG]
+
-
* [http://blog.rkarn.de blog.rkarn.de] - Danke für das WordPress-Plugin!
+
-
* [http://www.rkarn.de www.rkarn.de]
+
-
* [http://www.thomasr-vogt.de thomasr-vogt.de]
+
-
* [http://www.leipzigblogs.de leipzigblogs.de]
+
-
* [http://www.neunzehnhundert.org Neunzehnhundert.org :: Neue Introspektiven]
+
-
* [http://www.hastenedgesehn.de HasteNedGesehn]
+
-
* [http://zwei-null.org zwei-null.org]
+
-
* [http://www.svenscholz.de sagichdoch?]
+
-
* [http://www.nornirsaett.de Nornirs Ætt]
+
-
* [http://www.singvoegel.com/ Singvøgel]
+
-
* [http://www.zweitens-magazin.de/ zweitens-magazin]
+
-
* [http://pozimski.eu pozimski.eu] (zwar erstmal eine Platzhalterseite, aber schonmal eingebaut)
+
-
* [http://www.daten-chaos.de/ Daten Chaos]
+
-
* [http://blog.hessendscher.de/ hessis weblog]
+
-
* [http://www.jpberlin.de/badespasz/ Badespasz Halle (Saale)]
+
-
* [http://www.eayz.net/ The Mighty E]
+
-
* [http://duke.de/ duke.de]
+
-
* [http://www.rbrt.de/ robert sacht.]
+
-
* [http://www.ellsaesser.de/ www.ellsaesser.de]
+
-
* [http://www.reaktanz.de/blog reaktanz-blog] (auf den artikel-seiten)
+
-
* [http://www.linke-bildung-kultur.de/ SO! - Onlinezeitung]
+
-
* [http://www.pferdepension-eilbacherhof.de/ Pferdepension Eilbacherhof]
+
-
* [http://blog.absatzweise.de/ Schwebstoffe]
+
-
* [http://www.commonsense.traduc.ch CommonSense]
+
-
* [http://blog.juergen-luebeck.de/ juergen-luebeck.de]
+
-
* [http://www.traduc.ch/translatr/ translatr]
+
-
* [http://www.diestaendigereise.de/ die ständige reise]
+
-
* [http://www.boschblog.de/ boschblog.de]
+
-
* [http://www.mivesto.de/ mivesto.de]
+
-
* [http://www.die-welt-ist-eine-scheibe.de die Welt ist eine Scheibe]
+
-
* [http://www.malafide.blogger.de/ mala fide]
+
-
* [http://ckay.de ckay.de]
+
-
* [http://der-ewige.de der-ewige.de]
+
-
* [http://slog.dieblogger.de slog.dieblogger.de]
+
-
* [http://www.designinplauen.de/ designinplauen.de]
+
-
* [http://xairro.ath.cx/linuxblog/ Linux Online Blog]
+
-
* [http://www.spitblog.de/ Spitblog]
+
-
* [http://www.nabu-weimar.de/ NABU RV WEIMAR / APOLDA e.V]
+
-
* [http://www.dhaunsch.com/ dhaunsch, my journey through life the universe and everthing]
+
-
* [http://www.euse.de mois-Blog]
+
-
* [http://www.brigittedix.de brigittedix.de]
+
-
* [http://www.bhuti.de/ bhuti.de]
+
-
* [http://herrmarks.twoday.net HerrMarks' Blog]
+
-
* [http://www.stefan-welte.de stefan-welte.de]
+
-
* [http://zucker.mseyer.de/ Zucker]
+
-
* [http://soe.s79.de/ SoE]
+
-
* [http://chris-b-online.de/ chris-b online]
+
-
* [http://www.landesjugendvertretung.de Landesjugendvertretung Westfalen (LJV)]
+
-
* [http://www.benchbacks.de.vu/ BeNcHBaCKs.De.vU]
+
-
* [http://www.blog.cbgreenwood.de @cb's ßetabloggerei]
+
-
* [http://www.in-deiner-kleinen-welt.de In deiner kleinen Welt - Lug & Trug von vorn bis hinten… Hans, die Frauen und das Leben…]
+
-
* [http://blog.2mor.de/ Babelsberg Movements]
+
-
* [http://www.your-abi-kit.de YAK - Your Abi Kit]
+
-
* [http://nureinhobby.org nureinhobby]
+
-
* [http://www.trance-explosion.de.vu Trance Explosion (wöchentliche Tranceshow)]
+
-
* [http://wasserstandsmeldung.de/wordpress wasserstandsmeldung]
+
-
* [http://www.notiz-blog.net Notiz-Blog]
+
-
* [http://sparrenblog.twoday.net sparrenblog.de]
+
-
* [http://www.stud.uni-potsdam.de/~zitrone/ Die Zitrone]
+
-
* [http://www.tamagothi.de/ Lumières dans la nuit]
+
-
* [http://www.lawlita.com/ lawlita.com - Gedanken eines Jurastudenten]
+
-
* [http://www.regioblog.de/ regioblog.de - Artikel und Meinungen aus Südhessen]
+
-
* [http://mokel.org Mokel.org]
+
-
* [http://www.ubergeek.de ubergeek.de]
+
-
* [http://www.suchseite.org suchseite.org]
+
-
* [http://www.mogel-packung.de Mogel-Packung.de - mit einer kleinen Mogelpackung-Sammlung]
+
-
* [http://www.toke.de Toke.de]
+
-
* [http://blog.bitrauschen.de Blog Bitrauschen]
+
-
* [http://meingottundmeinewelt.de/ meingottundmeinewelt.de]
+
-
* [http://46halbe.org/ 46halbe.org]
+
-
* [http://blog.der-link.de/ blog.der-link.de]
+
-
* [http://www.fischegehtgarnicht.de fischegehtgarnicht.de]
+
-
* [http://www.mitternachtshacking.de/blog/ Mitternachtshacking.de]
+
-
* [http://www.bascht.com bascht.com]
+
-
* [http://nexx-creations.de.ki nexx-creations]
+
-
* [http://philosophieblog.de Philosophieblog.de]
+
-
* [http://www.just-imho.net just:imho]
+
-
* [http://www.kefa.de/blog Kefas Welt]
+
-
* [http://www.pfalzhaus.twoday.net Pfalz-Haus]
+
-
* [http://leipzig.freifunk.net leipzig.freifunk.net]
+
-
* [http://www.netreaper.net NetReaper - Andersmensch]
+
-
* [http://daff.neyeon-digital.de daff.neyeon-digital.de]
+
-
* [http://societe-electronique.de Société Électronique]
+
-
* [http://wi01b.net wi01b.net]
+
-
* [http://www.schnuffelbabe.de schnuffelbabe.de]
+
-
* [http://www.marcus-olk.net m@rcus-olk.net]
+
-
* [http://blog.sebiprotagonist.de snowblog]
+
-
* [http://pispisa.code-blocx.de terrorizt'z bLog]
+
-
* [http://www.zeeman.de zeemans Blog]
+
-
* [http://www.Straight-Ahead.de.ms StraightAhead]
+
-
* [http://www.El-Equipo.dl.am El-Equipo]
+
-
* [http://www.schraegstrichpunkt.de/ Neues für Nerze, Stoff für Mettwurst]
+
-
* [http://www.heavy-metal.de/ Heavy-Metal.de ]
+
-
* [http://www.trossmann.eu/ Claudia Troßmann :: Text | Design | Code]
+
-
* [http://www.kulturblog.de/ Kulturblog.de ]
+
-
* [http://www.peaceblog.eu/ Peaceblog.eu ]
+
-
* [http://www.teerezept.de/ Teerezept.de ]
+
-
* [http://www.kein-signal.de/ Kein Signal // Punkrock aus München ]
+
-
* [http://blog.schlunzen.org/ icewind’s Blog ³]
+
-
* [http://mcmarcdeluxe.com/ mcmarcdeluxe's blog]
+
-
* [http://www.darkerradio.com/ darkerradio]
+
-
* [http://www.opsocom.de/ opsocom.de]
+
-
* [http://www.medienmagazin.net/ medienmagazin.net]
+
-
* [http://tierkultur.de tierkultur.de]
+
-
* [http://www.lespocky.de LeSpocky.de]
+
-
* [http://www.kitsune.at/ kitsune.at]
+
-
* [http://www.mklees.de/ Matthias Klees]
+
-
* [http://gruene-neustadt.de/index.php/Hauptseite Bremer Grüne Stadtteilgruppe Neustadt]
+
-
* [http://www.wlankarow.de/ wlanKarow]
+
-
* [http://Inspire-Mind.de Inspire-Mind.de]
+
-
* [http://Inspire-LARP.de Inspire-LARP.de]
+
-
* [http://Inspire-Act.de Inspire-Act.de]
+
-
* [http://www.sadmin.de.vu/ Sadmin.de.vu]
+
-
* [http://www.nickloose.de Nickloose.de]
+
-
* [http://www.bilder.dave.de.vu Bauwagen Hausen bei Würzburg]
+
-
* [http://www.david.ua.tc Dave`s Blog]
+
-
* [http://halbwertunterhaltung.blogspot.com/ Halbwertunterhaltungt]
+
-
* [http://www.freakiest.de freakiest.de]
+
-
* [http://www.poetaster.de poetaster.de]
+
-
* [http://www.christian-heindel.de Christian Heindel]
+
-
* [http://www.thecruisebrothers.de THE CRUISE BROTHERS]
+
-
* [http://weblog.karnaya.de Daily Life Of An Owl]
+
-
* [http://www.tblue.de BlueBlog] - Ein weiteres Blog über interessante Dinge
+
-
* [http://www.iheartdigitallife.de i heart digitallife]
+
-
* [http://www.kubieziel.de/ kubieziel.de]
+
-
* [http://www.nebenleben.de/ Nebenleben]
+
-
* [http://www.lord-nightsky.net/ Lord of Chaos Blog]
+
-
* [http://www.wb13.org/ der WB13]
+
-
* [http://www.frenteuropa.org/ Frenteuropa-PT]
+
-
* [http://www.spawns-hq.de.vu/ Spawn´s HQ]
+
-
* [http://www.potdian.de www.potdian.de]
+
-
* [http://blog.thomasbandt.de Thomas goes .NET]
+
-
* [http://www.schutzhaft.de Schutzhaft.de - Es lebe die Freiheit.]
+
-
* [http://www.computerfrosch.de ComputerFrosch.de]
+
-
* [http://blogpimp.de das BlogPimpBlog]
+
-
* [http://wolframswebworld.de WolframsWebWorld]
+
-
* [http://www.uhusnest.de/blog/ Uhus *finest-assorted* Weblog Droppings]
+
-
* [http://www.desktopboutique.com desktopboutique.com - Linksammlung zu hauptsächlich politischen Themen]
+
-
* [http://www.macheath.de/ macheath - Beobachtungen aus der Netzwelt]
+
-
* [http://www.nexusboard.net/index.php?siteid=1381 Alkoholikerforum Saufnix]
+
-
* [http://www.voja.at/ Volkers Blog]
+
-
* [http://www.unknown-online.de/ Unknown-Online - Privatsphäre ist kein Verbrechen!]
+
-
* [http://www.kothhoefer.de/blog/ Kothhöfer.de �" Nichts ist beständiger als die �,,nderung]
+
-
* [http://www.greensmilies.com/ GreenSmilies.com �" Die Welt der Smilies ist nicht immer nur gelb!]
+
-
* [http://www.braida.de/ braida.de �" Jenz' Blog]
+
-
* [http://thoughts.avengelina.de/ AveN's (Dark) Thoughts]
+
-
* [http://code.avengelina.de/ AveN's Coding Stories]
+
-
* [http://www.jonasjohn.de/blog/ Lost in Programming Blog]
+
-
* [http://blog.phoenitydawn.de/ phoenitydawn]
+
-
* [http://voynich-ms.de Voynich-Manuskript-Lexikon]
+
-
* [http://blog.sil53r-surf3r.de/ Sil53r Surf3r]
+
-
* [http://nohn.net/ Sebastian Nohn]
+
-
* [http://suran.info Suran.info]
+
-
* [http://kemmis.blogspot.com :kemmis]
+
-
* [http://www.zwonull.eu Zwonull.eu] per Wordpress Plugin
+
-
* [http://die.welt-ist.biz/arr die.welt-ist.biz/arr]
+
-
* [http://blog.afoo.de/ blog.afoo.de]
+
-
* [http://www.denk-licht.de/ denk-licht.de]
+
-
* [http://www.sputnik-sarja.de/wordpress Sarja's Blog]
+
-
* [http://gedankenpolizei.blogspot.com Gedankenpolizei]
+
-
* [http://gallery.dralzheimer.stylesyndication.de/ Explorations of Beauty & Decay]
+
-
* [http://nekobento.com Nekobento: Japanische Rezepte für jeden Tag]
+
-
* [http://www.ii04.de Studiengang Informatik 2004 - HS Zittau/Görlitz]
+
-
* [http://www.cielen.com/blog/ Philipp Cielen's Blog on Technology]
+
-
* [http://usaltgen.de - U.S.Altgen]
+
-
* [http://tmkrth.tm.funpic.de tmkrth.tm.]
+
-
* [http://www.raktefakt.net www.raktefakt.net]
+
-
* [http://www.foxxi.de Foxxis Place]
+
-
* [http://www.ostpack.de/ MC Ostpack]
+
-
* [http://www.nicht-wichtig.at www.nicht-wichtig.at]
+
-
* [http://www.myspace.com/diewallerts Die Wallerts]
+
-
* [http://blog.kangaxx.com/ Kangaxx' JaB] �" Just another Blog
+
-
* [http://lars.wahnmache.de/blogs/ larsblog]
+
-
* [http://www.radiofuzzie.com/ Radiofuzzie.com]
+
-
* [http://radiofuzzie.blogspot.com/ Der radiofuzzie-Blog]
+
-
* [http://waiting.avengelina.de/ Waiting 4 Anna]
+
-
* [http://www.tu-chemnitz.de/~doto/ Tobias Doerffels Homepage]
+
-
* [http://djamc.ath.cx djamc#s bl0g]
+
-
* [http://www.suspekt-rheinmain.de/ Suspekt! RheinMain ]
+
-
* [http://www.gay-army.de/ GayArmy ]
+
-
* [http://lazybone.mtox.de/blog/ Lazybone Blog ]
+
-
* [http://schwabulator.de/ Der Schwabulator]
+
-
* [http://your-privacy.eu/ your-privacy.eu]
+
-
* [http://www.markus-pachali.de/ www.markus-pachali.de]
+
-
* [http://www.thux.de/ thux.de]
+
-
* [http://www.rbreu.de/ Rebeccas Art]
+
-
* [http://vernetzt.es VERNETZT.ES]
+
-
* [http://www.kulturtv.ch kulturTV.ch]
+
-
* [http://www.spitzohr.de/ Spitzohrde]
+
-
== Kontakt für Fragen oder Hilfe==
+
Mailingliste: [http://lists.ak-vds.de/mailman/listinfo/technik Technik] – hier werden nur die Nachrichten von Mitgliedern verteilt
-
E-Mail: tfriedrich@digitmedia.de <br>
+
-
[[http://lists.ak-vds.de/mailman/listinfo/technik Mailinglisten: Technik]]
+
 +
== Siehe auch ==
 +
*[[Banner]]
 +
[[Kategorie:Online-Demo| ]] <!-- Leitseite zur Kat. -->
 +
[[Kategorie:Quellcode]]
[[Kategorie:Material]]
[[Kategorie:Material]]

Aktuelle Version

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.

Alle haben die Möglichkeit sich an der Online-Demo 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

Pagepeel/ Eselsohr (Version 1.6)

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

Vorschau:

Bild:Akvse.gif Bild:Akvsb.gif

Die aktuelle Version ist 1.6.

Änderungen Version 1.6

Ä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.6 -->
<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.6 -->
<div id="akct"><a id="akpeel" href="http://www.vorratsdatenspeicherung.de/aktuell" 
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 an der Aktion teilnehmen? Hier findest du alle relevanten Infos und
Materialien:"><img src="http://wiki.vorratsdatenspeicherung.de/images/Akvsi.gif"
alt="Willst du auch an 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

  • kein Sonderhinweis seit 7.1.2008

Für eine Version mit "Siezen" im Code für den <head>-Bereich Akvsb.gif mit Akvsb-sie.gif ersetzen.

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

Sonderhinweisfreie Version (Duzen)

Wer auf die Sonderhinweise grundsätzlich verzichten will, ersetzt im Code für den <head>-Bereich Akvsb.gif mit Akvsbf.gif für das aufgeklappte Bild und Aksve.gif durch Akvsef.gif für das geschlossene Bild.

Sonderhinweisfreie Version (Siezen)

Wer darüberhinaus z.B. wegen Firmenwebseite den Leser "siezen" will, ersetzt im Code für den <head>-Bereich Akvsb.gif mit Akvsbf_sie.gif für das aufgeklappte Bild (nur unten "Unterstützen Sie...") und Akvse.gif durch Akvsef.gif für das geschlossene Bild.

Die diversen "Willst du.."-Texte im Codeschnipsel für den <body> ggf. auch auf "Siezen" anpassen.

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 als auch 10.5.0 - kleiner Darstellungsfehler (blinkender oranger (jetzt ein grauer) Balken unter dem bild zu sehen)

Anleitung zum Einbau

  • Wordpress: Ein fertiges Paket (ZIP) gibt es als Wordpress-Plugin hier zum runterladen (Version 1.5b). 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 bis Version 1.5a zusammengefrickelt von Ralf "Arby" Brostedt.
    • Neu ab Version 1.5a: Es gibt jetzt eine Konfigurationsmöglichkeit, die aktuelle Sonderhinweise auf Aktionen und Demos ausschalten kann - entsprechend der oben beschriebenen Schritte. Bei der Installation der neuen Version 1.5b ist der Sonderhinweis übrigens standardmäßig eingeschaltet.
  • 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.
  • 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 unter <body> den entsprechenden Code einbauen und speichern.

  • 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
    • 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
  • 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.
        • Möglicher Weg, um das Problem zu vermeiden: bearbeite die MediaWiki:Sidebar (funktioniert in den meisten MW-Installationen nur als Administrator, da der MediaWiki:-Namensraum für alle anderen gesperrt ist), setze dort einen weiteren Link für die Anmelden-Seite, z.B.
        • ** Special:Userlogin|Anmelden
  • 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.
  • FudForum 2.x:
    • Die Datei /var/FudForum2/thm/default/template/header.tmpl (in der Standardinstallation) in einem Editor öffnen (oder im Admin-Bereich unter Template-Editor die Datei header.tmpl->header editieren).
      1. Das Head-Schipsel vor dem </head> einfügen und das Body-Stück nach dem <body>
      2. Das ganze für jedes verwendete Template machen.
      3. Unter Theme-Manager oben auf Rebuild all Themes klicken.
  • 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.

  • Drupal:

Das Modul heisst AKV Pagepeels, ist für 5.x, 6.x und 7.x verfügbar. Die Projektseite befindet sich unter http://drupal.org/project/akv_pagepeels, von dort kann das Plugin heruntergeladen werden. Entwickelt wurde es von Florian "floh" Latzel (netzaffe.de).

Die Beschreibung: Einfach das Modul von der Projektseite runterladen und in das "sites/all/modules"- oder modules-Verzeichnis Deiner Site entpacken und in der grafischen Administrationsansicht das Modul aktivieren und ggf. noch konfigurieren. Fertig!

Eine alte Version des Plugins gibt es noch hier im Wiki. Zur installation, den Inhalt des Zip-Files ins "modules"-Verzeichnis von Drupal entpacken und in der grafischen Administrationsansicht das Modul aktivieren. Fertig! Derzeit ist es mit Drupal Version 5.x getestet. HTML anpassungen können in der pagepeel.module datei vorgenommen werden und css in der pagepeel.css.


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

Animierte Online-Demo

Version mit animierter Graphik:

Ecke klein:

Bild:Pagepeel-small.gif

Ecke groß:

Bild:Pagepeel-big.gif

Ein Demo-Seite des neuen Pagepeels findet ihr hier -> Under.Attack Info

Wichtig: Wegen den neuen Maßen (das kleine Pagepeel ist etwas höher und größer als das erste), kann man nicht einfach die alten Grafiken mit den neuen austauschen, sondern muss diesen neuen Code verwenden (zumindest im Header Bereich). Diese kleine Mühe lohnt sich meiner Meinung nach aber =):


Code

Code für den Header Bereich:
<!-- AKVS-Animated head start v1.0 -->
<style type="text/css">
<!--
div#akct {
        position: absolute; top:0px; right: 0px; z-index: 2342; width:108px; hei
ght:108px;
        background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Pagepeel-small.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: 108px;
        height: 108px;
}

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/Pagepeel-big.gif);
        background-repeat: no-repeat;
        background-position: right top;
}

div#akct a#akpreload {
        background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Pagepeel-big.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 -->
Code für den Body Bereich:
<!-- AKVS-Animated body start v1.0 -->
<div id="akct"><a id="akpeel" href="http://www.vorratsdatenspeicherung.de/aktuell" target="_blank"
  title="Stoppt den Überwachungsstaat! Jetzt klicken & handeln!"><img
  src="http://wiki.vorratsdatenspeicherung.de/images/Akvst.gif"
  alt="Stoppt den Überwachungsstaat! Jetzt klicken & handeln" /></a>
<a id="akpreload" href="http://wiki.vorratsdatenspeicherung.de/?title=Online-Demo"
  target="_blank" title="Willst du auch an der Aktion teilnehmen?
  Hier findest du alle relevanten Infos und Materialien:"><img
  src="http://wiki.vorratsdatenspeicherung.de/images/Akvsi.gif"
  alt="Willst du auch an der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:" /></a></div>
<!-- AKVS body end -->

Technisches/Kompatibilität

siehe #Pagepeel

Anleitung zum Einbau

siehe #Pagepeel

Datenschutzerklärung

siehe #Pagepeel

Anmerkungen zur Lizenz

siehe #Pagepeel


Teilnehmende Websites

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

Vorschaltseite / Startseiten-Ersatz

Bild:Onlinedemo-vorschaltseite-screenshot.jpg

Gibt´s hier als HTML & Grafiken im Zip Onlinedemo-vorschaltseite.zip zum runterladen. (Vorschlag von dirk/dataloo)

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

Inhaltliches

  • -> Wir haben uns geeinigt, das Motto "Stasi 2.0" vorerst nicht offiziell "als AK Vorrat" zu verwenden. Daher sollte der Hinweis "Eine Aktion des..." raus, es kann ja auch als Aufruf einiger Blogs oder anderer Leute und Gruppen veröffentlicht werden. Ralf (Gemacht - Dirx)
  • Gibt es Verbesserungsvorschläge?

Technisches

  • Die Vorschaltseite kann als Standalone Seite eingebunden werden oder als Div-Overlay. Zum Schließen des Overlays wird Javascript benötigt.
  • Bisher getestet unter:
    • Firefox, Version: 1.5.0.11 (Windows), Version: 2.0 (Windows, FreeBSD)
    • Firefox, Version: 2.0.0.3 (Linux/Suse 9.3)
    • IE, Version 6 (Windows)
    • IE, Version 7 (Windows)
    • Konqueror, Version: 3.5.6 (FreeBSD, Kubuntu 7.04)
    • Opera, Version: 9.2 (Windows, FreeBSD)
    • Seamonkey, Version: 1.1.1 (FreeBSD)
    • Seamonkey, Version: 1.1.1 (Win32)
    • Seamonkey, Version: 1.0.8 (Linux/Suse 9.3)

Die Vorschaltseite lässt sich unter Opera 9.21 nicht schließen. Schließen auf der Testseite mit Firefox 2.0.0.6 und Opera 9.23 unter Gentoo nicht möglich.

Trauer-Verhüllung

siehe auch Trauerschirm

http://www.vorratsdatenspeicherung.de/images/todestag2007.png

Der Code zur Einbindung dieser Grafik als "Verhüllung" findet sich hier.

Webdemo 2009

Der Code zur Einbindung dieser Grafik als "Verhüllung" findet sich hier.

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

Der Countdown als Joomla-Modul
Demo unter RMDsign

Kontakt für Fragen oder Hilfe

Mailingliste: Technik – hier werden nur die Nachrichten von Mitgliedern verteilt

Siehe auch

Persönliche Werkzeuge
Werkzeuge