Lexi Help
Partner
www.forumieren.com

Texteffekte

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Texteffekte

Beitrag 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>

cosmoluna
Lehrling
Lehrling

Weiblich Beiträge : 133
Anmeldedatum : 26.05.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Texteffekte

Beitrag 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..

steive
Kaiser
Kaiser

Männlich Beiträge : 1056
Hinweis : HTML, CSS, PHP
Anmeldedatum : 21.07.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Texteffekte

Beitrag 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.

cosmoluna
Lehrling
Lehrling

Weiblich Beiträge : 133
Anmeldedatum : 26.05.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Texteffekte

Beitrag 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

steive
Kaiser
Kaiser

Männlich Beiträge : 1056
Hinweis : HTML, CSS, PHP
Anmeldedatum : 21.07.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Texteffekte

Beitrag 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

cosmoluna
Lehrling
Lehrling

Weiblich Beiträge : 133
Anmeldedatum : 26.05.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Texteffekte

Beitrag 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 Arrow Anzeige Arrow Startseite Arrow Allgemeines Arrow Nachricht auf der Startseite.
ein und es geht.

ach ja schöner effekt^^

lg

steive
Kaiser
Kaiser

Männlich Beiträge : 1056
Hinweis : HTML, CSS, PHP
Anmeldedatum : 21.07.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Texteffekte

Beitrag 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

cosmoluna
Lehrling
Lehrling

Weiblich Beiträge : 133
Anmeldedatum : 26.05.09

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten