Schneefall Mod für Weihnachten (Firefox kompatibel)

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Benutzeravatar
ATARI
Mitglied
Beiträge: 1684
Registriert: 22.02.2004 16:51
Wohnort: Monaco Di Bavaria

Beitrag von ATARI »

das passt soweit alles.
Hab mir auch den footer angesehen, nix das stören würde.

Hast du auch alle Dateien an ihren richtigen Platz hochgeladen??
Man soll aufhören wenn´s am schönsten ist!

Servus phpBB! ;)
bjacke
Mitglied
Beiträge: 19
Registriert: 10.02.2005 09:20

Beitrag von bjacke »

Ja, die snow.js in phpBB2 (root) und das gif dann unter phpBB2/images

Also am Server kanns net liegen, weil ich habe eine einfache html datei genommen und das in den Header kopiert und dann ins rootverzeichnis gelegt, hat alles geklappt, vondaher müssen auch die Dateien alle am richtigen Platz sein?!
Benutzeravatar
ATARI
Mitglied
Beiträge: 1684
Registriert: 22.02.2004 16:51
Wohnort: Monaco Di Bavaria

Beitrag von ATARI »

Kann mir zwar nicht vorstellen, dass das ne Änderung bewirkt aber versuchs mal so:
statt

Code: Alles auswählen

<SCRIPT LANGUAGE="JavaScript" SRC="snow.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function snow()
{
Falling(20,"<IMG SRC='images/snow.gif'>");
}
</SCRIPT>
mach mal das hier

Code: Alles auswählen

<SCRIPT LANGUAGE="JavaScript">
/*** 
 * <START> 
 * Snow Fall Reloaded by Darezettl (Thomas Zettl) // darezettl@darezettl.de 
 * http://darezettl.de 
 * .:: A Hack by CyberDARE Systems ::. 
 **/ 
var ns4 = (navigator.appName.indexOf("Netscape") != -1 && !document.getElementById); 
if(!window.JSFX) 
   JSFX=new Object(); 
JSFX.layerNo=0; 
JSFX.createLayer = function(htmlStr, parent) 
{ 
   var elem = null; 
    if(document.layers) 
   { 
      var xName="xLayer" + JSFX.layerNo++; 
      if(parent == null) 
         elem=new Layer(2000); 
      else 
         elem=new Layer(2000, parent.elem); 
      elem.document.open(); 
      elem.document.write(htmlStr); 
      elem.document.close(); 
      elem.moveTo(0,0); 
      elem.innerHTML = htmlStr; 
   } 
   else 
   if(document.all) 
   { 
      if(parent == null) 
         parent=document.body; 
      else 
         parent=parent.elem; 

      var xName = "xLayer" + JSFX.layerNo++; 
      var txt = '<DIV ID="' + xName + '"' 
         + ' STYLE="position:absolute;left:0;top:0;visibility:hidden">' 
         + htmlStr 
         + '</DIV>'; 
         parent.insertAdjacentHTML("BeforeEnd",txt); 
      elem = document.all[xName]; 
   } 
   else 
   if (document.getElementById) 
   { 
      if(parent == null) 
         parent=document.body; 
      else 
         parent=parent.elem; 
      var xName="xLayer" + JSFX.layerNo++; 
      var txt = "" 
         + "position:absolute;left:0px;top:0px;visibility:hidden"; 
      var newRange = document.createRange(); 
      elem = document.createElement("DIV"); 
      elem.setAttribute("style",txt); 
      elem.setAttribute("id", xName); 
      parent.appendChild(elem); 
      newRange.setStartBefore(elem); 
      strFrag = newRange.createContextualFragment(htmlStr);    
      elem.appendChild(strFrag); 
   } 
   return elem; 
} 
JSFX.Layer = function(newLayer, parent) 
{ 
   if(!newLayer) 
      return; 
   if(typeof newLayer == "string") 
      this.elem = JSFX.createLayer(newLayer, parent); 
   else 
      this.elem=newLayer; 
   if(document.layers) 
   { 
      this.images      = this.elem.document.images; 
      this.parent      = parent; 
      this.style      = this.elem; 
      if(parent != null) 
         this.style.visibility = "inherit"; 
    } 
   else 
   { 
      this.images  = document.images; 
      this.parent    = parent; 
      this.style   = this.elem.style; 
   } 
   window[this.elem.id]=this; 
} 
JSFX.findLayer = function(theDiv, d) 
{ 
   if(document.layers) 
   { 
      var i; 
      if(d==null) d = document; 
      var theLayer = d.layers[theDiv]; 
      if(theLayer != null) 
         return(theLayer); 
      else 
         for(i=0 ; i<d.layers.length ; i++) 
         { 
            theLayer = JSFX.findLayer(theDiv, d.layers[i].document); 
            if(theLayer != null) 
               return(theLayer); 
         } 
      return("Undefined...."); 
   } 
   else 
   if(document.all) 
      return(document.all[theDiv]); 
   else 
   if(document.getElementById) 
      return(document.getElementById(theDiv)); 
   else 
      return("Undefined....."); 
} 
JSFX.Layer.prototype.moveTo = function(x,y) 
{ 
   this.style.left = x+"px"; 
   this.style.top = y+"px"; 
} 
if(ns4) 
   JSFX.Layer.prototype.moveTo = function(x,y) { this.elem.moveTo(x,y); } 
