Anleitung zum Einbinden eines Eselsohrs auf Homepages
Wir haben ein Eselsohr zum Einbinden auf Homepages erstellt. Das Eselsohr besteht aus zwei Bildern. Hier findet ihr auch eine kurze Anleitung zum einbinden auf Homepages.
Anleitung:
Es müssen zwei Codefragmente in den HTML Code der Seite eingefügt werden. Einmal in den <head> Bereich und das andere in den <body> Bereich (siehe unten)
Das muss in den <head> Bereich der Seite eingefügt werden:
Es müssen zwei Sachen in den HTML Code der Seite eingefügt werden. Einmal in den <head> Bereich und das andere in den <body> Bereich (siehe unten)
Das muss in den <head> Bereich der Seite eingefügt werden:
<!-- mumia-ecke head start v1.6 -->
<style type="text/css"><!-- div#mumiact { position: absolute; top:0px; right: 0px; z-index: 2342; width:150px; height:150px; background-image: url(http://www.no129.info/pics/esela.gif); background-repeat: no-repeat; background-position: right top; border:none; padding:0; margin:0; text-align: right; }
div#mumiact img { border:none; padding:0; margin:0; background: none; }
div#mumiact a#mumiapeel img { width: 150px; height: 150px; }
div#mumiact a, div#mumiact a:hover { text-decoration: none; border:none; padding:0; margin:0; display: block; background: none; }
div#mumiact a#mumiapeel:hover { position: absolute; top:0px; right: 0px; z-index: 4223; width:500px; height:500px; display: block; background-image: url(http://www.no129.info/pics/eselb.gif); background-repeat: no-repeat; background-position: right top; }
div#mumiact a#mumiapreload { background-image: url(http://www.no129.info/pics/eselb.gif); background-repeat: no-repeat; background-position: 234px 0px; } .Stil4 {font-size: 14px} .Stil6 {font-size: 14px; font-weight: bold; } --> </style> <!--[if gte IE 5.5]> <![if lt IE 7]> <style type="text/css"> div#mumiact a#mumiapeel:hover { right: -1px; } </style> <![endif]> <![endif]--> <!-- mumia-ecke head end -->
in den <body> Bereich einfügen:
<!-- mumia-ecke body start v1.0 -->
<div id="mumiact"><a id="mumiapeel" href="http://www.no129.info/6juli.html" target="_blank" title="Dienstag, 06. Juli, Prozessdelegation zum Ende des Stammheimer §129b Prozesses"><img src="http://www.no129.info/pics/blank.gif" alt="Dienstag, 06. Juli, Prozessdelegation zum Ende des Stammheimer §129b Prozesses" /></a>
<a id="mumiapreload" href="http://www.no129.info/6juli.html" target="_blank" title="Dienstag, 06. Juli, Prozessdelegation zum Ende des Stammheimer §129b Prozesses"><img src="http://www.no129.info/pics/info.gif" alt="Dienstag, 06. Juli, Prozessdelegation zum Ende des Stammheimer §129b Prozesses" /></a>
</div>
<!-- mumia-ecke body end -->
Bild 1:
Bild 2:
