A code request related to the Navigation tree

[planettv]

I like the forum Navigation tree code that I am using on my forum but I wish there was a version without the title/table header row and that the table it's in was moved down bit, if that's possible, in that it would cut the highlighted space in half so that it's is closer to where it is by default without any code but at the same time have some separation from forum name, topics, etc. row.
 


The other thing I would like the code it do is to put this information that is at the bottom of the forum in a table without a title/table header row:



I would the tables' background color to just use the color that's set for Window Background 1 which is what the cell that contained navigation tree in the forum Navigation tree code used.


I did look through the code index of codes for Version 4 but didn't see anything that would help. I should note that I'm still using version 4 as I have been too busy working on a new skin for my forum to check out version 5.

[Tumbleweed]

Hi planettv,

1. Since that nav tree code is open source that means we can edit it. What you can do is add an id to the table that is within the code like I did in blue:

iDiv.innerHTML='<table class="bordercolor" id="move_nav" cellspacing="1" cellpadding="2">

Then above that code you can add some css to move it: Edit: Actually, I was doing some other tests on my site and noticed this messes up (moves it too far down) when clicking on a board so put this in your main header. But I'm still running into issues when in a thread. It moves back up with too much of a gap and I'm not sure how to fix it. (Sorry, best I can do with my limited knowledge of javascript.) 

<style>
#move_nav{
position: relative;
margin-bottom: -24px;
z-index:10;
}
</style>

Adjust the -24 so you have the gap you want.

If I understand you right, you don't want the words navigation and that whole title part, correct. If so, in that same line remove the red:

iDiv.innerHTML='<table class="bordercolor" id="move_nav" cellspacing="1" cellpadding="2"><tr><td class="titlebg"><b>Navigation</b></td></tr><tr><td class="windowbg">'+iKay.replace(/<br\s?\/?>/i,

2. I'm afraid your image link didn't work. Do you mean the info center that has Forum Statistics, Who's online, recent visitors?

[planettv]

May 21, 2013 21:41:59 GMT -8 Tumbleweed said:

2. I'm afraid your image link didn't work. Do you mean the info center that has Forum Statistics, Who's online, recent visitors?

That worked so thanks for the help so far and it was this info at the bottom of the forum that I wanted in a table:

This Board Hosted For FREE By ProBoards
Get Your Own Free Message Boards & Free Forums!
Terms of Service | Privacy Policy | Notice | FTC Disclosure | Report Abuse | Mobile

[Tumbleweed]

Oh, o.k. Well, you can't really put a table around that since that is on ProBoards side and we can't touch the ads and links but you can slide a background behind it to make it look like it is in a table.

Put this at the very bottom of your global footers:

<style type="text/css">
#bkg_backer {
width: 800px;
height: 192px;
background-color: #aaaaaa;
border-top: 1px solid #fff;
position: relative;
bottom: -180;
left: 0;
right: 0;
z-index: -2;
}
</style>


<div style="width: 100%;text-align: center;">
<div id="bkg_backer" style="margin: auto;">
</div>
</div>


If you need to edit the height or where the background ends at the bottom of the page, you'll need to keep the height and bottom position (bolded) relatively the same but the bottom number is a negative number. I have a 12px difference just to get a tiny gap at the end of my background and the bottom of the page.

[planettv]

May 22, 2013 18:01:33 GMT -8 Tumbleweed said:

Oh, o.k. Well, you can't really put a table around that since that is on ProBoards side and we can't touch the ads and links but you can slide a background behind it to make it look like it is in a table.

Put this at the very bottom of your global footers:

<style type="text/css">
#bkg_backer {
width: 800px;
height: 192px;
background-color: #aaaaaa;
border-top: 1px solid #fff;
position: relative;
bottom: -180;
left: 0;
right: 0;
z-index: -2;
}
</style>


<div style="width: 100%;text-align: center;">
<div id="bkg_backer" style="margin: auto;">
</div>
</div>


If you need to edit the height or where the background ends at the bottom of the page, you'll need to keep the height and bottom position (bolded) relatively the same but the bottom number is a negative number. I have a 12px difference just to get a tiny gap at the end of my background and the bottom of the page.

That will work and thank you for all your help.