Hey there! Recently, I've installed Ange's scripts to make my forum feel more like Christmas. Now it's making pages not click able, as they are over taking stuff like buttons, pages, etc.

Link the the scripts: https://help.forumotion.com/t137229-decorate-your-forum-for-the-holidays

I'd really like them to stay for all pages, but let me click stuff.

Tags: @ange tuteur @jscript

Thanks!

Hi,

Search in your script for this part:

Code:

style="width:100%;height:650px;"

Add inside the "" this z-index: -999;

Like this:

Code:

style="width:100%;height:650px;z-index:-999;"

Regards.

Ace wrote:Hi,

Search in your script for this part:

Code:

style="width:100%;height:650px;"

Add inside the "" this z-index: -999;

Like this:

Code:

style="width:100%;height:650px;z-index:-999;"

Regards.

Here are the codes that I'm using:

Code:

function SWFLayer(){
   
   this.swf_url = "";
   this.swf_id = "Flash";
   this.layer_name = "";
   this.xx = 0;//window
   this.yy = 0;//window
   this.width = 1;
   this.height = 1;
   this.zIndex = 0;
   this.body = document['CSS1Compat' == document.compatMode ? 'documentElement' : 'body'];
   this._oLayer = "";

   this.flashvars_labels = [];
   this.flashvars_values = [];

   this._ww_full_flg = "false";
   this._hh_full_flg = "false";
}

//----------------------------
// SWF
//----------------------------
SWFLayer.prototype._createFlashVarsValue = function(){
   var value = "browser=" + this._checkBrowser() + "&";
   var flashvars_labels = this.flashvars_labels;
   var flashvars_values = this.flashvars_values;
   for(var i=0; i < flashvars_labels.length; i++){
      value += flashvars_labels[i] + "=" + flashvars_values[i] + "&";
   }
   value = value.substring(0,value.length - 1);
   return value;
};


SWFLayer.prototype.create = function(){
   var swf_url = this.swf_url;
   var swf_id = this.swf_id;
   var layer_name = this.layer_name;
   
   var html = "";
   html += "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='100%' height='100%' id='"+swf_id+"' align='middle'>";
   html += "<param name='allowScriptAccess' value='always' />";

   if(this.flashvars_labels.length > 0){
      html += "<param name='flashvars' value='" + this._createFlashVarsValue() + "'>";
   }

   html += "<param name='movie' value='" + swf_url + "' /><param name='scale' value='noscale' /><param name='salign' value='lt' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='" + swf_url + "' quality='high' scale='noscale' salign='lt' wmode='transparent' width='100%' height='100%' name='"+swf_id+"' id='"+swf_id+"' swLiveConnect=true align='middle' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'";
   if(this.flashvars_labels.length > 0){
      html += " flashvars='" + this._createFlashVarsValue() + "'";
   }
   html += "/>";
   html += "</object>";

   var oLayer = document.createElement('div');
   oLayer.setAttribute('id',layer_name);
   //oLayer.style.background = "#FF0000";
   oLayer.innerHTML = html;
   oLayer.style.position = 'absolute';
   oLayer.style.zIndex = this.zIndex;
   document.body.appendChild(oLayer);
   this._oLayer = oLayer;

};

//
//
//----------------------------
SWFLayer.prototype._checkBrowser = function(){
   var uName = navigator.userAgent;
   if (uName.indexOf("Safari") > -1) return "Safari";
   if (uName.indexOf("MSIE") > -1){
      return "MSIE";
   }
   return "Netscape";
};

//---------------------------------------------------------------
//
//---------------------------------------------------------------
SWFLayer.prototype.setSize = function(ww,hh){
   var browser = this._checkBrowser();
   //
   if(ww == 'full'){
      this._ww_full_flg = "true";
      if(browser == "MSIE"){
         this.width = this.body.clientWidth;
      }else if(browser == "Netscape"){
         this.width = window.innerWidth - 17;
      }else{
         this.width = window.innerWidth;
      }
   }else{
      this._ww_full_flg = "false";
      this.width = ww;
   }

   //??
   if(hh == 'full'){
      this._hh_full_flg = "true";
      if(browser == "MSIE"){
         this.height = this.body.clientHeight;
      }else if(browser == "Netscape"){
         this.height = window.innerHeight-17;
      }else{
         this.height = window.innerHeight;
      }
   }else{
      this._hh_full_flg = "false";
      this.height = hh;
   }
   this._oLayer.style.width = this.width + 'px';
   this._oLayer.style.height = this.height + 'px';
};


