[CB]Forum Customization v1 [v2 Available]

[Bennett 🚀]

V2 OF THIS CODE IS AVAILABLE HERE! THIS VERSION IS ACTUALLY FULLY FUNCTIONAL WITH A FEW EXTRA TIDBITS!

Please remove all codes listed below from your forum, if you are going to use this code!

• Forum Resize
  
• Remove Hey X
  
• Move Ads
  
• Remove <<Home>>
  
• Remove Welcome Table Border
  
• Remove Forum Jump
  
• Border around Forum
  

For use without Smangii's Side Tables.

Code Name: Forum Customization v1
Crossbrowser: Yes. Tested in FF, IE, and Google Chrome.
Preview: n/A

Global Header:

<script type="text/javascript"><!--
/* Forum Customization v1
Global Header Portion
by iPokemon
Do not repost or claim as your own
http://squirtlestestsite.proboards.com/
*/
document.write('<br /><center><div id="bg_table">');
document.write('<div id="wel"></div><br />');

function show(id){
document.getElementById(id).style.display="";
}
function hide(id){
document.getElementById(id).style.display="none";
}
var td = document.getElementsByTagName("td");
var inbox = "/index.cgi?action=pm";
var sendmessage = "/index.cgi?action=pmsend";
var outbox = "/index.cgi?action=pm&view=2";
var prefs = "/index.cgi?action=pmprefs";
var backup = "/index.cgi?action=pmbackup";
var other = "other";

if(td[2].innerHTML.match(/, (\d+)\ (are|is) new./i)){
newPMs = RegExp.$1;}
var totalPMs = td[2].innerHTML.split(' message')[0].split("\, you have ")[1];

document.write('<table id="pm_bar" class="bordercolor" width="92%" align="center" cellpadding="4" cellspacing="1" style="display:none;"><tr><td class="windowbg" width="100%" align="center">');
if(pb_username == "Guest"){
document.write('Welcome, Guest! Please <a href="/index.cgi?action=register">register</a> or <a href="index.cgi?action=login">login</a>.</td></tr></table>');
} else {
document.write('Welcome, '+pb_displayname+'! You have '+newPMs+' new PMs, <a href="/index.cgi?action=pm">'+totalPMs+'</a> PMs total. [<a href="javascript: show(\'other\');">More</a>/<a href="javascript: hide(\'other\');">Less</a>]<br />');
document.write('<div id="other" style="display:none;"><a href="'+inbox+'">Inbox</a> | <a href="'+sendmessage+'">Send Message</a> | <a href="'+outbox+'">Outbox</a> | <a href="'+prefs+'">PM Preferences</a> | <a href="'+backup+'">Backup Your PMs</a><br /></div></td></tr></table>');
}
//--></script>

Global Footer:
<script type="text/javascript"><!--
/* Forum Customization v1
Global Footer Portion
by iPokemon
Do not repost or claim as your own
http://squirtlestestsite.proboards.com/
*/
var fWidth = "800px"; //Your Forum Width, can be percent or pixel amount
var moveAds = "Yes"; //Want to move ads above the welcome table?
var removeHome = "Yes"; //<<Home>> and <<Search>> are examples
var removePMText = "Yes"; //Remove "Hey, X"
var removeWelTableBorder = "Yes"; //Remove the border around the Welcome table
var removeForumJump = "Yes"; //Remove the Forum Jump
var wantPmBar = "Yes"; //Want my PM bar?
var wantBGtable = "Yes"; //Want a border around your forum?
var wantBGtableClass = "popuptitlebg"; //If you want the border around your forum, this is the class you should use.
var bgW = "810px"; //If you want the border around your forum, this is the width of the border
var bgP = "6px"; //If you want the border around your forum, this is the padding of the border
var bgM = "2"; //If you want the border around your forum, this is how much margin there is all around
var copyright = "Copyright © 2010"; //What you want displayed as your copyright, below everything, but is still in the border around forum if you have it.

//Don't edit below here
//Forum Width
var table = document.getElementsByTagName('table');
for(t=0; t<table.length; t++){
if(table.item(t).width=="92%"){
table.item(t).width=fWidth;
}
}
//Move Ads
if(moveAds == "Yes"){
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
}
//Remove Location
if(removeHome == "Yes"){
document.getElementsByTagName('font').item(1).style.display="none";
}
//Remove PM Text
if(removePMText == "Yes"){
document.getElementsByTagName('td').item(2).style.display="none";
}
//Remove Border from Welcome Table
if(removeWelTableBorder == "Yes"){
document.getElementsByTagName('table')[0].cellSpacing = 0;
}
//Remove Forum Jump
if(removeForumJump=="Yes"){
document.getElementById('forumjump').style.display="none";
}
//My PM Bar
if(wantPmBar=="No"){
document.getElementById('pm_bar').style.display="none";
}
if(wantPmBar=="Yes"){
var pm_bar = document.getElementById('pm_bar').style.display="";
}
if(wantBGtable=="Yes"){
var bg_table = document.getElementById('bg_table');
bg_table.className=wantBGtableClass;
bg_table.style.width=bgW;
bg_table.style.padding=bgP;
bg_table.style.margin=bgM;
}
document.write('<br /><br /><center><font class="titlebg">'+copyright+'</font></center>');
document.write('</div></center>');

