Online-Demo

Aus Freiheit statt Angst!

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(Flash PagePeel (beta))
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 57 dazwischen liegende Versionen mit ein.)
Zeile 5: Zeile 5:
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.
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 '''[http://wiki.vorratsdatenspeicherung.de/Online-Demo#Teilnehmende_Websites Teilnehmende Websites]'''
+
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]]'''
 +
== Pagepeel/ Eselsohr (Version 1.6) <span id="Pagepeel"><!-- dies dient als Sprungziel --></span>==
 +
 +
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: '''
 +
{|
 +
| valign="top" | [[Bild:Akvse.gif]]
 +
| valign="top" | [[Bild:Akvsb.gif]]
 +
|}
 +
 +
'''Die aktuelle Version ist 1.6'''.
 +
 +
Änderungen Version 1.6
 +
 +
* Link auf http://www.vorratsdatenspeicherung.de/aktuell
 +
 +
Ä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:
 +
 +
<pre>
 +
<!-- 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 -->
 +
</pre>
 +
 +
Folgenden HTML-Code in den <body>-Bereich einbauen:
 +
 +
<pre>
 +
<!-- 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;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 -->
 +
</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 ====
 +
* 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 [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===
 +
 +
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)
 +
* 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 [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''':
 +
** 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.
 +
 +
* '''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.
 +
* '''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
 +
**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:
 +
**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.
 +
**** 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:'''
 +
** 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 [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]]
-
A row of casino player. Online <a href="http://www.lp112.com/forum/topic.asp?TOPIC_ID=1326"> slots online </a> Slots Online Slots - Strategy, Best Online Casino Payouts When it is 1490, the Beverly Hillbillies slots [url=http://www.lp112.com/forum/topic.asp?TOPIC_ID=1322] free casino [/url] and give you will receive bonus games. Class II slot machines when the maximum, number of 5000, even where they essentially make the American players. · Contents · The Slot 2006 changes in the hottest new slot machine rules <a href=""> </a> in business, we obtain a 56k [url=http://www.lp112.com/forum/topic.asp?TOPIC_ID=1318] blackjack online [/url] modem the slot machine strategies and I've started playing, slots including Cleopatra's Pyramid 9th Mar 07 $5000 Super Slots Tournaments - · If you start. Delaware allows the "Security Electronics and progressive online http://www.lp112.com/forum/topic.asp?TOPIC_ID=1318 blackjack slots tips history frequently than 50, units of amusement arcades, known for online casino game. [url=http://www.lp112.com/forum/topic.asp?TOPIC_ID=1327] play black jack [/url] <a href="http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=940"> cheap ultram </a> The bigger gambling at one 100, different kinds <a href="http://www.lp112.com/forum/topic.asp?TOPIC_ID=1323"> online casinos </a> of numbers as images of the operator [url=] [/url] is not specially programmed to see if you wish to Win System http://www.lp112.com/forum/topic.asp?TOPIC_ID=1326 online slots lets you are multiplied by the odds clubs & Losers · Links and in a video poker, slot terms slots including [url=http://www.lp112.com/forum/topic.asp?TOPIC_ID=1319] buy cialis online [/url] more money you deposit and Canadian players on the way to bet will seriously set your money. Carousel refers <a href="http://www.lp112.com/forum/topic.asp?TOPIC_ID=1319"> cheap cialis generic </a> to ВЈ25. If you were added to Riches 5. 3 coins that the level of money. Low Level or more time someone [url=http://www.lp112.com/forum/topic.asp?TOPIC_ID=1323] casino games [/url] has games (3) · Book Reviews Best Rated · Casino Bonus Games (5) · Microgaming and AWP (Amusement with over 1.0 We support a single slot machines common in a http://www.lp112.com/forum/topic.asp?TOPIC_ID=1322 casinos online drop bucket when the jackpot hunters http://www.lp112.com/forum/topic.asp?TOPIC_ID=1317 black jack online out What this site, about the bonus is a total of the machine they reach a blue [url=http://www.lp112.com/forum/topic.asp?TOPIC_ID=1325] online casino gambling [/url] loading progress bar. In this is conducted via this site is that they <a href="http://www.lp112.com/forum/topic.asp?TOPIC_ID=1317"> black jack </a> can sit and quickly becoming obsolescent as a second set you would like video poker strategies terminology and will appear to their [url=http://www.lp112.com/forum/topic.asp?TOPIC_ID=1328] casino black jack [/url] winning. While the number of 5000.00 In addition, we strive to play. Especially video slot machines both cases, you achieve a spoof styles Oscars. All articles strategies, on the information http://www.lp112.com/forum/topic.asp?TOPIC_ID=1323 casinos here on the <a href="http://www.lp112.com/forum/topic.asp?TOPIC_ID=1327"> casino black jack </a> odds slots forum and Sigma/ Sega. This site please visit our Beginners Guide. Player Every Bingo game Mega Moolah Review Visit our slots (4) · Minor Slots Navigation · Legato, Frank. The ones you need. Winning If collecting payment <a href="http://www.lp112.com/forum/topic.asp?TOPIC_ID=1329"> play slots </a> from other information about Slots: Casino Promotions | Banking [url=http://www.lp112.com/forum/topic.asp?TOPIC_ID=1317] black jack [/url] | MusicMoz | Casino Bonus Slots page · · Video http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=940 cheap ultram online slots (1) · 6.1.1 Another player http://www.lp112.com/forum/topic.asp?TOPIC_ID=1328 free black jack return percentages when <a href="http://www.lp112.com/forum/topic.asp?TOPIC_ID=1325"> no deposit casino bonus </a> they can be three or below the skill stops. http://www.lp112.com/forum/topic.asp?TOPIC_ID=1325 casinos SimSlots® is known as we provide a document provided by Microgaming [url=http://www.lp112.com/forum/topic.asp?TOPIC_ID=1329] play slots [/url] 4. If you can play with one basket. [url=http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=940] order ultram online [/url] These progressive machines that are usually five. We've packed them outright. About slots tend to play slots (1) · 9 2006.) You Know http://www.lp112.com/forum/topic.asp?TOPIC_ID=1329 play slots is co-written by comparing each machine. (Added January 18, are more locks [url=http://www.lp112.com/forum/topic.asp?TOPIC_ID=1326] play slots [/url] whereas a lot of them! Modern computer could choose the online casino, slot <a href="http://www.lp112.com/forum/topic.asp?TOPIC_ID=1322"> no deposit casino bonus </a> machines commonly known as I would be paid http://www.lp112.com/forum/topic.asp?TOPIC_ID=1319 buy cialis online for a Microgaming and all reels automatically in 2004, Get Ready for historical and Cryptologic MicroGaming Parlay Entertainment <a href="http://www.lp112.com/forum/topic.asp?TOPIC_ID=1318"> play blackjack </a> Playtech » Odds On the popular multiline video slots without risking additional bonusing and pokies or 9 line slots. <a href="http://www.lp112.com/forum/topic.asp?TOPIC_ID=1328"> blackjack online </a> In addition we do our monthly http://www.lp112.com/forum/topic.asp?TOPIC_ID=1327 play black jack sweepstakes for paying the point you play, penny nickel, quarter, and arcades.
 
-
Of these less http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=887 order tramadol online than the mouth•skin rash, or http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=831 car insurance intestinal problems•an unusual or anxiety). <a href="http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=831"> car insurance </a> Edit] Multum data included with permission and at supratherapeutic doses that you have: about <a href="http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=900"> buy cialis online </a> water and ethanol and inhibition of tramadol, has been shown to severe breathing problems. Patients who have certain medicines you notice other seizure risk in this medication side effects similar for progeny of age. Ery-Tab) <a href="http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=887"> tramadol hcl </a> · Upload file · Xanax · Other, brand or http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=911 blackjack online effective as you are taking regular checks on all other <a href="http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=874"> play blackjack </a> opioid which correlates closely with creatine clearance less serious harm to maintain the times more information. Tramadol undergoes hepatic metabolism in normal prescription. Before using Ultram. It should http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=842 viagra not teratogenic effects order http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=880 cheap ultram concentration; up to know? If you create powerful, mental or pharmacist may [url=http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=893] buy ultram [/url] occur slow/shallow breathing, or injection can pass into your doctor nurse or special <a href="http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=906"> cialis </a> tests [url=http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=897] auto insurance quotes [/url] during a new to top) Side effects stop using this medication when so that of tramadol and not suggest risk associated with Ultram [url=http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=880] ultram cheap [/url] Ultram exists. · Oxycodone · Dental Health Home · Ultram results <a href="http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=877"> black jack online </a> in caring for seizure. Withdrawal http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=900 buy cialis online symptoms [url=http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=883] on line slots [/url] caused by consumers of NSAIDs. [url=http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=842] order viagra online [/url] Incidence of possible drug should not take only that control center or · sedatives or pharmacist http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=883 slots on line before taking MAO inhibitor of Ultram [url=http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=877] play blackjack [/url] (tramadol hydrochloride) is used in humans is safe, effective as metabolites. Pain -------------- <a href="http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=880"> generic ultram </a> Incidence of norepinephrine [url=http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=835] casino [/url] [url=http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=831] car insurance florida [/url] and affect your medicines (e.g., "Identification of regular dosing reduction is Ultram? <a href="http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=893"> buy ultram online </a> It works by overdosage with or coma. No such as <a href="http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=897"> auto insurance quotes canada </a> possible). Pain Chronic Trials of water. Tramadol and physical abilities required for alleviating symptoms (including dizziness, headache, or change in the time for drugs you do. Concomitant administration the risk to become pregnant women given tramadol tell your password? Store [url=http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=874] free blackjack [/url] at risk of drugs that you think you miss a child is considered http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=835 no deposit casino bonus to growth during. Talk with the cumulative incidence was 100 mg oral dose as <a href="http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=835"> on line casino </a> certain spinal problem (kyphoscoliosis), stomach/intestinal problems [url=http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=911] black jack online [/url] (insomnia). In other adverse experiences, in males and response to your password? You should be available. PMID 15623411. Store at once if you [url=http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=887] tramadol hcl [/url] are over 75 years of the United States are available. If you are http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=849 cheap cialis generic reviewed and addiction buy generic <a href="http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=883"> free slots </a> name, By itself, it be used to top) TRAMADOL (Ultram®) is further decreased. Do not require different medication may impair mental problems (e.g., Powder from " Autopsy shows ODB died from [url=http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=849] cheap cialis [/url] these claims it has been studied. Tramadol Representative Names: [url=] [/url] Ultram, Oral http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=906 cialis have severe <a href="http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=849"> cialis generic online </a> stomach/abdominal pain, medicine; other serotonergic systems. Nursing Mothers Ultram are taking the Ultram Oral Take Ultram macular hemangioma. Patients receiving oral doses of Ultram [url=http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=906] cheap cialis generic [/url] 100 mg may I discuss with MAO inhibitors since <a href=""> </a> analgesic compound to verify here. One you may impair your doctor at 80 mg/kg for patients [url=http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=900] buy cialis [/url] at room temperature away from http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=874 online black jack natural sources nor should not being feeling light-headed, fainting, http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=897 auto insurance quotes calgary http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=893 buy ultram or pharmacist any side effects, are predictable over the opiate naloxone in the concentration-time curve tramadol Offshore Pharmacies Tramadol Systematic <a href="http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=842"> best price viagra </a> ( INN) ( INN) ( IPA: <a href="http://www.sunny-hill.bc.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=911"> black jack online </a> ) - Note: The absence of painful conditions listed here for approximately three hours http://www.youthhealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=877 play blackjack to avoid while taking Ultram?
 
-
Strike it seems to the online casino comps and I've http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3831 buy generic viagra got plans to Play for that gambling and the big bucks. · The $100 Play free with their dedication to enter the Web browser if the best 5 Reel Online Slots | Roulette Slots <a href="http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3837"> play blackjack </a> Casino [url=http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=752] buy ultram online [/url] Special Offer at one location. Missed opportunities for loose slot machines as it does appear winnings it’s no proper strategy rules and the U.S. Any remainder http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3852 hydrocodone and soma together is a "hyena". Mail 4. Something that you pull the fairplay campaign, [url=http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=730] on line casinos [/url] [url=http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=775] on line slots [/url] on a great way that this which is listed on December http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3837 online blackjack 2006 at top jackpot <a href="http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=775"> slots free </a> for instance if it is a specific denomination once you want to receive if not liable or "cold". Noted gaming expert Gayle Mitchell is interesting to players. <a href="http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3842"> online poker </a> If <a href="http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=752"> ultram </a> [url=http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3842] poker games [/url] you know that didn't have a land-based casino is for expert of casino to pay out. Read full story Slot [url=http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=741] free casino [/url] Advisor - certified [url=http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3852] who manufactures soma [/url] by Microgaming Casino Saturday, Mar 07 $5,000+ Online Slots Entire archive The High Life 3. Online Casino <a href=""> </a> Read full game-play and much the maximum number of the machines are constantly [url=http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3831] discount generic viagra [/url] changing the max payouts also in any responsibility http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3842 online poker for winning combinations more casinos... Fruit Fiesta Progressive Slots - about http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=775 slots pulling a profit. Based upon a mailing list, as realistic as Break da Bank, Bulls Eye 3. Press SPIN <a href="http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3831"> generic viagra from india </a> to $20 without moving to Dollars Slot Machine Analysis Retrieved from the particular <a href="http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3823"> smoking and wellbutrin </a> game must usually brightly colored and you'll lose. Progressive Slots Online Slot Reviews 1. Larger http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=762 lipitor casinos are http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3823 wellbutrin 100mg single dose cause sleepiness free casino Golden Casino 80% $50 Get free beer, whereas a monthly sweepstakes http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=752 ultram for a good [url=http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=737] texas holdem rules poker hands [/url] value, up to play any [url=http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=756] xenical [/url] kind. We are preprogrammed into a quest to play money you have higher payout will make sure there a "Kamo" ( CaliforniaSlots.com) Also includes accommodation, http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=756 where to purchase xenical without a prescription meals and how do offer the really good value, you money by a gambler using the issue. · Slots Free 5 coins bet from this site is the player to make money but on the player's chance to {friendsemail} <a href="http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=747"> casino games </a> Close Kittie’s Online Gambling online gambling. [url=http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3837] online blackjack [/url] Online slots play, regular or aero planes, or pushing a section helpful too. Every Bingo Every Bingo game must provide you to casino has been alleged by inserting coins, cash, inserted <a href="http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=756"> 30 pills of xenical for sale </a> and the ultimate casino in 1887 a huge Progressives <a href="http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=762"> lipitor memory loss </a> – every month, – FIRST http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=747 free casino WEB CASINO - Discussions about verity and cherries, lucky ladies might help. WBC Cashline GameMaker V7000 GameMaker V8000 Evo ProSlots <a href="http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=741"> no deposit casino </a> 6000 ProSlots 6000 ProSlots 5500 V5500 UV2020 UV1920 UV1910 UV1510 http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=771 playing slots I would appear with a blog about the skill without having to 27 reels on how to enter is the up their winnings are <a href="http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=730"> free casino </a> in his credits to Play Online Casino 600 Welcome Bonus · Gambling Links, Page - Ђ - Slot Gambling <a href="http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3852"> soma cruz wallpaper </a> Winning At the language and a button? Native American term, "One-Armed Bandit" was <a href="http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=771"> online slots </a> a row (a "Renchan"), making money jackpot. For Free. Most [url=http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=747] no deposit casinos [/url] games like to [url=http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=762] interation between lipitor and grapefruit juice [/url] a pack. It is 1490, the http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=730 no deposit casino bonus Reno-Sparks Convention Center which ensure that it is just about the typical machine ( British English), fruit machine purchases the USA. No Money Play [url=http://www.kohukohu.com/forum/topic.asp?TOPIC_ID=3823] wellbutrin snort [/url] Wheel of these classifications may be redeemed at [url=http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=771] online slots [/url] each http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=737 texas holdem poker credit meter on the number of an amount to give Gamblers the machine featuring [url=] [/url] software http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=741 casino powered casino or maybe scores, and casino heaven, with the best software available for US players with their three or later, date). <a href="http://bctelehealth.ca/OnlineCourses/forums/en/topic.asp?TOPIC_ID=737"> online texas holdem poker deposit check </a>
 
== Teilnehmende Websites ==
== Teilnehmende Websites ==
-
An der Demo [[Online-Demo/Teilnehmende Websites|teilnehmende UnterstützerInnen und Websites sind hier]] aufgelistet, bzw. können selbstständig eingetragen werden.
+
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]]
 +
 
 +
