Thank you for choosing the Impolx Theme. This skin is copyrighted © to stinky666:
http://exdat.proboards44.com
All codes and images should be used in the skin. If you do not use them all, then u are
in breech of the creators copyright and your forum could get deleted.
For assistance of installation of this skin, please either go to:
Socal: www.socal.proboards26.com
Solid Snake Designs: www.ssdesigns.proboards17.com
Proboards Support: www.proboards.com
Extreme Data: www.exdat.proboards44.com
Gray Grid Designs: www.swg.proboards4.com
A thank you to Hechizero and Ross for allowing me to put their codes in this skin.
First thing you need to do is open a photobucket account so you can host your images.
Simply go to www.photobucket.com and register (its 100% free).
Then upload the appropriate images and put the links in the parts in red. F|or example,
where it says BASE.JPG you need to go to your photobucket account, and upload the
image named Base. Then all you do is copy the url and paste it into the bit that is red,
replacing the red part.
------------------------------------------------------------------------------------------------------Adding the template:
------------------------------------------------------------------------------------------------------Click on the Admin Button near the top of the page. Once inside of that, click on the
bit which says "Headers and Footers" then u will go to a new page which has a 'drop
down box'.
Choose 'Global Header/Footer' from the drop down and then click 'continue'.
Once you have done this you will be brought to a new page which will have two big
input boxes. Now simply copy and paste the following into the correct places
Be sure not to put the dashes '-' into the header/footer otherwise you will have lots of
dashes on the forum. Which isn’t good.
(EDIT THE PARTS IN RED)
----------------------------------------------------------------------------------------------------------Global Header (the top box):
------------------------------------------------------------------------------------------------------------
<style type='text/css'>
.titlebg{
padding: 0px;
}
</style>
<!-- border around forum by california -->
<center style="width: 840px; margin: auto;">
<img src="TOP.GIF" /><br />
<!-- this is optional -->
<script type="text/javascript">
<!-/* welcome table below ads */
document.write('<div id="welcome"></div>');
var welcome = document.getElementById("welcome");
var iTable = document.getElementsByTagName("table");
iTable[0].width = "92%";
welcome.parentNode.replaceChild(iTable[0], welcome);
// -->
</script>
<!-- end optional code -->
<div style="width: 100%; background: #e7e7e7 url(MIDDLE.GIF) repeat-y fixed top
center;">
<script type="text/javascript">
var tl = document.getElementsByTagName('TD')[5]
tl.align="left"
</script>
<style type="text/css">
<!-.catbg {background-image: url(CATBG.JPG);}
.titlebg {background-image: url(TITLEBG.JPG);}
.menubg {background-image: url(MENUBG.GIF);}
-->
</style>
<style type="text/css">
<!-.newstitlebg {background-image: url(TITLEBG.JPG); background-repeat: repeat;}
-->
</style>
<script type="text/javascript"><!-document.getElementsByTagName('tr')[1].cells[1].style.display='none';
// --></script>
<script type="text/javascript"><!--
document.getElementsByTagName('tr')[1].cells[1].style.display='none';
// --></script>
<script>
var menu_fix = function(){
var table = document.getElementsByTagName('table');
table[3].cellPadding = "0";
}
menu_fix();
</script>
<script type="text/javascript">
<!-document.getElementsByTagName('font')[1].style.display="none";
//-->
</script>
<style>
BODY
{
scrollbar-arrow-color: #6F93B3;
scrollbar-track-color: #f7f7f7;
scrollbar-3dlight-color: #6F93B3;
scrollbar-highlight-color: #ffffff;
scrollbar-face-color: #f7f7f7;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #f7f7f7;
}
</style>
<style type="text/css">
.titlebg {text-align: center;}
</style>
<style type="text/css">
<!-textarea {
background-color: f7f7f7;
color: 6F93B3;
}
-->
</style>
<STYLE type="text/css">
a:link, a:visited {font-family:Verdana; color:#777777; text-decoration: none; }
a:hover { font-family: verdana; color: #6F93B3; text-decoration: none; }
</style>
<style type='text/css'>
input{
color: 6F93B3;
background-color: f7f7f7;
}
</style>
<script type="text/javascript">
<!-var images = document.getElementsByTagName("img");
for(i=0; i<images.length; i++){
if(images.item(i).alt.match(/admin functions/i)){
images.item(i).parentNode.parentNode.className = "catbg";
}
}
//-->
</script>
<script type="text/javascript">
<!-/* Remove Menu Spacing */
var spaceRE = new RegExp('&nb'+'sp;', 'gim');
menuTD = document.getElementsByTagName("td").item(5);
menuTD.innerHTML = menuTD.innerHTML.replace(spaceRE,'');
//-->
</script>
<script type="text/javascript">
<!-document.getElementsByTagName('table')[0].cellSpacing="0";
//-->
</script>
------------------------------------------------------------------------------------------------------------Now copy and paste these into your global footer (the second box):
(EDIT THE PARTS IN RED)
Once done, click 'Save Changes'.
-------------------------------------------------------------------------------------------------------------
</div>
<img src="BOTTOM.GIF" />
</center>
<script type="text/javascript">
<!-/* inner table width resize */
var innerTableWidth = "700";
for(t=4; t<iTable.length; t++){
if(iTable[t].width == "92%"){
iTable[t].width = innerTableWidth;
}
}
// -->
</script>
<script type="text/javascript">
/* Last Post Column Cell Highlight
Created by hey
Do not repost and keep header intact
*/
//Highlight color
var highlightColor = 'f7f7f7';
//0 to link to profile, 1 to link to thread
var linkTarget = '0';
icell = document.getElementsByTagName('TD');
for(t=0;t<icell.length;t++) {
if (icell[t].className=="windowbg2" && icell[t].width=="24%") {
icell[t].onmouseover =
function(){this.style.cursor='pointer';this.style.backgroundColor=highlightColor;};
icell[t].onmouseout = function(){this.style.backgroundColor=this.bgColor;};
icell[t].onclick = function(){location =
this.getElementsByTagName('a')[linkTarget].href;};}
if(location.href.match(/board=/) && !location.href.match(/action=display/)){
if (icell[t].className=="windowbg2" && icell[t].width=="20%") {
icell[t].onmouseover =
function(){this.style.cursor='pointer';this.style.backgroundColor=highlightColor;};
icell[t].onmouseout = function(){this.style.backgroundColor=this.bgColor;};}}}
</script>
<script type="text/javascript">
<!-// Image rollover effect
function doRollOver(oldsrc, newsrc, title){
var img = {
oldsrc: null,
oldtitle: null
};
var iImg = document.getElementsByTagName("img");
for(i = 0; i < iImg.length; i ++){
if(iImg.item(i).src.match(new RegExp(oldsrc))){
iImg.item(i).onmouseover = function(){
img.oldsrc = this.src;
img.oldtitle = this.alt;
this.src = newsrc;
this.title = title;
}
iImg.item(i).onmouseout = function(){
this.src = img.oldsrc;
this.title = img.oldtitle;
}
}
}
}
doRollOver("HOME_2.GIF", "HOME_1.GIF", "Home");
doRollOver("HELP_2.GIF", "HELP_1.GIF", "Help");
doRollOver("SEARCH_2.GIF", "SEARCH_1.GIF", "Search");
doRollOver
("EVENTS_2.GIF", "EVENTS_1.GIF", "Events");
doRollOver
("USERS_2.GIF", "USERS_1.GIF", "Users");
doRollOver("ADMIN_2.GIF", "ADMIN_1.GIF", "Admin CP");
doRollOver("PROFILE_2.GIF", "PROFILE_1.GIF", "Profile");
doRollOver("LOGOUT_2.GIF", "LOGOUT_1.GIF", "Logout");
doRollOver("LOGIN_2.GIF", "LOGIN_1.GIF", "Login");
doRollOver("SIGNUP_2.GIF", "SIGNUP_1.GIF", "Sign Up");
//-->
</script>
<script type="text/javascript">
<!-var images = document.getElementsByTagName("img");
for(i=0; i<images.length; i++){
if(images.item(i).alt.match(/admin functions/i)){
images.item(i).parentNode.parentNode.className = "titlebg";
}
}
//-->
</script>
------------------------------------------------------------------------------------------------------------Now you should be back into your 'Admin' section. Now, again click on the bit that
says "Headers and Footers" then u will go to a new page which has a 'drop down box'.
Choose 'Main Header/Footer' from the drop down and then click 'continue'.
Once you have done this you will be brought to a new page which will have two big
input boxes. Now simply copy and paste the following into the correct places
------------------------------------------------------------------------------------------------------------Main Footer (the second/bottom/last box):
(EDIT THE PARTS IN RED)
------------------------------------------------------------------------------------------------------------
<script type="text/javascript">
<!-/* Remove Title Bar Text - Ross */
var height = '6px';
if(location.href.match(/\.com\/?(index.cgi)?\??(&?action=home)?(#\w+)?$/)) {
var txtRe = /(Forum Name|Topics|Posts|Last Post)/;
var font = document.getElementsByTagName('font');
for(i=0; i<font.length; i++) {
if(font.item(i).className == 'titletext' &&
txtRe.test(font.item(i).firstChild.firstChild.data)) {
font.item(i).firstChild.style.setAttribute('display', 'none');
font.item(i).parentNode.style.setAttribute('height', height);
}
}
}
//-->
</script>
<script type="text/javascript">
<!-var InfoIcon=document.getElementsByTagName("TD");
for(t=0;t<InfoIcon.length;t++){
if(InfoIcon[t].className.match(/windowbg/i) && InfoIcon[t].width=="20" &&
InfoIcon[t].vAlign=="middle"){
InfoIcon[t].style.display="none";}}
// -->
</script>
<script language="javascript" type="text/javascript">
/* Created by Hechizero
Dividing Categories with Option to Add Head and Base Images v1.0 B - Edited to
make it work with PBv4
This code may not redistributed without the express permission from its creator.
This header must stay intact at all times. */
var NewsFaderSettings=['yes',’HEAD.GIF’,'yes','BASE.GIF','15px'];
var CategoriesSettings=['yes',’HEAD.GIF’,'yes','BASE.GIF','15px'];
var InfoCenterSettings=['yes',’HEAD.GIF’,'yes','BASE.GIF','15px'];
if (window.location.href.match(/\.com(\/(index\.cgi(\?(action=home)?|#\w+)?)?)?$/i))
{
function ReturnCategory (cloneT,wantedCat) {
var deleteMore=false;
for (var i=cloneT.rows.length-1,z=0;i>0;i--) {
if (cloneT.rows[i].cells[0].className=='catbg') {
if (cloneT.rows[i].cells[0].getElementsByTagName('b').length>0) {
if (z==wantedCat) {
deleteMore=true;
} else {
cloneT.deleteRow(i);
}
z++;
} else {
cloneT.deleteRow(i);
}
} else {
if (deleteMore || z<wantedCat) {
cloneT.deleteRow(i);
}
}
}
return cloneT;
}
function AppendImage (AppendType,ImageSRC,Container,BeforeMe) {
var newImage=document.createElement('img');
newImage.src=ImageSRC;
newImage.className = 'image_class';
if (AppendType=='append') {
Container.appendChild(newImage);
} else if (AppendType=='insert') {
Container.parentNode.insertBefore(newImage,BeforeMe);
}
}
var EnablePattern=/^yes$/i;
var tables=document.getElementsByTagName('table');
for (var h=0;h<tables.length;h++) {
if (tables[h].width=='100%' && tables[h].cellPadding==tables[h].cellSpacing &&
tables[h].className=='bordercolor' &&
tables[h].getElementsByTagName('table').length>0) {
var TableAncestor=tables[h];
var OriginalTable=tables[h].getElementsByTagName('table')[0];
switch (OriginalTable.rows[0].cells[0].getElementsByTagName('b')[0].innerHTML) {
case 'News' :
if (EnablePattern.test(NewsFaderSettings[0])) {
AppendImage('insert',NewsFaderSettings[1],TableAncestor,TableAncestor);
}
if (EnablePattern.test(NewsFaderSettings[2])) {
AppendImage('insert',NewsFaderSettings[3],TableAncestor,TableAncestor.nextSiblin
g);
}
break;
case 'Forum Name' :
TableAncestor.className='';
TableAncestor.style.backgroundColor='transparent';
OriginalTable.className='bordercolor';
OriginalTable.parentNode.style.display='none';
TableAncestor.insertRow(0).insertCell(0).style.height=CategoriesSettings[4];
for (var e=1,c=0;e<OriginalTable.rows.length;e++) {
if (OriginalTable.rows[e].cells[0].className=='catbg' &&
OriginalTable.rows[e].cells[0].getElementsByTagName('b').length>0) {
var newC=TableAncestor.insertRow(0).insertCell(0);
if (EnablePattern.test(CategoriesSettings[0])) {
AppendImage('append',CategoriesSettings[1],newC);
}
newC.appendChild(ReturnCategory(OriginalTable.cloneNode(true),c));
if (EnablePattern.test(CategoriesSettings[2])) {
AppendImage('append',CategoriesSettings[3],newC);
}
newC=TableAncestor.insertRow(0).insertCell(0);
newC.style.height=CategoriesSettings[4];
c++;
}
}
TableAncestor.deleteRow(TableAncestor.rows.length-1);
break;
case 'Info Center' :
if (EnablePattern.test(InfoCenterSettings[0])) {
AppendImage('insert',InfoCenterSettings[1],TableAncestor,TableAncestor);
}
if (EnablePattern.test(InfoCenterSettings[2])) {
AppendImage('insert',InfoCenterSettings[3],TableAncestor,TableAncestor.nextSiblin
g);
}
break;
}
}
}
}
</script>
<table width="25%" cellspacing="1" cellpadding="4" class="bordercolor"
align="center"><tr><td class="windowbg">
<table width="100%"><tr>
<td align="right"><img src="OFF_ICON.JPG"></td>
<td><font size="1">No New<br>Posts</font></td>
<td align="right"><img src="ON_ICON.JPG"></td>
<td width="25%"><font size="1">New<br>Posts</font></td>
<td align="right"><img src="LOCKED_BOARD.JPG"></td>
<td width="25%"><font size="1">Locked<br>Board</font></td>
</tr></table>
</td></tr></table>