Post by iPokemon.php on Jul 7, 2010 21:49:12 GMT -6
Please remove all codes listed below from your forum, if you are going to use this code!
For use without Smangii's Side Tables.
Code Name: Forum Customization v1
Crossbrowser: Yes. Tested in FF, IE, and Google Chrome.
Preview: n/a (I have all options set to yes)
Global Header:
Global Footer:
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 menuButtonMove = "Yes"; //Move menu buttons?
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:
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:
Global Footer:
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 )
v2 coming soon!
- Forum Resize
- Remove Hey X
- Move Ads
- Remove <<Home>>
- Remove Welcome Table Border
- Remove Forum Jump
- Menu Bar movers
- 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 (I have all options set to yes)
Global Header:
<style type="text/css">
.transparent {background: transparent;}
</style>
<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="menu"></div></center>');
document.write('<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 menuButtonMove = "Yes"; //Move menu buttons?
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";
}
//Move Menu Buttons
if(menuButtonMove == "Yes"){
var menu = document.getElementsByTagName("td").item(5);
menu.className="transparent";
menu.width="700px";
menu.height="30px";
document.getElementById("menu").appendChild(menu);
}
//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>
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 menuButtonMove = "Yes"; //Move menu buttons?
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 )
v2 coming soon!