JSFX.Layer.prototype.show      = function()    { this.style.visibility = "visible"; } 
JSFX.Layer.prototype.hide      = function()    { this.style.visibility = "hidden"; } 
JSFX.Layer.prototype.isVisible   = function()   { return this.style.visibility == "visible"; } 
if(ns4) 
{ 
   JSFX.Layer.prototype.show      = function()    { this.style.visibility = "show"; } 
   JSFX.Layer.prototype.hide       = function()    { this.style.visibility = "hide"; } 
   JSFX.Layer.prototype.isVisible    = function()    { return this.style.visibility == "show"; } 
} 
JSFX.Layer.prototype.setzIndex   = function(z)   { this.style.zIndex = z; } 
JSFX.Layer.prototype.getzIndex   = function()   { return this.style.zIndex; } 
JSFX.Layer.prototype.setColor   = function(c){this.style.color=c;} 
if(ns4) 
   JSFX.Layer.prototype.setColor   = function(c) 
   { 
      this.elem.document.write("<FONT COLOR='"+c+"'>"+this.elem.innerHTML+"</FONT>"); 
      this.elem.document.close(); 
   } 
JSFX.Layer.prototype.setBgColor   = function(color) { this.style.backgroundColor = color==null?'transparent':color; } 


if(ns4) 
   JSFX.Layer.prototype.setBgColor    = function(color) { this.elem.bgColor = color; } 
JSFX.Layer.prototype.setBgImage   = function(image) { this.style.backgroundImage = "url("+image+")"; } 
if(ns4) 
   JSFX.Layer.prototype.setBgImage    = function(image) { this.style.background.src = image; } 
JSFX.Layer.prototype.setContent   = function(xHtml)   { this.elem.innerHTML=xHtml; } 
if(ns4) 
   JSFX.Layer.prototype.setContent   = function(xHtml) 
   { 
      this.elem.document.write(xHtml); 
      this.elem.document.close(); 
      this.elem.innerHTML = xHtml; 
   } 
JSFX.Layer.prototype.clip = function(x1,y1, x2,y2){ this.style.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")"; } 
if(ns4) 
   JSFX.Layer.prototype.clip = function(x1,y1, x2,y2) 
   { 
      this.style.clip.top   =y1; 
      this.style.clip.left   =x1; 
      this.style.clip.bottom   =y2; 
      this.style.clip.right   =x2; 
   } 
JSFX.Layer.prototype.resizeTo = function(w,h) 
{ 
   this.style.width   =w + "px"; 
   this.style.height   =h + "px"; 
} 
if(ns4) 
   JSFX.Layer.prototype.resizeTo = function(w,h) 
   { 
      this.style.clip.width   =w; 
      this.style.clip.height   =h; 
   } 
