Post by SubDevo on Aug 13, 2009 3:11:25 GMT -8
Welcome Table Basic Customize by SubDevo
Tested in IE, FF, Opera, Safari and Chrome.
Ok, not much new here.
Except for putting most of the Welcome Table customizations you need in one place! You also have options for moving the Google Ads above your banner and making your Welcome Table (and/or your Menu Bar) transparent! Ready for use with transparent/animated images.
Now you don't need all the separate codes for the welcome table, google ads and transparency.
Variable Descriptions:
Edit the Maroon portions.
Except for the width, answer the questions with a 1=Yes, 0=No.
var wWdth=700; // Welcome Table Width.
Enter your desired width for your welcome table/banner in pixels.
var wTrans=0; // Transparent Welcome Table?
Option to make your welcome table transparent, so you can use transparent/animated gif/png images. This is also nice if you just want to display the words in your welcome table and let your forum background show through. The menu bar will not be transparent unless you enable the next option.
var mTrans=0; // Transparent Menu Bar?
Option to make your menu bar transparent. The above two transparency options can be used together or individually. Experiment! ;D
If you have Auto Gradients turned on for your forum (Modify Skin page) and you want your menu to be transparent, you must put the following CSS in your Global Header.
<style type="text/css">
.menubg {background-image: none;}
</style>
var moveAds=0; // Banner Below Ads?
Option to move the Google Ads above your banner.
var rSpc=0; // Remove Space Above Banner?
Option to remove the space above the banner so it is tight against the top of your forum. If you move the Google Ads, normally set this to "0".
var rBrdrs=0; // Remove Borders?
Option to remove the borders around your banner.
var rTitle=0; // Remove Forum Title?
Option to remove your forum title/name from the banner. Set this to "1" ONLY if you did NOT set a logo image in your Modify Skin page or you are using a background image added by another code or CSS. Otherwise, your logo will disappear...
var rHeyX=1; // Remove "Hey X" message?
Exactly what it says... Removes the "Hey X, you have X messages".
var rHome=1; // Remove "« Home »"?
Option to remove the "« Home »" portion from your banner.
var rBraces=0; // Remove "[]" From Menu Buttons?
Option to remove the "[]" from your menu buttons. If you are using menu images, the brackets are removed from the tooltip text (hover text).
NOTE: If you use Charles Stover's Proboard Arcade, you may need to keep this option at "0" in order for the arcade to work.
var rBan=0; // Remove Banner?
Option to hide the Welcome Table/banner. If this is enabled, only the menu bar will be visible. If you also enable the next option (rMenu), it will completely remove your welcome table!
var rMenu=0; // Remove Menu Bar?
Totally remove the menu bar. Use if you are using other code to replace the menu bar. Basically this is here for completeness only.
Enjoy!!!
SubDevo
Location: Global Header
<script type="text/javascript">
/* Welcome Table Basic Customize by SubDevo */
/* Global Header - Please leave this header intact. Do not repost */
/* interoceandesigns.com or lsdp.proboards.com */
var wWdth=700; // Welcome Table Width.
/* 1=Yes, 0=No for the Options Below. */
var wTrans=0; // Transparent Welcome Table?
var mTrans=0; // Transparent Menu Bar?
var moveAds=0; // Banner Below Ads?
var rSpc=0; // Remove Space Above Banner?
var rBrdrs=0; // Remove Borders?
var rTitle=0; // Remove Forum Title?
var rHeyX=1; // Remove "Hey X" message?
var rHome=1; // Remove "« Home »"?
var rBraces=0; // Remove "[]" From Menu Buttons?
var rBan=0; // Remove Banner? (only Menu bar will be visible)
var rMenu=0; // Remove Menu Bar?
var tb,td=document.getElementsByTagName("td"),tm,tn,x=0;
while(td[x].className!="welcomebg"){x++;}
tb=td[x];while(tb.className!="bordercolor"){tb=tb.parentNode;}
tb.width=wWdth; td=tb.getElementsByTagName("td");tm=td[5];
if(rBrdrs){tb.cellSpacing="0";} tn=tb.rows[0].getElementsByTagName("td"),x=-1;
if(wTrans){tT(tb); while(tn[++x]){tT(tn[x]);}} if(mTrans){tT(tb); tT(tm);}
if(rBraces){tm.innerHTML=tm.innerHTML.replace(/(\[|\])/gi,"");}
gN(rSpc,"br",0); gN(rHeyX,"td",2); gN(rTitle,"font",0); gN(rHome,"font",1); gN(rMenu,"tr",2); gN(rBan,"tr",1);
if(moveAds){ document.write('<span id="wTbl"></span>');
var wTbl=document.getElementById("wTbl"); wTbl.parentNode.replaceChild (tb,wTbl);
} function gT(n){return tb.getElementsByTagName(n);}
function gN(x,n,i){if(x){(gT(n)).style.display="none";}}
function tT(n){n.style.backgroundColor="transparent";}
</script>
EDIT: 5/17/2010
Bug Fix: If the welcome table was made transparent, the Menu bar was also made transparent even if the option was turned off.
EDIT: 3/02/2011
Not a bug fix. No new features except now you may put the code anywhere you need it and it will still find the welcome table and hide the correct options.
EDIT: 8/20/2011
Took out the part of the code that removed the menubg class so that the user may still use menubg to style the menu.
Tested in IE, FF, Opera, Safari and Chrome.
Ok, not much new here.
Except for putting most of the Welcome Table customizations you need in one place! You also have options for moving the Google Ads above your banner and making your Welcome Table (and/or your Menu Bar) transparent! Ready for use with transparent/animated images.
Now you don't need all the separate codes for the welcome table, google ads and transparency.
Variable Descriptions:
Edit the Maroon portions.
Except for the width, answer the questions with a 1=Yes, 0=No.
var wWdth=700; // Welcome Table Width.
Enter your desired width for your welcome table/banner in pixels.
var wTrans=0; // Transparent Welcome Table?
Option to make your welcome table transparent, so you can use transparent/animated gif/png images. This is also nice if you just want to display the words in your welcome table and let your forum background show through. The menu bar will not be transparent unless you enable the next option.
var mTrans=0; // Transparent Menu Bar?
Option to make your menu bar transparent. The above two transparency options can be used together or individually. Experiment! ;D
If you have Auto Gradients turned on for your forum (Modify Skin page) and you want your menu to be transparent, you must put the following CSS in your Global Header.
<style type="text/css">
.menubg {background-image: none;}
</style>
var moveAds=0; // Banner Below Ads?
Option to move the Google Ads above your banner.
var rSpc=0; // Remove Space Above Banner?
Option to remove the space above the banner so it is tight against the top of your forum. If you move the Google Ads, normally set this to "0".
var rBrdrs=0; // Remove Borders?
Option to remove the borders around your banner.
var rTitle=0; // Remove Forum Title?
Option to remove your forum title/name from the banner. Set this to "1" ONLY if you did NOT set a logo image in your Modify Skin page or you are using a background image added by another code or CSS. Otherwise, your logo will disappear...
var rHeyX=1; // Remove "Hey X" message?
Exactly what it says... Removes the "Hey X, you have X messages".
var rHome=1; // Remove "« Home »"?
Option to remove the "« Home »" portion from your banner.
var rBraces=0; // Remove "[]" From Menu Buttons?
Option to remove the "[]" from your menu buttons. If you are using menu images, the brackets are removed from the tooltip text (hover text).
NOTE: If you use Charles Stover's Proboard Arcade, you may need to keep this option at "0" in order for the arcade to work.
var rBan=0; // Remove Banner?
Option to hide the Welcome Table/banner. If this is enabled, only the menu bar will be visible. If you also enable the next option (rMenu), it will completely remove your welcome table!
var rMenu=0; // Remove Menu Bar?
Totally remove the menu bar. Use if you are using other code to replace the menu bar. Basically this is here for completeness only.
Enjoy!!!
SubDevo
Location: Global Header
<script type="text/javascript">
/* Welcome Table Basic Customize by SubDevo */
/* Global Header - Please leave this header intact. Do not repost */
/* interoceandesigns.com or lsdp.proboards.com */
var wWdth=700; // Welcome Table Width.
/* 1=Yes, 0=No for the Options Below. */
var wTrans=0; // Transparent Welcome Table?
var mTrans=0; // Transparent Menu Bar?
var moveAds=0; // Banner Below Ads?
var rSpc=0; // Remove Space Above Banner?
var rBrdrs=0; // Remove Borders?
var rTitle=0; // Remove Forum Title?
var rHeyX=1; // Remove "Hey X" message?
var rHome=1; // Remove "« Home »"?
var rBraces=0; // Remove "[]" From Menu Buttons?
var rBan=0; // Remove Banner? (only Menu bar will be visible)
var rMenu=0; // Remove Menu Bar?
var tb,td=document.getElementsByTagName("td"),tm,tn,x=0;
while(td[x].className!="welcomebg"){x++;}
tb=td[x];while(tb.className!="bordercolor"){tb=tb.parentNode;}
tb.width=wWdth; td=tb.getElementsByTagName("td");tm=td[5];
if(rBrdrs){tb.cellSpacing="0";} tn=tb.rows[0].getElementsByTagName("td"),x=-1;
if(wTrans){tT(tb); while(tn[++x]){tT(tn[x]);}} if(mTrans){tT(tb); tT(tm);}
if(rBraces){tm.innerHTML=tm.innerHTML.replace(/(\[|\])/gi,"");}
gN(rSpc,"br",0); gN(rHeyX,"td",2); gN(rTitle,"font",0); gN(rHome,"font",1); gN(rMenu,"tr",2); gN(rBan,"tr",1);
if(moveAds){ document.write('<span id="wTbl"></span>');
var wTbl=document.getElementById("wTbl"); wTbl.parentNode.replaceChild (tb,wTbl);
} function gT(n){return tb.getElementsByTagName(n);}
function gN(x,n,i){if(x){(gT(n)).style.display="none";}}
function tT(n){n.style.backgroundColor="transparent";}
</script>
EDIT: 5/17/2010
Bug Fix: If the welcome table was made transparent, the Menu bar was also made transparent even if the option was turned off.
EDIT: 3/02/2011
Not a bug fix. No new features except now you may put the code anywhere you need it and it will still find the welcome table and hide the correct options.
EDIT: 8/20/2011
Took out the part of the code that removed the menubg class so that the user may still use menubg to style the menu.