//--></script>
Put any other codes below the GLobal Header Portion, and any Global Footer codes above the Global Footer portion, so there won't be any code conflicts!

Editing: Only in the Global Footer Portion

var fWidth = "800px"; //Your Forum Width, can be percent or pixel amount
var moveAds = "Yes"; //Want to move ads above the welcome table?
var removeHome = "Yes"; //<<Home>> and <<Search>> are examples
var removePMText = "Yes"; //Remove "Hey, X"
var removeWelTableBorder = "Yes"; //Remove the border around the Welcome table
var removeForumJump = "Yes"; //Remove the Forum Jump
var wantPmBar = "Yes"; //Want my PM bar?
var wantBGtable = "Yes"; //Want a border around your forum?
var wantBGtableClass = "popuptitlebg"; //If you want the border around your forum, this is the class you should use.
var bgW = "810px"; //If you want the border around your forum, this is the width of the border
var bgP = "6px"; //If you want the border around your forum, this is the padding of the border
var bgM = "2"; //If you want the border around your forum, this is how much margin there is all around
var copyright = "Copyright © 2010"; //What you want displayed as your copyright, below everything, but is still in the border around forum if you have it.

Pretty self-explanatory. I made some comments for you to use. The defaults should work well, depending on how wide your forum is.

What is to be expected in v2:

• More scripts to choose from
  

If you have any suggestions, please PM me.
Any support questions? You can shoot me a PM, and I can help iron out any problems you might have.

Smangii Compliant Version
Global Header:
<style type="text/css">
.transparent {background: transparent;}
.popuptitlebg {padding: 1em;}
</style>
<script type="text/javascript"><!--
/* Forum Customization v1
Smangii Compliant Version
Global Header Portion
by iPokemon
Do not repost or claim as your own
http://squirtlestestsite.proboards.com/
*/
var fWidth = "700px";
var moveAds = "Yes"; //Keep as yes
var removeHome = "Yes"; //Remove <<Home>>
var removePmText = "Yes"; //Remove Hey "X"
var removeWelTableBorder = "Yes"; //Remove Welcome Table border
var removeForumJump = "Yes"; //Remove Forum Jump
var wantPmBar = "Yes";
var wantBgTable = "Yes";
var copyright = "Copyright © 2010;";

if(removeHome == "Yes"){
document.getElementsByTagName('td')[2].style.display="none";
}
if(removePmText == "Yes"){
document.getElementsByTagName('font')[1].style.display="none";
}
if(removeWelTableBorder == "Yes"){
document.getElementsByTagName('table')[0].cellSpacing = 0;
}
if(removeForumJump=="Yes"){
document.getElementById('forumjump').style.display="none";
}


function show(id){
document.getElementById(id).style.display="";
}
function hide(id){
document.getElementById(id).style.display="none";
}
//--></script>
<script type="text/javascript"><!--
if(wantBgTable=="Yes"){
document.write('<table width="'+fWidth+'" cellspacing="1" cellpadding="4" class="popuptitlebg" align="center"><tr><td width="100%">');
}
//--></script>
<!-- =====
START Smangii's {DOUBLE} Side Tables *REVISED*
Global Header
===== -->

<script>
// Resize the welcome table - can be % or a number of pixels
document.getElementsByTagName('table')[0].style.width='100%';
</script>

<style type="text/css">
#sidetablesright { width: 200px; margin-bottom: 20px; margin-left: 20px; }
#sidetablesleft { width: 200px; margin-bottom: 20px; margin-right: 20px; }
</style>

<script type="text/javascript"><!--
document.write('<table width="'+fWidth+'" align="center" cellpadding="0px" cellspacing="0px">');
//--></script>
<tr>
<td vAlign="top">


<!-- ===== BOX #1 START ===== -->
<table id="sidetablesleft" cellpadding="4px" class="bordercolor" cellspacing="1">
<tr><td align="center" class="titlebg">
Side Box Title
</td></tr><tr><td class="windowbg">
Replace this text with anything you want to appear in this box.<br />
<b>To add images, links, and styles, you must use HTML, not UBBC.</b>

</td></tr></table>