JSFX.Layer.prototype.getX   = function()    { return parseInt(this.style.left); } 
JSFX.Layer.prototype.getY   = function()    { return parseInt(this.style.top); } 
if(ns4) 
{ 
   JSFX.Layer.prototype.getX   = function()    { return this.style.left; } 
   JSFX.Layer.prototype.getY   = function()    { return this.style.top; } 
} 
JSFX.Layer.prototype.getWidth      = function()    { return this.elem.offsetWidth; } 
JSFX.Layer.prototype.getHeight   = function()    { return this.elem.offsetHeight; } 
if(!document.getElementById) 
   JSFX.Layer.prototype.getWidth      = function() 


    { 
      return this.elem.scrollWidth; 
   } 
if(ns4) 
{ 
   JSFX.Layer.prototype.getWidth      = function()    { return this.style.clip.right; } 
   JSFX.Layer.prototype.getHeight   = function()    { return this.style.clip.bottom; } 
} 
if(ns4) 
{ 
   JSFX.Layer.prototype.setOpacity = function(pc) {return 0;} 
} 
else if(document.all) 
{ 
   JSFX.Layer.prototype.setOpacity = function(pc) 
   { 
      if(this.style.filter=="") 
         this.style.filter="alpha(opacity=100);"; 
      this.elem.filters.alpha.opacity=pc; 
   } 
} 
else 
{ 
   JSFX.Layer.prototype.setOpacity = function(pc){   this.style.MozOpacity=pc+'%' } 
} 
if(ns4) 
{ 
   JSFX.eventmasks = { 
         onabort:Event.ABORT, onblur:Event.BLUR, onchange:Event.CHANGE, 
         onclick:Event.CLICK, ondblclick:Event.DBLCLICK, 
         ondragdrop:Event.DRAGDROP, onerror:Event.ERROR, 
         onfocus:Event.FOCUS, onkeydown:Event.KEYDOWN, 
         onkeypress:Event.KEYPRESS, onkeyup:Event.KEYUP, onload:Event.LOAD, 
         onmousedown:Event.MOUSEDOWN, onmousemove:Event.MOUSEMOVE, 
         onmouseout:Event.MOUSEOUT, onmouseover:Event.MOUSEOVER, 
         onmouseup:Event.MOUSEUP, onmove:Event.MOVE, onreset:Event.RESET, 
         onresize:Event.RESIZE, onselect:Event.SELECT, onsubmit:Event.SUBMIT, 
         onunload:Event.UNLOAD 
   }; 
   JSFX.Layer.prototype.addEventHandler = function(eventname, handler) 
   { 
          this.elem.captureEvents(JSFX.eventmasks[eventname]); 
          var xl = this; 
         this.elem[eventname] = function(event) { 
      event.clientX   = event.pageX; 
      event.clientY   = event.pageY; 
      event.button   = event.which; 
      event.keyCode   = event.which; 
      event.altKey   =((event.modifiers & Event.ALT_MASK) != 0); 
      event.ctrlKey   =((event.modifiers & Event.CONTROL_MASK) != 0); 
      event.shiftKey   =((event.modifiers & Event.SHIFT_MASK) != 0); 
            return handler(xl, event); 
        } 
   } 
   JSFX.Layer.prototype.removeEventHandler = function(eventName) 
   { 
      this.elem.releaseEvents(JSFX.eventmasks[eventName]); 
      delete this.elem[eventName]; 
   } 
} 
Else 
if(document.all) 
{ 
   JSFX.Layer.prototype.addEventHandler = function(eventName, handler) 
   { 
      var xl = this; 
      this.elem[eventName] = function() 
      { 
               var e = window.event; 
               e.cancelBubble = true; 
         if(document.getElementById) 
         { 
            e.layerX = e.offsetX; 
            e.layerY = e.offsetY; 
         } 
         else 
         { 
            ev = new Object(); 
            for(i in e) 
               ev[i] = e[i]; 
            ev.layerX   = e.offsetX; 
            ev.layerY   = e.offsetY; 
            e = ev; 
         } 
               return handler(xl, e); 
      } 
   } 
   JSFX.Layer.prototype.removeEventHandler = function(eventName) 
   { 
      this.elem[eventName] = null; 
   } 
} 
Else 
{ 
   JSFX.Layer.prototype.addEventHandler = function(eventName, handler) 
   { 
      var xl = this; 
      this.elem[eventName] = function(e) 
      { 
               e.cancelBubble = true; 
               return handler(xl, e); 
      } 
   } 
   JSFX.Layer.prototype.removeEventHandler = function(eventName) 
   { 
      this.elem[eventName] = null; 
   } 
} 
JSFX.Layer.prototype.setTimeout = function(f, t) 
{ 
   setTimeout("window."+this.elem.id+"."+f, t); 
} 
if(!window.JSFX) 
   JSFX=new Object(); 