//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.setPos = function(xx,yy){
   var browser = this._checkBrowser();

   this.xx = xx;
   this.yy = yy;

   //X??
   if(browser == "MSIE"){
      this._oLayer.style.left = this.xx + this.body.scrollLeft + 'px';
      this._oLayer.style.top = this.yy + this.body.scrollTop + 'px';
   }else {
      this._oLayer.style.left = this.xx + pageXOffset + 'px';
      this._oLayer.style.top = this.yy + pageYOffset + 'px';
   }

};

//
//
//--------------------------------------------------------------------
SWFLayer.prototype.setPosFixed = function(xx,yy){

   this.xx = xx;
   this.yy = yy;

   //
   this._oLayer.style.left = this.xx + 'px';
   this._oLayer.style.top = this.yy + 'px';

};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------

SWFLayer.prototype.setdPos = function(d_xx,d_yy){

   this.xx += d_xx;
   this.yy += d_yy;

   this.setPos(this.xx,this.yy);
};

//--------------------------------------------------------------------
// str='left' or 'right'
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowAlign = function(str){
   var browser = this._checkBrowser() ;
   if(str == 'right'){
      if(browser == "MSIE"){
         this.xx = this.body.clientWidth - this.width;
      }else {
         this.xx = window.innerWidth - this.width;
         //Mozilla
         if(browser == "Netscape"){
            this.xx -= 17;
         }
      }
   }else{
      if(browser == "MSIE"){
         this.xx = 0;
      }else {
         this.xx = 0;
      }
   }


   this.setPos(this.xx,this.yy);
};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowAlignFixed = function(str){
//alert("aaa");
   var browser = this._checkBrowser() ;
   if(str == 'right'){
      if(browser == "MSIE"){
         this.xx = this.body.clientWidth - this.width + this.body.scrollLeft;
      }else {
         this.xx = window.innerWidth - this.width + pageXOffset;
         //Mozilla
         if(browser == "Netscape"){
            this.xx -= 17;
         }
      }
   }else{
      if(browser == "MSIE"){
         this.xx = 0;
      }else {
         this.xx = 0;
      }
   }


   this.setPosFixed(this.xx,this.yy);
};

//--------------------------------------------------------------------
//str='top' or 'bottom'
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowValign = function(str){
   //
   var browser = this._checkBrowser();
   if(str == 'bottom'){
      if(browser == "MSIE"){
         this.yy = this.body.clientHeight - this.height;
      }else {
         this.yy = window.innerHeight - this.height;
         //Mozilla
         if(browser == "Netscape"){
            this.yy -= 17;
         }
      }
   }else{
      if(browser == "MSIE"){
         this.yy = 0;
      }else {
         this.yy = 0;
      }
   }
   this.setPos(this.xx,this.yy);
};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowValignFixed = function(str){
   //
   var browser = this._checkBrowser();
   if(str == 'bottom'){
      if(browser == "MSIE"){
         //alert(this.body.scrollHeight);
         this.yy = this.body.scrollHeight - this.height;
      }else {
         this.yy = this.body.offsetHeight - this.height;
         //this.yy = window.innerHeight - this.height;
         //Mozilla
         if(browser == "Netscape"){
            this.yy -= 17;
         }
      }
   }else{
      if(browser == "MSIE"){
         this.yy = 0;
      }else {
         this.yy = 0;
      }
   }
   this.setPosFixed(this.xx,this.yy);
};

//--------------------------------------------------------------------
//(str = 'visible' or 'hidden')
//--------------------------------------------------------------------
SWFLayer.prototype.setVisible = function(str){
   this._oLayer.style.visibility = str;
};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.correctWindowSize = function(str){
   if(this._ww_full_flg == "true" && this._hh_full_flg == "true"){
      this.setSize("full","full");
   }
   else if(this._ww_full_flg == "true"){
      //alert("_ww_full_flg = true");
      this.setSize("full",this.height);
   }
   else if(this._hh_full_flg == "true"){
      //alert("_hh_full_flg = true");
      this.setSize(this.width,"full");
   }
};


//---------------------------------------------------------------------
//
//---------------------------------------------------------------------
function eventObserve(obj,e, func, bool){
   if (obj.addEventListener){
      obj.addEventListener(e, func, bool)
   }else if (obj.attachEvent){
      obj.attachEvent("on" + e, func)
   }
}


var noel_deco = "";
var noel_deco_flashvars_labels = ["myUrl"];
var noel_deco_flashvars_values = [location.host];//location.hostname
var noel_deco_zIndex = 1;

