Seite 2 von 7

Re: Mausverfolger

Verfasst: Do 10. Jan 2013, 20:18
von goefi-chiangmai
Nathaly hat geschrieben:also wo kommt es jetzt rein im Header-Bereich oder Sitewide ?
Da Du ja eigenes Design hast am besten in den Header Bereich.
Mach es genau so wie es Jasko beschrieben hat

Re: Mausverfolger

Verfasst: Do 10. Jan 2013, 20:30
von Nathaly
ich hab es ja drin aber es klappt nicht so

hab das jetzt so drin

Eigener, zusätzlicher HTML-Code (zwischen <head> und </head>)

<head><script type='text/javascript'>
<!--
kissAnzahl = 3 //Anzahl der maximalen Bilder, die auf einmal angezeigt werden
lastKiss = 1 //welches Bild soll zuletzt angezeigt werden? (zwischen 0 und 1 wählen)
kissDauer = 1000 //Dauer der Anzeige der Bilder auf dem Bildschirm (in Millisekunden)
kissAbstand = 50 //Abstand des Mauszeigers bevor das nächste Bild erscheint
erstesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das erste Bild
zweitesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das zweite Bild


//Ab hier nichts mehr ändern
var docLayers = (document.layers) ? true:false;
var docId = (document.getElementById) ? true:false;
var docAll = (document.all) ? true:false;
var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."
var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""
var stylebitK = (docLayers) ? "":".style"
var showbitK = (docLayers) ? "show":"visible"
var hidebitK = (docLayers) ? "hide":"hidden"
var ns6=document.getElementById&&!document.all

var posX, posY, lastX, lastY, kissAnzahl, lastKiss, kissDauer, kissAbstand, erstesBild
lastX = 0
lastY = 0

function kissMeNow(e) {

posX = getMouseXPos(e)
posY = getMouseYPos(e)
if (posX>(lastX+kissAbstand)||posX<(lastX-kissAbstand)||posY>(lastY+kissAbstand)||posY<(lastY-kissAbstand)) {
showKiss(posX,posY)
lastX = posX
lastY = posY
}
}

function getMouseXPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageX+10)
} else {
return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))
}
}

function getMouseYPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageY)
} else {
return (parseInt(event.clientY) + parseInt(document.body.scrollTop))
}
}

function showKiss(x,y) {
var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x
if (lastKiss >= kissAnzahl) {lastKiss = 0}
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".left = " + processedx)
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".top = " + y)
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")
if (eval("typeof(kissDauer" + lastKiss + ")")=="number") {
eval("clearTimeout(kissDauer" + lastKiss + ")")
}
eval("kissDauer" + lastKiss + " = setTimeout('hideKiss(" + lastKiss + ")',kissDauer)")
lastKiss += 1
}

function hideKiss(knum) {
eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")
}

function kissbegin(){
if (docLayers) {
document.captureEvents(Event.MOUSEMOVE)
document.onMouseMove = kissMeNow;
} else {
document.onmousemove = kissMeNow;
}
}

if (document.all||document.getElementById||document.layers){
for (k=0;k<kissAnzahl;k=k+2) {
document.write('<div id="kisser' + k + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + erstesBild + '" alt="" border="0"></div>\n')
document.write('<div id="kisser' + (k+1) + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + zweitesBild + '" alt="" border="0"></div>\n')
}
}
window.onload=kissbegin;

//-->
</script></head>)

wenn ich das so mache ... dann er scheint oben Links ) Diese Zeichen im Design

Re: Mausverfolger

Verfasst: Do 10. Jan 2013, 21:05
von Nathaly
Jasko hat geschrieben:Also bei
Eigener, zusätzlicher HTML-Code (zwischen <head> und </head>) unter Header-Bereich

musst du den ganzen Code Entfernen. Dan geshst du auf Design ->Mein Design ->Styels verwalten -> und klickst auf ändern im Standard-Style deiner HP

Verstehe ich nicht so ganz was ich da machen soll :E

Jasko hat geschrieben:dort hast Du zwei Bereiche Header und Footer. Im Header findest du diesen Tag </head>
und vor diesen Tag platzierst du diesen Code:

