Texteffekte

[cosmoluna]

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>


[steive]

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

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

[cosmoluna]

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

[steive]

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

[cosmoluna]

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

[steive]

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

dazu setzt du den code einfach:
Adminbereich Anzeige Startseite Allgemeines Nachricht auf der Startseite.
ein und es geht.

ach ja schöner effekt^^

lg

[cosmoluna]

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