Easy Access to the Participated Button

[Vapers United]

Good morning,

Sorry for any misunderstanding. I didn't mean to imply that I was unhappy with it. I asked if you saw what you were looking for. I don't know what it's supposed to look like.

To be sure that I did it right, below is the upper part of the code we've been working on. Please check it to see if it's done correctly...

/*adjust the nav bubbles*/
#navigation-menu div.tip-holder {
position: absolute;
top: 0px;
right: -6px;
display: inline-block;
z-index:101;
}
#navigation-menu div.tip-holder span.tip {
z-index:102;
}
#navigation-menu div.tip-holder span.tip {
top: 14px; <-------- I set this back to 14
}

I cannot see where the red part does anything at all. After working with it, in an effort to see what it does, I changed 102 to 9999 and then 1, and I couldn't see a difference. And I don't see a difference between its being there and not being there. Maybe I misinterpreted an instruction, so I included the code above.

Again, I don't know what it's supposed to look like. If it looks right to you, then it's fine with me. I sent you a PM so you can look at it there.

[Kami]

Z index is 3D space. If you have the X axis and Y axis for horizontal and vertical positioning, respectively, the Z axis (Z index) is in effect the "layers".

A positive Z index means the item is above other items; the higher the number, the closer to the "top" it is -- if an item has a 999 index and another item has a 1 index, then the 999 item will overlap the 1 item.

However if you only have two items (the base item which is default 0) and the second item mean to overlap, then the index number being adjusted will have no visible change.

The inclusion of a z index in this case is meant to help with any element that was being cut off by another element by positioning it in 3D space "above" the element that was causing the cutoff.

[Tumbleweed]

Vapers United

So I logged into your site on FF, Chrome, IE and Edge and of course it is Edge and IE that are the problem. It looks perfect in Chrome and FF.  The z-index wasn't the problem as you found out as it changed nothing.  If you really want to fix it so there isn't that tiny little gap between the tip and the bubble body then setting that top part I told you to try to 13px and making the border top to 5px seems to make it look good on all 4 of those browsers on your site.

On my test site (please take a look and make sure it looks good to you)  I just went up to the default css for the tip holder, grabbed that line of code and pasted it at the bottom of my style sheet  and I highlighted what I changed/added in red:

#navigation-menu div.tip-holder span.tip { border-top: 5px solid johnnynav_bar_bubble_background; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 6px; top:13px;}

So if you want to do this (to me it isn't that big of a deal if left as is) is remove the two lines you posted in your last post...these...


#navigation-menu div.tip-holder span.tip {

z-index:102;

}

#navigation-menu div.tip-holder span.tip {

top: 14px; <-------- I set this back to 14

}

........and replace with the bolded code. I'll leave it up to you.

[Vapers United]

Thanks for the explanation. So it was the line/gap between the bubble and the tip. I created and account and logged in to your site, but there was no bubble for me to see. So here's what I did...

/*adjust the nav bubbles*/
#navigation-menu div.tip-holder {
position: absolute;
top: 0px;
right: -6px;
display: inline-block;
z-index:101;
}
#navigation-menu div.tip-holder span.tip {
z-index:102;
}
#navigation-menu div.tip-holder span.tip {
top: 13px; <-------- I set this to 13
}

I deleted the red and set top: 13px; to bring the tip up to the bubble. I can see what you meant now and it looks good to me. I checked it with Edge, too.

I did not alter or move the default CSS. I found it, but didn't do anything with it. If I can't (or shouldn't) set the border top to 5px in the same section of code where all the other changes are, without effecting (or having to also change) the default CSS, then I say it looks good enough. I believe this is what you were saying as well.

[Tumbleweed]

Sept 4, 2017 6:09:17 GMT -8 Vapers United said:

Thanks for the explanation. So it was the line/gap between the bubble and the tip. I created and account and logged in to your site, but there was no bubble for me to see. So here's what I did...

/*adjust the nav bubbles*/
#navigation-menu div.tip-holder {
position: absolute;
top: 0px;
right: -6px;
display: inline-block;
z-index:101;
}
#navigation-menu div.tip-holder span.tip {
z-index:102;
}
#navigation-menu div.tip-holder span.tip {
top: 13px; <-------- I set this to 13
}

I deleted the red and set top: 13px; to bring the tip up to the bubble. I can see what you meant now and it looks good to me. I checked it with Edge, too.