Code: Alles auswählen

    <script type='text/javascript'>
    <!--
    kissAnzahl = 3 //Anzahl der maximalen Bilder, die auf einmal angezeigt werden
    lastKiss = 1 //welches Bild soll zuletzt angezeigt werden? (zwischen 0 und 1 wählen)
    kissDauer = 1000 //Dauer der Anzeige der Bilder auf dem Bildschirm (in Millisekunden)
    kissAbstand = 50 //Abstand des Mauszeigers bevor das nächste Bild erscheint
    erstesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das erste Bild
    zweitesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das zweite Bild


    //Ab hier nichts mehr ändern
    var docLayers = (document.layers) ? true:false;
    var docId = (document.getElementById) ? true:false;
    var docAll = (document.all) ? true:false;
    var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."
    var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""
    var stylebitK = (docLayers) ? "":".style"
    var showbitK = (docLayers) ? "show":"visible"
    var hidebitK = (docLayers) ? "hide":"hidden"
    var ns6=document.getElementById&&!document.all

    var posX, posY, lastX, lastY, kissAnzahl, lastKiss, kissDauer, kissAbstand, erstesBild
    lastX = 0
    lastY = 0

    function kissMeNow(e) {

    posX = getMouseXPos(e)
    posY = getMouseYPos(e)
    if (posX>(lastX+kissAbstand)||posX<(lastX-kissAbstand)||posY>(lastY+kissAbstand)||posY<(lastY-kissAbstand)) {
    showKiss(posX,posY)
    lastX = posX
    lastY = posY
    }
    }

    function getMouseXPos(e) {
    if (document.layers||ns6) {
    return parseInt(e.pageX+10)
    } else {
    return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))
    }
    }

    function getMouseYPos(e) {
    if (document.layers||ns6) {
    return parseInt(e.pageY)
    } else {
    return (parseInt(event.clientY) + parseInt(document.body.scrollTop))
    }
    }

    function showKiss(x,y) {
    var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x
    if (lastKiss >= kissAnzahl) {lastKiss = 0}
    eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".left = " + processedx)
    eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".top = " + y)
    eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")
    if (eval("typeof(kissDauer" + lastKiss + ")")=="number") {
    eval("clearTimeout(kissDauer" + lastKiss + ")")
    }
    eval("kissDauer" + lastKiss + " = setTimeout('hideKiss(" + lastKiss + ")',kissDauer)")
    lastKiss += 1
    }

    function hideKiss(knum) {
    eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")
    }

    function kissbegin(){
    if (docLayers) {
    document.captureEvents(Event.MOUSEMOVE)
    document.onMouseMove = kissMeNow;
    } else {
    document.onmousemove = kissMeNow;
    }
    }

    if (document.all||document.getElementById||document.layers){
    for (k=0;k<kissAnzahl;k=k+2) {
    document.write('<div id="kisser' + k + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + erstesBild + '" alt="" border="0"></div>\n')
    document.write('<div id="kisser' + (k+1) + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + zweitesBild + '" alt="" border="0"></div>\n')
    }
    }
    window.onload=kissbegin;

    //-->
    </script>


im Headerbereich gibt es kein Footer und ich denke es soll nicht im Sitewite rein

Re: Mausverfolger

Verfasst: Do 10. Jan 2013, 21:21
von Jasko
Hast du jemals den Quellcode deines Designs bei nPage angepasst? :E

Re: Mausverfolger

Verfasst: Do 10. Jan 2013, 21:22
von Nathaly
Welchen quellen Code :E Peter hat es gemacht für mich :U

Re: Mausverfolger

Verfasst: Do 10. Jan 2013, 21:57
von Nathaly
könnt ihr das noch mal auf schreiben so das ich verstehen :K

Re: Mausverfolger

Verfasst: Do 10. Jan 2013, 21:58
von Jasko
OK kein Problem machen Wir. Ich mache mal eine kleine Anleitung mit Bildern und stele diese dan für dich hier rein.

MFG

Re: Mausverfolger

Verfasst: Do 10. Jan 2013, 22:03
von Nathaly
Supi :)

Re: Mausverfolger

Verfasst: Do 10. Jan 2013, 22:27
von Jasko
Zu erst gehst du im nPage Admin Bereich auf
Design, dann klickst du auf mein Design, im Bild zu finden bei Pfeil 1. dan Pfeil 2.
Bild

Nun klickst du auf Styles verwalten.
Bild

Anschliessend, suchst du Deinen Style aus, es ist warscheinlich nur einer, der Name Spielt keine Rolle, in meinem Beispiel heisst der Style 0000 Standard, bei dir kann es auch ganz anders heissen, wichtig ist das du auf ändern klickst.
Bild

Und nun hast du einen Header Bereich, zu finden bei 1. und einen Footer Bereich zu finden bei 2. im Bild. Uns interessiert jetzt aber nur der Header, dort musst du den Tag finden den ich mit einem roten Kreis markiert habe und auf den der Pfeil Zeigt.
Bild

Vor diesen Tag kommt der Code aus deinem ersten post hier.
Dann nur noch speichern und fertig ist das ganze.

Re: Mausverfolger

Verfasst: Do 10. Jan 2013, 22:33
von Nathaly
hab gemacht aber irgetnwie geht net oder muss am ende noch was stehen