Online-Demo: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Dirx (Diskussion | Beiträge) (→Vorschlag für Pagepeel/ Eselsohr: Neue Version 1.3) |
Dirx (Diskussion | Beiträge) K (Pagepeel nach oben - ist wichtiger) |
||
| Zeile 8: | Zeile 8: | ||
Jetzt. | Jetzt. | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
== Pagepeel/ Eselsohr == | == Pagepeel/ Eselsohr == | ||
| Zeile 146: | Zeile 123: | ||
* Wer macht eine für Blogs die auf Wordpress, Blogger etc. basieren? | * Wer macht eine für Blogs die auf Wordpress, Blogger etc. basieren? | ||
* Wer macht eine fuer MediaWiki? | * Wer macht eine fuer MediaWiki? | ||
| + | |||
| + | == Vorschlag für 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 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) | ||
== Teilnehmende Websites == | == Teilnehmende Websites == | ||
Version vom 9. Mai 2007, 17:52 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.
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)
- 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?
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)
- 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)
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