//--------------------------------------------------------------------
//load
//--------------------------------------------------------------------
function loadnoeldeco(data){
   noel_deco = new SWFLayer();
   noel_deco.zIndex = noel_deco_zIndex;
   noel_deco.swf_url = "http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/lampe.swf";
   noel_deco.swf_id = "noel_deco_swf";
   noel_deco.layer_name = "noel_deco";
   
   noel_deco.flashvars_labels = noel_deco_flashvars_labels;
   noel_deco.flashvars_values = noel_deco_flashvars_values;
   
   noel_deco.create();
   noel_deco.setSize(300,350);//win
   noel_deco.setWindowAlignFixed('left');
   noel_deco.setWindowValignFixed('top');
   if(checkBrowser() == "Safari"){
      window.resizeBy(1,0);
   }
}

eventObserve(window, 'load', loadnoeldeco, false);

//--------------------------------------------------------------------
//scroll
//--------------------------------------------------------------------
function scrollnoeldeco(){
   noel_deco.setWindowAlignFixed('left');

}
//
eventObserve(window, 'scroll', scrollnoeldeco, false);


//--------------------------------------------------------------------
//resize
//--------------------------------------------------------------------
function resizenoeldeco(){
   noel_deco.setWindowAlignFixed('left');

}
http://window.resize
eventObserve(window, 'resize', resizenoeldeco, false);

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
//
document.getElementsByTagName("html")[0].style.overflow="scroll";

function hidenoel_deco(){
   noel_deco.setVisible("hidden");
}

function setClose(){
   noel_deco.setSize(0,0);
}

function checkBrowser(){
   var uName = navigator.userAgent;
   if (uName.indexOf("Safari") > -1) return "Safari";
   if (uName.indexOf("MSIE") > -1){
      return "MSIE";
   }
   return "Netscape";
};



Code:

function SWFLayer(){
   
   this.swf_url = "";
   this.swf_id = "Flash";
   this.layer_name = "";
   this.xx = 0;//window
   this.yy = 0;//window
   this.width = 1;
   this.height = 1;
   this.zIndex = 0;
   this.body = document['CSS1Compat' == document.compatMode ? 'documentElement' : 'body'];
   this._oLayer = "";

   this.flashvars_labels = [];
   this.flashvars_values = [];

   this._ww_full_flg = "false";
   this._hh_full_flg = "false";
}

//----------------------------
// SWF
//----------------------------
SWFLayer.prototype._createFlashVarsValue = function(){
   var value = "browser=" + this._checkBrowser() + "&";
   var flashvars_labels = this.flashvars_labels;
   var flashvars_values = this.flashvars_values;
   for(var i=0; i < flashvars_labels.length; i++){
      value += flashvars_labels[i] + "=" + flashvars_values[i] + "&";
   }
   value = value.substring(0,value.length - 1);
   return value;
};


SWFLayer.prototype.create = function(){
   var swf_url = this.swf_url;
   var swf_id = this.swf_id;
   var layer_name = this.layer_name;
   
   var html = "";
   html += "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='100%' height='100%' id='"+swf_id+"' align='middle'>";
   html += "<param name='allowScriptAccess' value='always' />";

   if(this.flashvars_labels.length > 0){
      html += "<param name='flashvars' value='" + this._createFlashVarsValue() + "'>";
   }

   html += "<param name='movie' value='" + swf_url + "' /><param name='scale' value='noscale' /><param name='salign' value='lt' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='" + swf_url + "' quality='high' scale='noscale' salign='lt' wmode='transparent' width='100%' height='100%' name='"+swf_id+"' id='"+swf_id+"' swLiveConnect=true align='middle' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'";
   if(this.flashvars_labels.length > 0){
      html += " flashvars='" + this._createFlashVarsValue() + "'";
   }
   html += "/>";
   html += "</object>";

   var oLayer = document.createElement('div');
   oLayer.setAttribute('id',layer_name);
   //oLayer.style.background = "#FF0000";
   oLayer.innerHTML = html;
   oLayer.style.position = 'absolute';
   oLayer.style.zIndex = this.zIndex;
   document.body.appendChild(oLayer);
   this._oLayer = oLayer;

};

//
//
//----------------------------
SWFLayer.prototype._checkBrowser = function(){
   var uName = navigator.userAgent;
   if (uName.indexOf("Safari") > -1) return "Safari";
   if (uName.indexOf("MSIE") > -1){
      return "MSIE";
   }
   return "Netscape";
};