if(!JSFX.Browser) 
   JSFX.Browser = new Object(); 
if(navigator.appName.indexOf("Netscape") != -1) 
{ 
   JSFX.Browser.getCanvasWidth   = function() {return innerWidth;} 
   JSFX.Browser.getCanvasHeight   = function() {return innerHeight;} 
   JSFX.Browser.getWindowWidth    = function() {return outerWidth;} 
   JSFX.Browser.getWindowHeight   = function() {return outerHeight;} 
   JSFX.Browser.getScreenWidth    = function() {return screen.width;} 
   JSFX.Browser.getScreenHeight   = function() {return screen.height;} 
   JSFX.Browser.getMinX      = function() {return(pageXOffset);} 
   JSFX.Browser.getMinY      = function() {return(pageYOffset);} 
   JSFX.Browser.getMaxX      = function() {return(pageXOffset+innerWidth);} 
   JSFX.Browser.getMaxY      = function() {return(pageYOffset+innerHeight);} 
} 
else    if(document.all)    { 
   JSFX.Browser.getCanvasWidth   = function() {return document.body.clientWidth;} 
   JSFX.Browser.getCanvasHeight   = function() {return document.body.clientHeight;} 
   JSFX.Browser.getWindowWidth    = function() {return document.body.clientWidth;} 
   JSFX.Browser.getWindowHeight   = function() {return document.body.clientHeight;} 
   JSFX.Browser.getScreenWidth   = function() {return screen.width;} 
   JSFX.Browser.getScreenHeight   = function() {return screen.height;} 
   JSFX.Browser.getMinX      = function() {return(document.body.scrollLeft);} 
   JSFX.Browser.getMinY      = function() {return(document.body.scrollTop);} 
   JSFX.Browser.getMaxX      = function() { 
      return(document.body.scrollLeft 
         +document.body.clientWidth); 
   } 
   JSFX.Browser.getMaxY      = function() { 
         return(document.body.scrollTop 
            +document.body.clientHeight); 
   } 
} 
JSFX.FallingSprite = function(theHtml) 
{ 
   this.superC   = JSFX.Layer; 
   this.superC(theHtml); 
   this.x = Math.random() * (JSFX.Browser.getMaxX()-40); 
   this.y = -40; 
   this.dx = Math.random() * 4 - 2; 
   this.dy = Math.random() * 6 + 2; 
   this.ang = 0; 
   this.angStep = .2; 
   this.amp = 10; 
   this.state = "FALL"; 
   this.moveTo(this.x,this.y); 
   this.show(); 
} 
JSFX.FallingSprite.prototype = new JSFX.Layer; 
JSFX.FallingSprite.prototype.animate = function() 
{ 
   if(this.state == "OFF") 
      return; 
   this.x += this.dx; 
   this.y += this.dy; 
   this.ang += this.angStep; 
   this.moveTo(this.x + this.amp*Math.sin(this.ang), this.y); 
   if( (this.x > JSFX.Browser.getMaxX()-20) 
    || (this.x < JSFX.Browser.getMinX()-0) 
    || (this.y > JSFX.Browser.getMaxY()-40) ) 

   { 
      if(this.state == "STOPPING") 
      { 
         this.moveTo(-100,-100); 
         this.hide(); 
         this.state = "OFF"; 
      } 
      else 
      { 
         this.x = Math.random() * (JSFX.Browser.getMaxX()-40); 
         this.y = JSFX.Browser.getMinY()-40; 
         this.dx = Math.random() * 4 - 2; 
         this.dy = Math.random() * 6 + 2; 
         this.ang = 0; 
      } 
   } 
} 
JSFX.FallingObj = function(numSprites, theImage, stopTime) 
{ 
   this.id = "JSFX_FallingObj_"+JSFX.FallingObj.count++; 
   this.sprites = new Array(); 
   for(i=0 ; i<numSprites; i++) 
   { 
      this.sprites[i]=new JSFX.FallingSprite(theImage); 
   } 
   window[this.id]=this; 
   this.animate(); 
   if(stopTime) 
      setTimeout("window."+this.id+".stop()", stopTime*1000); 
} 
JSFX.FallingObj.count = 0; 
JSFX.FallingObj.prototype.stop = function() 
{ 
   for(i=0 ; i<this.sprites.length ; i++) 
      this.sprites[i].state = "STOPPING"; 
} 
JSFX.FallingObj.prototype.animate = function() 
{ 
   setTimeout("window."+this.id+".animate()", 40); 

   for(i=0 ; i<this.sprites.length ; i++) 
      this.sprites[i].animate(); 
} 
Falling = function(n, theImage, stopTime) 
{ 
   myFalling = new JSFX.FallingObj(n, theImage, stopTime); 
   return myFalling; 
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript"> 
function snow() 
{ 
Falling(20,"<IMG SRC='images/snow.gif'>"); 
}
/*** 
 * <END> 
 * Snow Fall Reloaded by Darezettl (Thomas Zettl) // darezettl@darezettl.de 
 * http://darezettl.de 
 * .:: A Hack by CyberDARE Systems ::. 
 **/
</SCRIPT>

Wie gesagt, kann mir nicht vorstellen dass es was bewirkt, aber versuchs mal.
Ansonsten wüßte ich nicht, warum es grad bei dir nicht geht! ;)
Man soll aufhören wenn´s am schönsten ist!

