Texteffekte

von cosmoluna am Di 16 März 2010 - 21:44

Ich habe da eine Script, ein kurzer Text, der jeder Mausbewegung folgt.
Im Portal war er einfach einzusetzen.
Meine Frage: Wo muss ich ihn einsetzen, damit das auch im Forum selbst funktioniert.

Code:: <span style="font-size: 36px; line-height: normal"><strong> <script type="text/javascript"> // Ripple Text by Kurt Grigg - http://www.btinternet.com/~kurt.grigg/javascript if ((document.getElementById) && window.addEventListener || window.attachEvent){ (function(){ var msg = "100.000 Beiträge"; var font = 'verdana'; var size = 24; var colour = '#ff0000'; var delay = 0.35; // Must be less than 1 var speed = 40; // setTimeout - run speed var yOffSet = 25; var xOffSet = 25; //---End user config. var d = document; msg = msg.split(""); var n = msg.length; var y = 0; var x = 0; var yp = []; var xp = []; var yd = []; var xd = []; var temp = []; var idx = document.getElementsByTagName('div').length; var scy = 0; var scx = 0; var dom = (typeof window.pageYOffset == "number"); //Explorer only - double div anti scrollbar hack! d.write('<div style="position:absolute;top:0px;left:0px;">' +'<div style="position:relative">'); for (i = 0; i < n; i++){ d.write("<div id='letters"+(idx+i)+"' style='position : absolute;" +"top : 0px;left : 0px;" +"height : auto;width : "+size+"px;" +"text-align : center;" +"font : "+size+"px "+font+";color : "+colour+"'>"+msg[i]+"</div>"); } document.write('</div></div>'); function scroll(){ if (dom){ scy = window.pageYOffset; scx = window.pageXOffset; } else{ scy = d.documentElement.scrollTop||d.body.scrollTop; scx = d.documentElement.scrollLeft||d.body.scrollLeft; } } function mouse(e){ e = e||window.event; y = yOffSet + ((e.pageY-scy)||e.clientY); x = xOffSet + ((e.pageX-scx)||e.clientX); } function assign(){ for (i = 0; i < n; i++){ temp[i].top = Math.floor(yp[i]) + 'px'; temp[i].left = Math.floor(xp[i]) + (i*(size * 0.7)) + 'px'; } } function ripple(){ yp[0] = yd[0]+=((y+scy)-yd[0]) * delay; xp[0] = xd[0]+=((x+scx)-xd[0]) * delay; for (var i = 1; i < n; i++){ yp[i] = yd[i]+=(yp[i-1] - yd[i]) * delay; xp[i] = xd[i]+=(xp[i-1] - xd[i]) * delay; } scroll(); assign(); setTimeout(ripple,speed); } function init(){ for (i = 0; i < n; i++){ yp[i] = 0; xp[i] = 0; yd[i] = 0; xd[i] = 0; temp[i] = d.getElementById("letters"+(idx+i)).style; } ripple(); } if (window.addEventListener){ window.addEventListener("load",init,false); document.addEventListener("mousemove",mouse,false); } else if (window.attachEvent){ window.attachEvent("onload",init); document.attachEvent("onmousemove",mouse); } })(); } </script></strong></span>

von steive am Di 16 März 2010 - 21:58

am besten du machts ihn in template Kopfteil. die temps findest du unter:

Adminbereicht--->anzeige--->templates..

von cosmoluna am Di 16 März 2010 - 22:22

funktioniert leider nicht. Ich hatte es schon mit dem Fußteil versucht.
Im Portal konnte ich ein Modul dafür einsetzen.

von steive am Di 16 März 2010 - 22:28

hmm das ist komisch.. leider bin ich heute nicht mehr in der lage das zu prüfen. aber mrogen würde ich das mal prüfen. ok?

lg

von cosmoluna am Di 16 März 2010 - 22:50

dankeschön, das reicht mir.
Soll ein kleiner Gag zum 100.000 Beitrag für die Forenteilnehmer werden.
Vor 2 Tagen erreichen wir das nicht.

Gute Nacht

von steive am Mi 17 März 2010 - 8:24

so habe es mal so gemacht das es aufder startseite angezeigt wird..

dazu setzt du den code einfach:
Adminbereich

Startseite

Allgemeines

Nachricht auf der Startseite.
ein und es geht.

ach ja schöner effekt^^

lg

von cosmoluna am Mi 17 März 2010 - 11:16

Danke Steive für deine Hilfe, ich hab es mal ganz kurz getestet.
Der Gag wird zwar nur von kurzer Dauer sein, aber man kann dann dort auch andere Sachen einsetzen. Zum Beispiel einen Sternenregen oder ein Feuerwerk. Bis jetzt funktionierte das immer nur im Portal.

LG Luna

Texteffekte

Texteffekte

Re: Texteffekte

Re: Texteffekte

Re: Texteffekte

Re: Texteffekte

Re: Texteffekte

Re: Texteffekte