Online-Demo: Unterschied zwischen den Versionen

Version vom 10. Mai 2007, 20:07 Uhr

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.

Fehler beim Erstellen des Vorschaubildes: Die Miniaturansicht konnte nicht am vorgesehenen Ort gespeichert werden

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

Fehler beim Erstellen des Vorschaubildes: Die Miniaturansicht konnte nicht am vorgesehenen Ort gespeichert werden

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.

Ricardo Cristofs Websites: BlackBlogX, Midvinterland, My CV
Zipf Websites: rfxd
Dirk Adler Websites: dataloo, stasi 2.0 shirt
Freierfall Websites: Freierflug
WordsBG Websites: Boredom ...sucks
Julius Websites: browsergames.org

@@ Zeile 103: / Zeile 103: @@
 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)
@@ Zeile 113: / Zeile 113: @@
 * 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)
+* Firefox 2.0.0.3 (Linux/Ubuntu 6.10, Linux/Gentoo-2006.1 x86_64)
 * [http://meineipadresse.de/netrenderer/index.php IE NetRenderer] (Windows)
 ** IE 7