//---------------------------------------------------------------
//
//---------------------------------------------------------------
SWFLayer.prototype.setSize = function(ww,hh){
   var browser = this._checkBrowser();
   //
   if(ww == 'full'){
      this._ww_full_flg = "true";
      if(browser == "MSIE"){
         this.width = this.body.clientWidth;
      }else if(browser == "Netscape"){
         this.width = window.innerWidth - 17;
      }else{
         this.width = window.innerWidth;
      }
   }else{
      this._ww_full_flg = "false";
      this.width = ww;
   }

   //高さ
   if(hh == 'full'){
      this._hh_full_flg = "true";
      if(browser == "MSIE"){
         this.height = this.body.clientHeight;
      }else if(browser == "Netscape"){
         this.height = window.innerHeight-17;
      }else{
         this.height = window.innerHeight;
      }
   }else{
      this._hh_full_flg = "false";
      this.height = hh;
   }
   this._oLayer.style.width = this.width + 'px';
   this._oLayer.style.height = this.height + 'px';
};


//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.setPos = function(xx,yy){
   var browser = this._checkBrowser();

   this.xx = xx;
   this.yy = yy;

   //X座標
   if(browser == "MSIE"){
      this._oLayer.style.left = this.xx + this.body.scrollLeft + 'px';
      this._oLayer.style.top = this.yy + this.body.scrollTop + 'px';
   }else {
      this._oLayer.style.left = this.xx + pageXOffset + 'px';
      this._oLayer.style.top = this.yy + pageYOffset + 'px';
   }

};

//
//
//--------------------------------------------------------------------
SWFLayer.prototype.setPosFixed = function(xx,yy){

   this.xx = xx;
   this.yy = yy;

   //
   this._oLayer.style.left = this.xx + 'px';
   this._oLayer.style.top = this.yy + 'px';

};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------

SWFLayer.prototype.setdPos = function(d_xx,d_yy){

   this.xx += d_xx;
   this.yy += d_yy;

   this.setPos(this.xx,this.yy);
};

//--------------------------------------------------------------------
// str='left' or 'right'
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowAlign = function(str){
   var browser = this._checkBrowser() ;
   if(str == 'right'){
      if(browser == "MSIE"){
         this.xx = this.body.clientWidth - this.width;
      }else {
         this.xx = window.innerWidth - this.width;
         //Mozilla
         if(browser == "Netscape"){
            this.xx -= 17;
         }
      }
   }else{
      if(browser == "MSIE"){
         this.xx = 0;
      }else {
         this.xx = 0;
      }
   }


   this.setPos(this.xx,this.yy);
};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowAlignFixed = function(str){
//alert("aaa");
   var browser = this._checkBrowser() ;
   if(str == 'right'){
      if(browser == "MSIE"){
         this.xx = this.body.clientWidth - this.width + this.body.scrollLeft;
      }else {
         this.xx = window.innerWidth - this.width + pageXOffset;
         //Mozilla
         if(browser == "Netscape"){
            this.xx -= 17;
         }
      }
   }else{
      if(browser == "MSIE"){
         this.xx = 0;
      }else {
         this.xx = 0;
      }
   }


   this.setPosFixed(this.xx,this.yy);
};

//--------------------------------------------------------------------
//str='top' or 'bottom'
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowValign = function(str){
   //
   var browser = this._checkBrowser();
   if(str == 'bottom'){
      if(browser == "MSIE"){
         this.yy = this.body.clientHeight - this.height;
      }else {
         this.yy = window.innerHeight - this.height;
         //Mozilla
         if(browser == "Netscape"){
            this.yy -= 17;
         }
      }
   }else{
      if(browser == "MSIE"){
         this.yy = 0;
      }else {
         this.yy = 0;
      }
   }
   this.setPos(this.xx,this.yy);
};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowValignFixed = function(str){
   //
   var browser = this._checkBrowser();
   if(str == 'bottom'){
      if(browser == "MSIE"){
         //alert(this.body.scrollHeight);
         this.yy = this.body.scrollHeight - this.height;
      }else {
         this.yy = this.body.offsetHeight - this.height;
         //this.yy = window.innerHeight - this.height;
         //Mozilla
         if(browser == "Netscape"){
            this.yy -= 17;
         }
      }
   }else{
      if(browser == "MSIE"){
         this.yy = 0;
      }else {
         this.yy = 0;
      }
   }
   this.setPosFixed(this.xx,this.yy);
};

