Maus als anderes Symbol

Also jetzt kann jeder ein eigenes Bild als Maus nehmen
Einfach den Code einfügen in: Adminbereich/Allgemeines/Startseite/Einstellungen

Code:

<script type="text/javascript">
/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/
var trailimage=["URL des Bildes hier eingeben", 64,69] //image path, plus width and height
var offsetfrommouse=[10,20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //duration in seconds image should remain visible. 0 for always.
if (document.getElementById || document.all)
document.write('<div id="trailimageid"style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px" alt=""></div>')
function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}
function truebody(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}
function hidetrail(){
gettrailobj().visibility="hidden"
document.onmousemove=""
}
function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth :
pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) :
Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}
document.onmousemove=followmouse
if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000)
</script>

ind wo bitte schoen fuege ich dann den code ein Danke schoen

Adminbereich/Allgemeines/Startseite/Einstellungen

Hallo,

das kopierst Du in 'Nachricht auf der Hauptseite' unter 'Inhalt der Nachricht' in das HTML-Feld. -Als Titel der Nachricht kannst Du "nbsp;" eingeben, dann wird das Kästchen wo sonst ein echter Titel stehen würde nicht angezeigt.

LG, Rossi

Und das einzige, was man in dem vorgegebenen Text von Tobi umändern muss, ist die URL des Bildes??

Weltenretter schrieb:Und das einzige, was man in dem vorgegebenen Text von Tobi umändern muss, ist die URL des Bildes??

Genau, die musst du noch ändern...alles andere muss so bleiben

soweit ist das klar nur muss das Bild ne bestimmt größe haben??
weil es bei mir immer verzerrt angezeigt wird und zu groß dabei ist das Bild nur 25x17 das ich einfügen will und darf es ein Gif sein ??

ich habe mal unterschiedliche Größen ausprobiert und das Bild ist bei mir auch immer ein wenig verzerrt, aber nicht gravierend.
Gifs funktionieren auch, sogar animierte Grafiken

Mir fällt da grade etwas ein: Ich möchte als Mauszeiger so ein Schwert haben Hier seht ihr es. Aber ich möchte als Mauszeiger nur die Klinge haben. Was mach ich mit dem schwarzen?? Bilder werden ja immer als viereckige Bilder halt abgespeichert.

hm, du kannst das Bild bearbeiten, den Hintergrund rausnehmen und dann auf nem transparenten Hintergrund einfügen. Hast du Photoshop oder Gimp?


wenn du ein bisschen Zeit hast und es nicht sehr eilig ist, kann ich das auch für dich machen....

Das wäre nett. Wenn du das machst, hab ich einpaar Bitten an dich. Das Schwert sollte mit der Spitze nach oben links zeigen und die Größe sollte vielleicht ein GANZ kleines Bischen verkleinert werden. Es wäre außerdem perfekt, wenns noch heut fertig wird

was heißt denn ein GANZ kleines bisschen? Gib mir ne genaue Größe, damit kann ich dann was anfangen...

Blödsinn. Sorry, ich hab mir das Bild nocheinmal angeschaut und habe beschlossen, dass es die Größe behalten soll

Und schon fertig??

Weltenretter schrieb:Blödsinn.

Wenn du hier weiter die Leute, die dir helfen wollen, derart anfährst, dann wirst du dir bald selber helfen müssen.......!

---

--> Bitte teilt uns mit, wenn euer Problem erledigt ist, damit wir den Thread schließen können

LG,
Alex

Aktuelle Daten:
Das Forum der Foren ist Fr 20 Okt 2006 - 0:26 2006 eröffnet worden und ist heute genau 6610 Tage alt.
14784 User haben bisher 292061 Beiträge geschrieben in 108 Foren.
Davon hast Du, Gast, seit Deiner Anmeldung (am ) 0 Beiträge erstellt.

Weltenretter schrieb:Und schon fertig??

mein Lieber, ich hab dir schon vor ner halben Stunde ne PN mit der Grafik geschickt. Solltest mal dein Postfach checken.

außerdem find ich deinen Ton nicht grad schmeichelhaft

edit um 21.15h: anscheinend ist es doch nicht so eilig mit der Grafik...PN ist noch nicht abgerufen!
Muss ich das verstehen?

