Online-Demo

Aus Freiheit statt Angst!

Wechseln zu: Navigation, Suche

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.

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

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)
  • 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, 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.
  • Wer macht eine für Blogs die auf Wordpress, Blogger etc. basieren?
  • Wer macht eine fuer MediaWiki?

Teilnehmende Websites

Vorschlag - Teilnehmer können sich hier eintragen.

Persönliche Werkzeuge
Werkzeuge