[RainDigitalDesign] Floating Navigation 1.0.2

[rainmotorsports]

rainmotorsports submitted a new resource:

[RainDD] Floating Navigation - Add floating navigation to stock based themes.

Add floating navigation similar to www.digitalpoint.com and other implementations to your stock or stock based Xenforo themes. Perfect starter code for your own floating navigation system or theme.

Features & Fixes:

• Enable or Disable per theme to prevent interference with incompatible or already equipped themes.
• DigitalPoint style box shadow leaving search in its stock position.
• Work's with the moderator bar and any addons...

Read more about this resource...

 

[CTS]

Installed today, and I like what it does. The only thing I need to work on is the alert notifications and keeping the bubble intact.

But it looks good.

 

[CTS]

Fixed the bubbles in css, which looks awsome with this.

Now I just wish to find a way to make the transition smoother, otherwise perfect for my site.

 

[rainmotorsports]

I never thought about the bubbles. Our site the menu bar is large enough they still show. On the stock theme it is definitely an issue. Trying to see how digitalpoint styled theirs. So far I am seeing a top 16px adjustment. Without an alert its kinda hard to see all of it. I wonder if an overlap is cool with people or if I should space out the menus a bit.

If I find a standard transition that looks good I will add it to the options as well. Going to push out a minor update later.

Undid the display none to see them:


Not a huge fan, I mean it works but... That and I can't steal all the ideas from the same place lol.

 

[rainmotorsports]

rainmotorsports updated [RainDD] Floating Navigation with a new update entry:

Fixes & Additions

• Adjusted default position and style of alert counts on float.
• Added style property to adjust position and style of alert counts.
• Added style property to adjust shadow properties.

• Changed moderator bar measurement from height to outerheight.
• Moved Javascript and CSS to templates for easier editing.

Read the rest of this update entry...

 

[rainmotorsports]

@Mark T

You can adjust the CSS again (might want to remove it to see how it looks now) but the update adds some changes for this. Below is a sample:

 

[rdn]

Thanks!
Works great my own style

 

[tommydamic68]

Installed and turned it on but does nothing on my site.

 

[rainmotorsports]

Installed and turned it on but does nothing on my site.

Link me the site? Certain changes can easily break this.

 

[tommydamic68]

Link me the site? Certain changes can easily break this.

www.sphynxlair.com

 

[rainmotorsports]

www.sphynxlair.com

Alright well for one the javascript isn't triggering or might not even be present. I added the navfloat class to the header and this ended up happening:


On your header template do you have "prevent template modifications" checked? That's one reason the JS wouldn't show up. I feel like some of the CSS is missing as well which doesn't exactly make sense lol.

Even with all that working the box shadow issues tells me there is definitely some adjustments needed to make this work for you.

 

[tommydamic68]

Alright well for one the javascript isn't triggering or might not even be present. I added the navfloat class to the header and this ended up happening:
View attachment 134595

On your header template do you have "prevent template modifications" checked? That's one reason the JS wouldn't show up. I feel like some of the CSS is missing as well which doesn't exactly make sense lol.

Even with all that working the box shadow issues tells me there is definitely some adjustments needed to make this work for you.

Yes that is checked, I did uncheck it and tried it, it did work but have this line or shading I guess? Any fix?

 

[rainmotorsports]

You can undo the shadow in the style properties for the addon. It will make the search bar look out of place when scrolling. Trying to figure out a solution to that now but im not sure yet. Id just take the box shadow off for now?

Honestly think you would be better off with @BassMan plugin for this. But I can shoot you over some CSS to move the search bar up upon float instead.

 

[tommydamic68]

You can undo the shadow in the style properties for the addon. It will make the search bar look out of place when scrolling. Trying to figure out a solution to that now but im not sure yet. Id just take the box shadow off for now?

Honestly think you would be better off with @BassMan plugin for this. But I can shoot you over some CSS to move the search bar up upon float instead.

I'll try the CSS - thanks.

 

[rainmotorsports]

Alright this will move the search up and cancel the background around it. Then put the background back whenever the search dropdown is active:

#header.navfloat #QuickSearch
{
top: -29px;
background-color: transparent;
}

#header.navfloat #QuickSearch .formPopup
{
width: 250px;
background-color: transparent;
}

#header.navfloat #QuickSearch.active
{
background-color: rgb(237, 238, 225);
}

You can put it in the RainDD_FN.css or the Extra.css it doesn't matter.

 

[tommydamic68]

Alright this will move the search up and cancel the background around it. Then put the background back whenever the search dropdown is active:

#header.navfloat #QuickSearch
{
top: -29px;
background-color: transparent;
}

#header.navfloat #QuickSearch .formPopup
{
width: 250px;
background-color: transparent;
}

#header.navfloat #QuickSearch.active
{
background-color: rgb(237, 238, 225);
}

You can put it in the RainDD_FN.css or the Extra.css it doesn't matter.

it looks like this with the CSS.

 

[rainmotorsports]

You didnt remove the box shadow from the style properties for the plugin. Unless you arent running 1.0.1

 

[tommydamic68]

You didnt remove the box shadow from the style properties for the plugin. Unless you arent running 1.0.1

That worked - thanks!

 

[CTS]

Working very well for me.

I noticed today that the popup when you click on a username, the popup lays under the navbar when sticky.

 

[rainmotorsports]

Working very well for me.

I noticed today that the popup when you click on a username, the popup lays under the navbar when sticky.

It shouldn't its included in the 10002 z-index group in the css but i can look at it if you have a link.