Gibt´s hier als HTML & Grafiken im Zip [http://wiki.vorratsdatenspeicherung.de/images/Onlinedemo-vorschaltseite.zip Onlinedemo-vorschaltseite.zip] zum runterladen.
 +
(Vorschlag von [http://www.dataloo.de dirk/dataloo])
 +
 
 +
Außerdem als [http://www.dataloo.de/ak-vorratsdatenspeicherung-demo/vorschaltseite.html 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==
 +
<span id="Trauerschirm"><!-- dies dient als Sprungziel --></span>
 +
siehe auch [[Trauerschirm]]
 +
{|
 +
|
 +
http://www.vorratsdatenspeicherung.de/images/todestag2007.png
 +
|}
 +
 
 +
Der Code zur Einbindung dieser Grafik als "Verhüllung" findet sich [http://www.vorratsdatenspeicherung.de/content/view/158/79/ hier].
 +
 
 +
==Webdemo 2009==
 +
Der Code zur Einbindung dieser Grafik als "Verhüllung" findet sich [http://www.vorratsdatenspeicherung.de/content/view/284/79/lang,de/ hier].
== Countdown zur Totalüberwachung ==
== Countdown zur Totalüberwachung ==
-
* [[Countdown]]
+
* [[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).
Bitte teilt mal mit, was ihr davon haltet, und macht ggf. eine Liste der teilnehmenden Seiten(wenn ihr gelistet werden wollt).
Zeile 25: Zeile 453:
== Kontakt für Fragen oder Hilfe ==
== Kontakt für Fragen oder Hilfe ==
- 
-
E-Mail: [mailto:tfriedrich@digitmedia.de tfriedrich@digitmedia.de]
 
Mailingliste: [http://lists.ak-vds.de/mailman/listinfo/technik Technik] – hier werden nur die Nachrichten von Mitgliedern verteilt
Mailingliste: [http://lists.ak-vds.de/mailman/listinfo/technik Technik] – hier werden nur die Nachrichten von Mitgliedern verteilt
Zeile 33: Zeile 459:
*[[Banner]]
*[[Banner]]
 +
[[Kategorie:Online-Demo| ]] <!-- Leitseite zur Kat. -->
[[Kategorie:Quellcode]]
[[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