//--------------------------------------------------------------------
//(str = 'visible' or 'hidden')
//--------------------------------------------------------------------
SWFLayer.prototype.setVisible = function(str){
   this._oLayer.style.visibility = str;
};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.correctWindowSize = function(str){
   if(this._ww_full_flg == "true" && this._hh_full_flg == "true"){
      this.setSize("full","full");
   }
   else if(this._ww_full_flg == "true"){
      //alert("_ww_full_flg = true");
      this.setSize("full",this.height);
   }
   else if(this._hh_full_flg == "true"){
      //alert("_hh_full_flg = true");
      this.setSize(this.width,"full");
   }
};


//---------------------------------------------------------------------
//
//---------------------------------------------------------------------
function eventObserve(obj,e, func, bool){
   if (obj.addEventListener){
      obj.addEventListener(e, func, bool)
   }else if (obj.attachEvent){
      obj.attachEvent("on" + e, func)
   }
}


var noel_deco = "";
var noel_deco_flashvars_labels = ["myUrl"];
var noel_deco_flashvars_values = [location.host];//location.hostname
var noel_deco_zIndex = 1;

//--------------------------------------------------------------------
//load
//--------------------------------------------------------------------
function loadnoeldeco(data){
   noel_deco = new SWFLayer();
   noel_deco.zIndex = noel_deco_zIndex;
   noel_deco.swf_url = "http://illiweb.com/fa/optimisation_fdf/common/botteampoule.swf";
   noel_deco.swf_id = "noel_deco_swf";
   noel_deco.layer_name = "noel_deco";
   
   noel_deco.flashvars_labels = noel_deco_flashvars_labels;
   noel_deco.flashvars_values = noel_deco_flashvars_values;
   
   noel_deco.create();
   noel_deco.setSize(180,270);//win
   noel_deco.setWindowAlignFixed('right');
   noel_deco.setWindowValignFixed('top');
   if(checkBrowser() == "Safari"){
      window.resizeBy(1,0);
   }
}

eventObserve(window, 'load', loadnoeldeco, false);

//--------------------------------------------------------------------
//scroll
//--------------------------------------------------------------------
function scrollnoeldeco(){
   noel_deco.setWindowAlignFixed('right');

}
//
eventObserve(window, 'scroll', scrollnoeldeco, false);


//--------------------------------------------------------------------
//resize
//--------------------------------------------------------------------
function resizenoeldeco(){
   noel_deco.setWindowAlignFixed('right');

}
http://window.resize
eventObserve(window, 'resize', resizenoeldeco, false);

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
//
document.getElementsByTagName("html")[0].style.overflow="scroll";

function hidenoel_deco(){
   noel_deco.setVisible("hidden");
}

function setClose(){
   noel_deco.setSize(0,0);
}

function checkBrowser(){
   var uName = navigator.userAgent;
   if (uName.indexOf("Safari") > -1) return "Safari";
   if (uName.indexOf("MSIE") > -1){
      return "MSIE";
   }
   return "Netscape";
};

Ok.

Add this to your CSS Stylesheet:

Code:

embed#noel_deco_swf{
z-index: -999 !important;}

Regards.

Still nothing.

Ok,

Remove that CSS rule and search for this line in your code:

this.zIndex = 0;

Change the zIndex to -999. If it does nothing, just replace it by 999 without the -.

Regards.

Nope. Still not working.

Hi,

I accessed your forum's CSS. It turns out that your forum already has several z-index rules using 999.

Code:

!important;padding:0;position:absolute;z-index:999}#fa_toolbar #fa_right #notif_list li.see_all{background-color:#dbdbdb!important;color:#666;padding:.7em!important;text-align:left}#fa_toolbar #fa_right #notif_list li.see_all a{background-image:url(http://i.imgur.com/q8KOgBu.png);background-position:0 50%;background-repeat:no-repeat;color:#666!important;padding-left:10px;width:140px!important}#fa_toolbar #fa_right #fa_notifications.unread #notif_unread{background-image:url(http://i.imgur.com/YgXineA.png);background-position:15px 0;background-repeat:no-repeat;color:#666;display:inline;padding:7px 20px 7px 0}#fa_menulist{background:#fff!important;border:2px solid #dbdbdb!important;border-top:0 solid #FFF!important;display:none;line-height:32px;list-style-type:none;margin:8px 0 0!important;min-width:175px;padding:0 10px;position:absolute;width:auto;z-index:999}

This is just a part of it. So, first of all, make a backup of your forum's CSS.

Search in your CSS the z-index property and delete them whenever possible, especially when they are changing the fa_toolbar, the notiflist, the fa_right and so on. Everything that impacts the top bar.

Regards.