Post by $©Ø®Þ!@Ω™ on Oct 21, 2006 21:28:39 GMT -5
<script type='text/javascript'>
/* v3 Style Nav Tree by Scorpian
http://roddyinnovations.com/ */
/*=== Edit These ===*/
var folderURL = 'http://roddyinnovations.com/pbhacks/images/navfolder.gif'; // URL of folder
/* Ignore this line */ var tLine = new Array();
tLine[0] = ['http://roddyinnovations.com/pbhacks/images/tline.gif','|-']; // URL of first Line
tLine[1] = ['http://roddyinnovations.com/pbhacks/images/tline2.gif','| |-']; // URL of second Line
tLine[2] = ['http://roddyinnovations.com/pbhacks/images/tline3.gif','| | |-']; // URL of third Line
/*=== Do Not Edit ===*/
var riTd = document.getElementsByTagName('td'); var num = 0;
var theFolder = document.createElement('img');
theFolder.src = folderURL; theFolder.alt = '->';
for(t=0; t<riTd.length; t++){
if(riTd[t].vAlign == 'top' && riTd[t].width == '100%'){
var tehLinks = riTd[t].getElementsByTagName('a');
for(a=0; a<tehLinks.length; a++){
if(tehLinks[a].className == 'nav'){
tehLinks[a].parentNode.insertBefore(theFolder.cloneNode(true), tehLinks[a]);
tehLinks[a].innerHTML = '&nb'+'sp;' + tehLinks[a].innerHTML + '&nb'+'sp;';
}
if(tehLinks[a].className == 'nav' && tehLinks[a].nextSibling && tehLinks[a].nextSibling.nodeType == '3'){
if(tehLinks[a].nextSibling.nextSibling.nodeName != 'BR' && tehLinks[a].nextSibling.nextSibling.nodeName != 'FONT'){
riTd[t].innerHTML = riTd[t].innerHTML.replace(new RegExp(' :: ','i'),"<img src='"+tLine[num][0]+"' alt='"+tLine[num][1]+"'/> ");
tehLinks[a].parentNode.insertBefore(document.createElement('br'), tehLinks[a].nextSibling);
num = num + 1;
}else{
riTd[t].removeChild(tehLinks[a].nextSibling);
break;
}
}
}
}
}
</script>
Global Footers
Hooray! A new code! XD Well, this was kinda hectic to make. It re-arranges the nav tree to look like the one in the ProBoards version 3 software. A live preview can be found on my coding test board.
Editing
Wheeeee! The fun part.
var folderURL = 'http://roddyinnovations.com/pbhacks/images/navfolder.gif'; // URL of folder
/* Ignore this line */ var tLine = new Array();
tLine[0] = ['http://roddyinnovations.com/pbhacks/images/tline.gif','|-']; // URL of first Line
tLine[1] = ['http://roddyinnovations.com/pbhacks/images/tline2.gif','| |-']; // URL of second Line
tLine[2] = ['http://roddyinnovations.com/pbhacks/images/tline3.gif','| | |-']; // URL of third Line
Those are the urls of the images used. The first one is the folder displayed next to each link. The next one is each nav line displayed under the folder of the line above it, and before the folder of the line it is on (Check preview for example). They're listed in order from top to bottom. There will be no more than 4 no matter what you do. I have provided the default images that were used in v3 for you. You can use them, or your own.
Enjoy.