<!-- ===== BOX #2 START ===== -->
<table id="sidetablesleft" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg">
Side Box Title
</td></tr>
<tr><td class="windowbg">
Replace this text with anything you want to appear in this box.<br />
<b>To add images, links, and styles, you must use HTML, not UBBC.</b>
</td></tr></table>

<!-- ===== BOX #3 START ===== -->
<table id="sidetablesleft" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg">
Side Box Title
</td></tr>
<tr><td class="windowbg">
Replace this text with anything you want to appear in this box.<br />
<b>To add images, links, and styles, you must use HTML, not UBBC.</b>
</td></tr></table>

<! -- ***NOTE*** Place any extra added side tables above this line // -->
</td>
<td align="center" vAlign="top" width="100%">

<script type="text/javascript"><!--
if(wantPmBar == "Yes"){
var td = document.getElementsByTagName("td");
var inbox = "/index.cgi?action=pm";
var sendmessage = "/index.cgi?action=pmsend";
var outbox = "/index.cgi?action=pm&view=2";
var prefs = "/index.cgi?action=pmprefs";
var backup = "/index.cgi?action=pmbackup";
var other = "other";

if(td[2].innerHTML.match(/, (\d+)\ (are|is) new./i)){
newPMs = RegExp.$1;}
var totalPMs = td[2].innerHTML.split(' message')[0].split("\, you have ")[1];

document.write('<table id="pm_bar" class="bordercolor" width="92%" align="center" cellpadding="4" cellspacing="1"><tr><td class="windowbg" width="100%" align="center">');
if(pb_username == "Guest"){
document.write('Welcome, '+pb_username+'! Please <a href="/index.cgi?action=register">register</a> or <a href="index.cgi?action=login">login</a>.</td></tr></table>');
} else {
document.write('Welcome, '+pb_displayname+'! You have '+newPMs+' new PMs, <a href="/index.cgi?action=pm">'+totalPMs+'</a> PMs total. [<a href="javascript: show(\'other\');">More</a>/<a href="javascript: hide(\'other\');">Less</a>]<br />');
document.write('<div id="other" style="display:none;"><a href="'+inbox+'">Inbox</a> | <a href="'+sendmessage+'">Send Message</a> | <a href="'+outbox+'">Outbox</a> | <a href="'+prefs+'">PM Preferences</a> | <a href="'+backup+'">Backup Your PMs</a><br /></div></td></tr></table><br /><br />');
}
}
//--></script>
<script type="text/javascript"><!--
if(moveAds == "Yes"){
document.write('<div id="wel"></div>');
}
//--></script>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>

Global Footer:
<!-- =====
START Smangii's {DOUBLE} Side Tables *REVISED*
Global Footer
===== -->

<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '700px';
}}}
//-->
</script>

</td>
<td vAlign="top">

<!-- ===== BOX #1 START ===== -->
<table id="sidetablesright" cellpadding="4px" class="bordercolor" cellspacing="1">
<tr><td align="center" class="titlebg">
Side Box Title
</td></tr>
<tr><td class="windowbg">
Replace this text with anything you want to appear in this box.<br />
<b>To add images, links, and styles, you must use HTML, not UBBC.</b>
</td></tr></table>

<!-- ===== BOX #2 START ===== -->
<table id="sidetablesright" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg">
Side Box Title
</td></tr>
<tr><td class="windowbg">
Replace this text with anything you want to appear in this box.<br />
<b>To add images, links, and styles, you must use HTML, not UBBC.</b>
</td></tr></table>

<!-- ===== BOX #3 START ===== -->
<table id="sidetablesright" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg">
Side Box Title
</td></tr>
<tr><td class="windowbg">
Replace this text with anything you want to appear in this box.<br />
<b>To add images, links, and styles, you must use HTML, not UBBC.</b>
</td></tr></table>

<! -- ***NOTE*** Place any extra added side tables above this line // -->
</td></tr></table>
<script type="text/javascript"><!--
/* Forum Customization v1
Smangii Compliant Version
Global Header Portion
by iPokemon
Do not repost or claim as your own
http://squirtlestestsite.proboards.com/
*/
document.write('<center>'+copyright+'</center>');
if(wantBgTable == "Yes"){
document.write('</td></tr></table>');
}
//--></script>

Edit as before.

Except, leave everything alone, unless you are using just a certain side of the side tables. (Remove All the Smangii Coding, like so:(Global Footer Portion) i39.tinypic.com/f20jk4.png (Global Header Portion) i39.tinypic.com/3518i0h.png . Replace what is shown in those images with whatever is given for your side tables. Jumble of words, sorry about that. If you need help, please contact me! professor.kinkaze or support.proboards.com/?action=pmsend&to=catattack )