I did not alter or move the default CSS. I found it, but didn't do anything with it. If I can't (or shouldn't) set the border top to 5px in the same section of code where all the other changes are, without effecting (or having to also change) the default CSS, then I say it looks good enough. I believe this is what you were saying as well.

I have been so scatter brained the last couple weeks. Here I ask you to send me a pm on your site so I can see the bubble and the send you to mine not doing the same for you. Sorry about that. The tip is just a little shorter with it moved up a bit (13px) but I did send you a pm on that test site so you can compare, in case you would want the tip a bit longer and make that change to 5px.

[Vapers United]

I know, right? But don't worry. Your the best!  

And in fairness, you couldn't send me a PM until after I joined.

Could that change be made something like this?...

/*adjust the nav bubbles*/
#navigation-menu div.tip-holder {
position: absolute;
top: 0px;
right: -6px;
display: inline-block;
z-index:101;
}
#navigation-menu div.tip-holder span.tip {
border-top: 5px solid johnnynav_bar_bubble_background;
}
#navigation-menu div.tip-holder span.tip {
top: 13px;
}

EDIT:
I did it like this...

#navigation-menu div.tip-holder span.tip {
border-top: 5px solid johnnynav_bar_bubble_background; top: 13px;
}

Comparing it to another page w/o the change, I can see that it lowered the tip by what appears to be 1px.

EDIT II:
Checked it with Edge and it looks good there, too.

[Tumbleweed]

Beautiful! Be it we are beyond babbling about the bubble business, Vapers United ?  Glad to see you are jumping in there and trying things, but you have been all along. Tomorrow, just to be sure, I'll hop on your site to check in Chrome and FF.


Vapers United , Sorry I was so slow to checking your site in FF and Chrome but I just did now and the bubbles look perfect. Oh and do you want me to delete my account or should I just leave it? It doesn't matter to me, whatever you prefer.

[Vapers United]

Hmmm I just noticed that the Thread Title no longer shows in the Control Bar (Action Bar). I moved it to just below your code, but that didn't help. I moved it to the very bottom of the Style Sheet, but that didn't help either. Might there be an easy fix for this to include it (or allow it) in your code? If not, then don't bother with it. I can live without it. I just noticed it and thought I'd mention it. That's all.

/* =================================
Puts Thread Title in the Action Bar
==================================== */

.thread-title {
float: right;
padding-top:10px;
font-size: 14px;
font-weight:bold;
text-align: center left;
width: 42%;
color:@pagination_text_color;
overflow:hidden;
}

/* =================================
Ends Thread Title in the Action Bar
==================================== */

[Tumbleweed]

Sept 7, 2017 1:12:33 GMT -8 Vapers United said:

Hmmm I just noticed that the Thread Title no longer shows in the Control Bar (Action Bar). I moved it to just below your code, but that didn't help. I moved it to the very bottom of the Style Sheet, but that didn't help either. Might there be an easy fix for this to include it (or allow it) in your code? If not, then don't bother with it. I can live without it. I just noticed it and thought I'd mention it. That's all.

/* =================================
Puts Thread Title in the Action Bar
==================================== */

.thread-title {
float: right;
padding-top:10px;
font-size: 14px;
font-weight:bold;
text-align: center left;
width: 42%;
color:@pagination_text_color;
overflow:hidden;
}

/* =================================
Ends Thread Title in the Action Bar
==================================== */

I didn't know you had the thread title in the action bar or I would have tested things with it in there. I assume you made a template change to get it there?

[Vapers United]

Sorry, but this was mentioned in the original request. The configuration came from this thread...

support.proboards.com/thread/438024/thread-title-action-bar

In looking it up again, I see that there was a template change.

EDIT:
After looking it up, I found the missing template change and fixed it myself. I guess the page was reset for some reason, because it was working before. There's a screenshot of it working in the original request.

Sept 4, 2017 20:40:24 GMT -8 Tumbleweed said:

Beautiful! Be it we are beyond babbling about the bubble business, Vapers United ?  Glad to see you are jumping in there and trying things, but you have been all along. Tomorrow, just to be sure, I'll hop on your site to check in Chrome and FF.


Vapers United , Sorry I was so slow to checking your site in FF and Chrome but I just did now and the bubbles look perfect. Oh and do you want me to delete my account or should I just leave it? It doesn't matter to me, whatever you prefer.

Thanks for this. Glad to know it looks good in FF and Chrome. You can delete your account or leave it. Your preference.

Thanks for everything!!! You're the best!

[Tumbleweed]

Oh gosh, it all came back to me that it was in your original post. I guess after 7 pages of back and forth's, I forgot.   Anyway, glad you figure it out. 

[Vapers United]

Sept 7, 2017 10:05:35 GMT -8 Tumbleweed said:

Oh gosh, it all came back to me that it was in your original post. I guess after 7 pages of back and forth's, I forgot.   Anyway, glad you figure it out. 

I know, right? Who can keep track? We worked on things as they came up. Thanks for your understanding and patience.