Add a navigation bar between last post and QR on threads

[Tumbleweed]

Feb 21, 2017 18:50:26 GMT -8 RichardInTN said:

I've already made the two suggested changes, but I can't test them out until I'm alone on the board... so that'll be later.

Just a thought but have you considered creating a board just for testing or simply creating a new theme to test things on? Many of us do that. Just a thought. I just tossed that birthday code on my test site and don't have that issue but I only tested in Chrome.

[RichardInTN]

Feb 22, 2017 0:26:15 GMT -8 Tumbleweed said:

Feb 21, 2017 18:50:26 GMT -8 RichardInTN said:

I've already made the two suggested changes, but I can't test them out until I'm alone on the board... so that'll be later.

Just a thought but have you considered creating a board just for testing or simply creating a new theme to test things on? Many of us do that. Just a thought. I just tossed that birthday code on my test site and don't have that issue but I only tested in Chrome.

I have thought about a test board (I had one for stuff on Zetaboards when I was there), but as this is likely the last tweak of the board... I'm not sure I see the need. Maybe when V6 comes out.

I'm using Chrome as well.

So... while I was alone online tonight, I tested those changes, they needed a little tweaking to work with my test theme (good thing this needs to be put on each theme separately, because it needs to be perfectly matched to each theme!), but once I knew where to look it was fairly easy to dial it in. I ended up with the CSS and JS looking like this:

CSS
.f-nav2{
z-index: 9999;
position: fixed;
top:0px;
margin:0 auto;
width:98%;
background: #777777;
}

.nav2{height: 26px;}
#static_tree{height:26px;}
.container>.control-bar {
top: 22px!important;
width:100%;
border-right:1px solid black;
}
JS
<script type="text/javascript">
jQuery("document").ready(function($){
var nav = $('#static_tree');
$(window).scroll(function () {
if ($(this).scrollTop() > 130) {
nav.addClass("f-nav2");
} else {
nav.removeClass("f-nav2");
}
});
});
</script>
You might note in the CSS I added in a "background" component to the .f-nav2 part. That got rid of any and all visible signs of the thread itself peeking in through the cracks. I matched the color to the pagination bar ans VIOLA! looks like it was meant to be there.

[Tumbleweed]

RichardInTN,

Glad you got it worked out. And yes, I knew you might have to tweak things and isn't css wonderful. You can add backgrounds and pretty things up to suit your needs.

So are we all done here, can I mark this thread as resolved after two months? lol  Again, sorry this dragged out so long. With you and I not being available sometimes and me missing some of your replies, this took more time than I'd like but not for me, for you. 

[RichardInTN]

Feb 22, 2017 21:35:31 GMT -8 Tumbleweed said:

RichardInTN ,

Glad you got it worked out. And yes, I knew you might have to tweak things and isn't css wonderful. You can add backgrounds and pretty things up to suit your needs.

So are we all done here, can I mark this thread as resolved after two months? lol  Again, sorry this dragged out so long. With you and I not being available sometimes and me missing some of your replies, this took more time than I'd like but not for me, for you. 

I'm ever the patient person. I simply thank you for your assistance!

Please, by all means, mark this one as "Completed".