Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind, loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Forenaustausch

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Lexi Help
Schnelle
Hilfe
Klicke Hier
www.forumieren.de

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>
avatar
cosmoluna
Lehrling
Lehrling

Weiblich Beiträge : 133
Anmeldedatum : 26.05.09
keine
phpBB2

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..
avatar
steive
Kaiser
Kaiser

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

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.
avatar
cosmoluna
Lehrling
Lehrling

Weiblich Beiträge : 133
Anmeldedatum : 26.05.09
keine
phpBB2

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
avatar
steive
Kaiser
Kaiser

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

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
avatar
cosmoluna
Lehrling
Lehrling

Weiblich Beiträge : 133
Anmeldedatum : 26.05.09
keine
phpBB2

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
avatar
steive
Kaiser
Kaiser

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

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
avatar
cosmoluna
Lehrling
Lehrling

Weiblich Beiträge : 133
Anmeldedatum : 26.05.09
keine
phpBB2

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