Post by Bennett 🚀 on Oct 21, 2009 17:51:47 GMT -8
Tested in Firefox, Google Chrome, and IE
Description: This code will create a border around your forum, using a table. The table's background can be edited to your liking, either image or hex color. Now, here is the code.
Take out any PM text removers and the <<Location>> removers, welcome table movers, as this code already does it.
Absolute Top of Global Header
Absolute Bottom of Global Footer
Update
No longer using new class. Using popuptitlebg class. If you would like to edit the color of your border table, just go to your Admin>>Skins/Forum Colors>>Modify Skin>>Choose Skin>>Edit Popup Title Background to your chosen bg color for that skin.
That was done so you wouldn't have to put that code into if() statements, so it would only show up on the skin that had a coordinating color.
Now, for the explanation of editing
All you really need to edit is the
Edit the "padding: 2em;" to a pixel amount, or a em amount (ex, pixel: 24px; em: 2em;). Padding is what makes the border thicker, so it goes over a larger distance.
Now, is the border not wide enough? Go into the coding part, and look for <table width="800px" .. change the 800px to whatever width you want. It is usually about 50-70 pixels larger than what you have your resize width as.
If you want to style any text that is shown, or anything else, just edit the class .popuptitlebg with what you want. It's written in CSS. Look it up!
Are you using IE, and the border is not working correctly?
You need to, first, get rid of the
all together. Then, once you have done that, go into the code part. Look for <table .. cellpadding="4" ..
Change the 4 to any amount you would like. I suggest under 20, though.
Enjoy
Description: This code will create a border around your forum, using a table. The table's background can be edited to your liking, either image or hex color. Now, here is the code.
Take out any PM text removers and the <<Location>> removers, welcome table movers, as this code already does it.
Absolute Top of Global Header
<style type="text/css">
.popuptitlebg {padding: 2em;}
</style>
<script>
<!--
/* GH Portion of Border around Forum with Table by iPokemon
Do not call your own. Do not edit unless you know what you're doing http://squirtlestestsite.proboards.com/*/
document.write('<table width="800px" cellspacing="1" cellpadding="4" class="popuptitlebg" align="center"><tr><td width="100%">');
document.getElementsByTagName('td').item(2).style.display="none";
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
document.write('<br />');
//-->
</script>Absolute Bottom of Global Footer
<script type="text/javascript"><!--
/* GF Portion of Border around Forum with Table by iPokemon
Do not call your own. Do not edit unless you know what you're doing http://squirtlestestsite.proboards.com/*/
document.write('</td></tr></table>');
//--></script>
Update
No longer using new class. Using popuptitlebg class. If you would like to edit the color of your border table, just go to your Admin>>Skins/Forum Colors>>Modify Skin>>Choose Skin>>Edit Popup Title Background to your chosen bg color for that skin.
That was done so you wouldn't have to put that code into if() statements, so it would only show up on the skin that had a coordinating color.
Now, for the explanation of editing
All you really need to edit is the
<style type="text/css">
.popuptitlebg {padding: 2em;}
</style>Edit the "padding: 2em;" to a pixel amount, or a em amount (ex, pixel: 24px; em: 2em;). Padding is what makes the border thicker, so it goes over a larger distance.
Now, is the border not wide enough? Go into the coding part, and look for <table width="800px" .. change the 800px to whatever width you want. It is usually about 50-70 pixels larger than what you have your resize width as.
If you want to style any text that is shown, or anything else, just edit the class .popuptitlebg with what you want. It's written in CSS. Look it up!
Are you using IE, and the border is not working correctly?
You need to, first, get rid of the
<style type="text/css">
.popuptitlebg {padding: 2em;}
</style>all together. Then, once you have done that, go into the code part. Look for <table .. cellpadding="4" ..
Change the 4 to any amount you would like. I suggest under 20, though.
Enjoy