alex schrieb:

Weltenretter schrieb:Blödsinn.

Wenn du hier weiter die Leute, die dir helfen wollen, derart anfährst, dann wirst du dir bald selber helfen müssen.......!

Das mit dem Blödsinn war auf mich bezogen. Ich wollt sagen, dass es Blödsinn war, dass ich gesgat habe, die Grafik ETWAS kleiner haben zu wollen. Ich wollt niemanden hetzen, beleidigen oder Ähnliches

ist schon o.k.

hoffe dir gefällt die Grafik und der Einbau klappt ohne Probleme. Melde dich, wenn du noch Fragen hast, o.k.?

Ja ich hätte ein Problem. Bei mir ist das irgendwie, naja, komisch. Geht mal hier drauf, dann werdet ihr sehen, was mein Problem ist, hehe...

Ich beschreib mal mein Problem:

Also, der normale Mauszeiger ist halt zu sehen und ´die Transparenz des Bildes ist nicht mehr vorhanden

kannst du mal den Code hier posten, den du eingesetzt hast? Bei mir ist das Bild transparent...

<script type="text/javascript">
/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/
var trailimage=["https://i.servimg.com/u/f42/12/12/68/72/20080510.jpg", 64,69] //image path, plus width and height
var offsetfrommouse=[10,20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //duration in seconds image should remain visible. 0 for always.
if (document.getElementById || document.all)
document.write('<div id="trailimageid"style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px" alt=""></div>')
function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}
function truebody(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}
function hidetrail(){
gettrailobj().visibility="hidden"
document.onmousemove=""
}
function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth :
pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) :
Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}
document.onmousemove=followmouse
if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000)
</script>

versuch mal mit der Bild-URL: https://i.servimg.com/u/f46/11/86/78/90/schwer10.png (weiß allerdings nicht, ob das von mir hochgeladene Bild bei dir funktioniert, denke aber schon...)


der Mauszeiger an sich bleibt. Das Schwert ist nur der Mausverfolger. Du kannst den Abstand zwischen Zeiger und Schwert aber verändern. Und zwar in dieser Zeile:

var offsetfrommouse=[10,20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset

je niedriger die Zahl ist, umso näher ist das Schwert am Zeiger. Wenn du bei beiden 0 setzt, dann ist es ganz nah.

Soa, ich habe den Code, der ganz oben steht nun in das Nachrichtenfeld eingegeben usw. Das hat auch alles super geklappt und man kann jetzt das Bild, was ich eingefügt habe, auch sehen wenn man mit der Maus über die Seite geht- aber seht euch das bitte mal an:
http://wayofninja-rpg.forumieren.de/index.htm

naja, ich wollte fragen ob das normal ist... und wenn nicht wie ich den Text unterhalb des Kunais wegkrieg...
schön mal ein großes Danke im Vorraus

Hallo ,

Bitte mal den Code genauso posten, wie er eingegeben ist (raus kopieren, hier einsetzen, dabei auf Vollständigkeit achten), da ist ein Fehler drin....

---

--> Bitte teilt uns mit, wenn euer Problem erledigt ist, damit wir den Thread schließen können

LG,
Alex

Aktuelle Daten:
Das Forum der Foren ist Fr 20 Okt 2006 - 0:26 2006 eröffnet worden und ist heute genau 6610 Tage alt.
14784 User haben bisher 292061 Beiträge geschrieben in 108 Foren.
Davon hast Du, Gast, seit Deiner Anmeldung (am ) 0 Beiträge erstellt.

ok, hier ist er:

<script type="text/javascript">
/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/
var trailimage=[<a href="http://img3.imagebanana.com/"><img style="border:0px;" alt="ImageBanana - Kunai.gif" src="http://img3.imagebanana.com/img/295jm8wt/Kunai.gif" /></a>, 64,69] //image path, plus width and height
var offsetfrommouse=[10,20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //duration in seconds image should remain visible. 0 for always.
if (document.getElementById || document.all)
document.write('<div id="trailimageid"style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px" alt=""></div>')
function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}
function truebody(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}
function hidetrail(){
gettrailobj().visibility="hidden"
document.onmousemove=""
}
function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth :
pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) :
Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}
document.onmousemove=followmouse
if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000)
</script>