1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

[RainDD] Floating Navigation 1.0.2

Add floating navigation to stock based themes.

  1. rainmotorsports

    rainmotorsports Well-Known Member

    rainmotorsports submitted a new resource:

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

    Read more about this resource...
  2. Mark T

    Mark T Active Member

    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.
  3. Mark T

    Mark T Active Member

    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.
  4. rainmotorsports

    rainmotorsports Well-Known Member

    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.
  5. rainmotorsports

    rainmotorsports Well-Known Member

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

    Fixes & Additions

    Read the rest of this update entry...
  6. rainmotorsports

    rainmotorsports Well-Known Member

    @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:
  7. RoldanLT

    RoldanLT Well-Known Member

    Works great my own style :)
  8. tommydamic68

    tommydamic68 Well-Known Member

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

    rainmotorsports Well-Known Member

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

    tommydamic68 Well-Known Member

  11. rainmotorsports

    rainmotorsports Well-Known Member

    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.
  12. tommydamic68

    tommydamic68 Well-Known Member

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

    Screen Shot 2016-05-21 at 6.47.43 PM.png
  13. rainmotorsports

    rainmotorsports Well-Known Member

    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.
  14. tommydamic68

    tommydamic68 Well-Known Member

    I'll try the CSS - thanks.
  15. rainmotorsports

    rainmotorsports Well-Known Member

    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.
  16. tommydamic68

    tommydamic68 Well-Known Member

    it looks like this with the CSS.
    Screen Shot 2016-05-21 at 9.48.40 PM.png
  17. rainmotorsports

    rainmotorsports Well-Known Member

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

    tommydamic68 Well-Known Member

    That worked - thanks!
  19. Mark T

    Mark T Active Member

    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.
  20. rainmotorsports

    rainmotorsports Well-Known Member

    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.

Share This Page