Online-Demo

Aus Freiheit statt Angst!

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
Zeile 103: Zeile 103:
Bisher getestet unter:
Bisher getestet unter:
-
* Firefox, Version:2.0.* (Windows 32bit, FreeBSD, Linux x86_64)
+
* Firefox, Version:2.0.* (Windows 32bit, FreeBSD)
* IE, Version 6 (Windows, auch 64bit Version von Browser und OS)
* IE, Version 6 (Windows, auch 64bit Version von Browser und OS)
Zeile 113: Zeile 113:
* Safari 2.0.4 (Intel Mac OS X)
* Safari 2.0.4 (Intel Mac OS X)
* 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)
+
* Firefox 2.0.0.3 (Linux/Ubuntu 6.10, Linux/Gentoo-2006.1 x86_64)
* [http://meineipadresse.de/netrenderer/index.php IE NetRenderer] (Windows)
* [http://meineipadresse.de/netrenderer/index.php IE NetRenderer] (Windows)
** IE 7
** IE 7

Version vom 19:07, 10. Mai 2007

Inhaltsverzeichnis

Allgemein

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.

Zeitraum

Jetzt. Denn: die Umsetzung der EU-Richtlinie zur Vorratsspeicherung soll bis spätestens 15. September 2007 in nationales Recht umgesetzt werden.

Pagepeel/ Eselsohr

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

Bild:Onlinedemo-pagepeel-screenshot.jpg

Die aktuelle Version ist 1.3.

Folgendes wurde geändert:

  • 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-Ani (Dank geht an Marko Jung)

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

<!-- AKVS head start v1.3 -->
<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;
}
div#akct a#akpeel img {
	width: 100%;
	height: 100%;
}

div#akct a {
	text-decoration: none;
	border:none;
	padding:0;
	margin:0;
	display: block;
}
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: 20px 20px;
}
-->
</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.3 -->
<div id="akct"><a id="akpeel" href="http://www.vorratsdatenspeicherung.de" target="_blank" title="Stoppt die Vorratsdatenspeicherung! Jetzt klicken & handeln!"><img src="http://wiki.vorratsdatenspeicherung.de/images/Akvst.gif" alt="Stoppt die Vorratsdatenspeicherung! Jetzt klicken & handeln!" /></a><a id="akpreload" href="http://wiki.vorratsdatenspeicherung.de/?title=Online_Demo" target="_blank" title="Willst du auch bei der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:"><img src="http://wiki.vorratsdatenspeicherung.de/images/Akvsi.gif" alt="Willst du auch bei der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:" /></a></div>
<!-- AKVS body end -->

Bereitgestellt von dirk/dataloo

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

Inhaltliches

  • Gibt es Verbesserungsvorschläge?

Technisches

Bisher getestet unter:

  • Firefox, Version:2.0.* (Windows 32bit, FreeBSD)
  • IE, Version 6 (Windows, auch 64bit Version von Browser und OS)
  • Konqueror, Version: 3.5.6 (FreeBSD)
  • Opera, Version 9.1 (Windows), Version: 9.2 (Windows, FreeBSD)
  • 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 (Intel Mac OS X)
  • 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)
  • IE NetRenderer (Windows)
    • IE 7
    • IE 6
    • IE 5.5

Anleitung zum Einbau

  • Wordpress 2.1.x: Ein fertiges Paket (ZIP) gibt es als Wordpress-Plugin hier zum runterladen. Einfach in das Plugin-Verzeichnis von Wordpress entpacken (es ist nur die Datei ppeelvds.php notwendig), Plugin "Pagepeel (AK VDS)" aktivieren. Fertig. Getestet mit WP 2.1, Versionen 1.5 und 2.0 könnten auch funktionieren, muss noch getestet werden. Plugin wurde zusammengefrickelt von Ralf "Arby" Brostedt und liegt derzeit in Version 1.3 vor.
  • Wer macht eine für Blogs die auf Wordpress, Blogger etc. basieren?
  • Wer macht eine fuer MediaWiki?

Vorschlag für 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 udn 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)
    • Konqueror, Version: 3.5.6 (FreeBSD)
    • 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)

Teilnehmende Websites

Vorschlag - Teilnehmer können sich hier eintragen.

Persönliche Werkzeuge
Werkzeuge