Einbauanleitung

From Unsereuni

Jump to: navigation, search

Zurück zur Übersichtsseite

Bitte Eintrag auf der Liste der teilnehmenden Blogs und Websites nicht vergessen!

Das Eselsohr lässt sich in alle Seiten deiner Website einbinden. Es ist (so gut wie) mit allen Browsern kompatibel.

comment2, http://www.pcwelt.de/stellenmarkt/ cialis kaufen, oklrli, http://www.pcwelt.de/kontakt/ kamagra, 8-PP, http://glass.uga.edu/directions.html hydrocodone online, 345, http://glass.uga.edu/price.html tramadol online pharmacy, 60969, http://georgiagems.uga.edu/links/ ultram online,  %D,

Contents

[edit] Allgemeine Einbauanleitung

[edit] Deutsche Version

Folgenden HTML-Code vor dem </head>-Tag einbauen: 

<!-- AKVS head start v1.5 -->
<style type="text/css">
<!--
div#akct {
	position: absolute; top:0px; right: 0px; z-index: 2342; width:187px; height:84px;
	background-image: url(http://unibrennt.at/resources/img/Unsereuni-klein.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: 187px;
        height: 84px;
}

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:435px;
	display: block;
	background-image: url(http://unibrennt.at/resources/img/Unsereuni-gross.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
div#akct a#akpreload {
	background-image: url(http://unibrennt.at/resources/img/Unsereuni-gross.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 vor dem </body>-Tag einbauen: 

<!-- AKVS body start v1.5 -->
<div id="akct"><a id="akpeel" href="http://www.unsereuni.at" target="_blank" title="#unsereuni-Onlinedemo - Zeig dich solidarisch unter http://www.unsereuni.at"><img src="http://unibrennt.at/resources/img/Unsereuni-blank.gif" width="20" height="20" alt="blank" /></a>
<a id="akpreload" href="http://unibrennt.at/wiki/index.php/Online-Demo" target="_blank" title="Willst du auch an der Online-Demo teilnehmen? Hier findest du alle relevanten Infos und Materialien: http://unibrennt.at/wiki/index.php/Online-Demo"><img src="http://unibrennt.at/resources/img/Unsereuni-info.gif" width="20" height="12" alt="info" /></a></div>
<!-- AKVS body end -->

[edit] Animation?

Wer statt des animierten Eselsohrs lieber ein nicht-animiertes verwendet, der tausche die ganz am Anfang des Codes die Zeile mit dem "Background-Image" gegen diese Zeile aus: 

div#akct {
	position: absolute; top:0px; right: 0px; z-index: 2342; width:187px; height:84px;
	background-image: url(http://unibrennt.at/resources/img/Unsereuni-fix.gif);

Bereitgestellt von Robert, basierend auf der Online-Demo gegen Überwachung von Helge und ursprünglich entwickelt von dirk/dataloo.

[edit] English Version

Add the following code before the </head>-Tag: 

<!-- AKVS head start v1.5 -->
<style type="text/css">
<!--
div#akct {
	position: absolute; top:0px; right: 0px; z-index: 2342; width:187px; height:84px;
	background-image: url(http://unibrennt.at/resources/img/Unsereuni-klein.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: 187px;
        height: 84px;
}

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:435px;
	display: block;
	background-image: url(http://unsereuni.at/resources/img/unsereuni_gross_en.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
div#akct a#akpreload {
	background-image: url(http://unsereuni.at/resources/img/unsereuni_gross_en.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 -->

Add the following code before the </body>-Tag: 

<!-- AKVS body start v1.5 -->
<div id="akct"><a id="akpeel" href="http://www.unsereuni.at" target="_blank" title="#unsereuni-Onlinedemo - declare your solidarity: http://www.unsereuni.at"><img src="http://unibrennt.at/resources/img/Unsereuni-blank.gif" width="20" height="20" alt="blank" /></a>
<a id="akpreload" href="http://unibrennt.at/wiki/index.php/Online-Demo" target="_blank" title="Do you want to join this online-demo with your website? Then please visit http://unibrennt.at/wiki/index.php/Online-Demo for further information!"><img src="http://unibrennt.at/resources/img/Unsereuni-info.gif" width="20" height="12" alt="info" /></a></div>
<!-- AKVS body end -->

[edit] Animation?

You want a static small image instead of the moving one? Then please replace the beginning of the code above with the following: 

div#akct {
	position: absolute; top:0px; right: 0px; z-index: 2342; width:187px; height:84px;
	background-image: url(http://unibrennt.at/resources/img/Unsereuni-fix.gif);

[edit] Einbau in Wordpress

[edit] Wordpress-Plugin

[edit] automatisch

Das Plugins kann direkt über die Administrationsoberfläche von Wordpress installiert werden. Dazu auf Plugins / Installieren klicken, nach "unsereuni" suchen und danach auf "Jetzt Installieren" klicken. Plugin-Adresse: http://wordpress.org/extend/plugins/unsereuni-online-demo-austria

[edit] manuell

  1. das Wordpress-Plugin hier downloaden (rechte Maustaste / Ziel speichern unter)
  2. die Dateiendung von txt in php ändern
  3. auf den Webserver ins Wordpress-Plugin-Verzeichnis kopieren (/wp-content/plugins)
  4. als Administrator in Wordpress einloggen und Plugins verwalten aufrufen
  5. Plugin "Unsereuni Online Demo Austria" aktivieren

fertig Hinweis: die Einstellungsmöglichkeit "Sonderhinweis anzeigen" unter Plugins / "Unsereuni Online Demo Austria" hat keine Auswirkung in dieser Version des Plugins.

[edit] Wordpress auf englisch

Mit Admin-Rechten einloggen. Unter "Presentation" und "Theme Editor" in die Datei "header.php" den ersten Teil kurz vor </head> und den zweiten Teil in "footer.php" kurz vor </body> kopieren. Siehe die allgemeine Anleitung (oben).

Wer das Plugin "WP-Cache" nutzt, sollte den Cache leeren (Options > WP-Cache), um die Änderung sehen zu können.

[edit] Wordpress auf deutsch

Mit Admin-Rechten einloggen. Unter "Themes" und "Theme Editor" in den Seitenkopf ("header.php") den ersten Teil kurz vor </head> und den zweiten Teil in den Fußteil ("footer.php") kurz vor </body> kopieren. Siehe die allgemeine Anleitung (oben).

Wer das Plugin "WP-Cache" nutzt, sollte den Cache leeren (Einstellungen > WP-Cache), um die Änderung sehen zu können.

[edit] Wordpress und Mobile Themes

Wird das Theme WP-Touch für mobile Geräte verwendet, bitte unter Einstellungen / WP-Touch die Option "Enable WPtouch exclusive mode" aktivieren, dann wird das Eselsohr auf der mobilen Version der Seite nicht angezeigt und man kann sich z.B. über das iPhone weiterhin einloggen.

[edit] Einbau in andere Blog-Systeme

[edit] Twoday.net-blogs

Layout anpassen --> Skins (HTML)--> Den <head>-code in die "Hauptseite" einsetzen, den <body>-code unter "Beitragsanzeige". Speichern, fertig.

[edit] Serendipity

[edit] b2evolution

Im Verzeichnis skins/Name_des_verwendeten_Skins den Code in die Datei _main.php einfügen. So erscheint das Eselsohr auf allen Seiten.

[edit] Blogger.com

[edit] Blogger.de

[edit] 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.)

[edit] Blog.de und Verwandte

[edit] Einbau in diverse CMS, Diskussionsforen und Wikis

Weiß jemand, wie es auf jimdo eingebaut werden kann?


[edit] Joomla

Die Datei /templates/TEMPLATENAME/index.php mit einem Texteditor bearbeiten. Siehe die allgemeine Anleitung (oben).

[edit] TYPO3

[edit] 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 über </body> den entsprechenden Code einbauen und speichern.


[edit] Gallery2, xt:Commerce, b1gMail, und alle anderen auf der Template-Engine Smarty basierenden

[edit] 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.

Falls ihr TMS installiert hab könnt ihr einfach folgendes Add-On importieren: http://www.ragtek.org/ragtek_antibanner_1-0.zip

[edit] PHP-Nuke

[edit] MediaWiki

Quick&Dirty, für die standard-Skin (MonoBook):

  1. öffne die Datei skins/MonoBook.php:
  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 vor dieser Zeile, füge den Body-Schnipsel ein.
  4. Um ein Verdecken des Anmelden-Links zu verhindern öffne den Artikel MediaWiki:Monobook.css und füge folgende Zeile hinzu: #p-personal ul { margin-right:200px }. Damit verschiebst du diesen um 200px nach links. (Alternativ kannst du diese Änderung auch in der Datei skins/MonoBook/main.css durchführen.)

Für andere Monobook-basierten Skins (wohl den meisten) sollte das analog funktionieren. Für "old style" Skins wie CologneBlue wird es hässlich.

[edit] 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.

[edit] phpBB

Dofus est un [url=http://www.bawwgt.com/fr]dofus kamas[/url], le joueur incarne un ou plusieurs personnages. On y retrouve une multitude [url=http://www.bawwgt.com/fr]acheter des dofus kamas[/url] et d'¨¦quipements en tout genre, une vingtaine de m¨¦tiers diff¨¦rents et plus d'une centaine de monstres r¨¦partis en diff¨¦rentes zones sur les 10 000 [url=http://www.bawwgt.com/fr]dofus kamas pas cher[/url] (portions de carte, sur lesquelles l'on se d¨¦place d'ailleurs comme sur une carte) formant l'univers de [url=http://www.bawwgt.com/fr]achat dofus kamas[/url], dont 99% ne sont accessibles qu'aux abonn¨¦s.

[edit] 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.

[edit] Drupal

Version 5.x --> File:Akv pagepeels-5.x-1.2.zip
Version 6.x --> File:Akv pagepeels-6.x-1.2.zip

Einfach ZIP-Datei in "modules"-Verzeichnis von Drupal entpacken und in der grafischen Administrationsansicht das Modul aktivieren. Fertig! HTML anpassungen können in der pagepeel.module datei vorgenommen werden und css in der pagepeel.css.

[edit] Posterous

[edit] Zikula

Oben genannten Code einfügen in /themes/DEINTHEME/templates/master.htm

[edit] Browser-Kompatibilität

Achtung - Liste ist veraltet!; von den deutschen Kollegen - wiki.vorratsdatenspeicherung.de - wurden folgende Browser getestet:

Retrieved from "http://unibrennt.at/wiki/index.php/Einbauanleitung"
Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox