Pagepeel für deine Webseite!

Du betreibst eine Webseite bzw. einen Blog und möchtest diese Initiative unterstützen?
Ja? ... Dann haben wir hier genau das richtige für dich!

Binde unser Pagepeel auf deine Webseite ein! HowTo
Für Wordpress Blogs stellen wir auch en Plugin zur einfachen Installation bereit.

Bitte trag dich im Wiki ein, wenn du das Pagepeel auf deiner Seite eingebunden hast.

Wordpress Plugin

Plugin auf wordpress.org

Klassische Einbindung

CSS-Code

Folgender CSS-Code gehört in den Header eingebunden:


<!-- AKVS head start v1.6 -->
<style type="text/css">
    div#akct {
        position: absolute; top:0px; right: 0px; z-index: 2342; width:113px; height:88px;
        background-image: url(https://zeichnemit.at/images/vds_corner.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: 113px;
        height: 88px;
    }
    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:500px;
        display: block;
        background-image: url(https://zeichnemit.at/images/vds_extended.png);
        background-repeat: no-repeat;
        background-position: right top;
    }
    div#akct a#akpreload {
        background-image: url(https://zeichnemit.at/images/vds_extended.png);
        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 -->

HTML-Code

Folgender HTML-Code gehört am Anfang des Bodys eingebunden:

Beispiel

Ein Beispiel befindet sich am oberen rechten Eck dieser Seite!

Falls sich jemand nicht wohl dabei fühlt, fremde Elemente in die eigene Webseite einzubinden, gibt es jetzt auch die "Relative Edition". Darin gibt es nur relative Bild-Pfade - dafür muss man die Bilder selbst hosten.

Download der "Relative Edition"

Danke für's einbinden!

zurück zu zeichnemit.at