Servus phpBB! ;)
240709Gast

Beitrag von 240709Gast »

Hi. Lässt es sich wohl realisieren das der Mod von jedem User einzeln ein und ausgestellt werden kann je nach belieben?
bjacke
Mitglied
Beiträge: 19
Registriert: 10.02.2005 09:20

Beitrag von bjacke »

Na ok, aber trotzdem danke!
Tanja64
Mitglied
Beiträge: 174
Registriert: 23.08.2004 09:38

Beitrag von Tanja64 »

oh man...das ist mir jetzt obermega peinlich...aber, ich steh irgendwie völlig blond auf dem Schlauch...kann mir bitte jemand mal für ganz besonders Dumme erklären wo ich den phpbb_root finde? :oops: :oops: :oops:
Benutzeravatar
ATARI
Mitglied
Beiträge: 1684
Registriert: 22.02.2004 16:51
Wohnort: Monaco Di Bavaria

Beitrag von ATARI »

@Cold: Ne, das wär wohl etwas too much. Aber es steht dir frei, ein Addon dazu zu schreiben, was diese Möglichkeit bietet! ;)

@bjacke: Keine Veränderung, oder?
Man soll aufhören wenn´s am schönsten ist!

Servus phpBB! ;)
Benutzeravatar
tost
Mitglied
Beiträge: 915
Registriert: 25.02.2005 18:14
Kontaktdaten:

Beitrag von tost »

phpbb_root ist der Pfad wo auch deine index.php oder posting.php ist

tost
Tanja64
Mitglied
Beiträge: 174
Registriert: 23.08.2004 09:38

Beitrag von Tanja64 »

öhm... :oops: boah...ehrlich..trotz ettlicher erfolgreich eingebauter MODS, intensiver Bemühung mich mit php auseinander zu setzen..ich stehe derzeit total auf dem Schlauch...

wohin muss ich denn die snow.js laden???
und den Gif einfach in die imgaes laden? :oops:
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“