scrollende Navigationsleiste

[principia]

Auf apfeltalk haben sie ja in dem Style von Audentio eine scrollende Navigationsleiste.
Finde ich recht schick.
Gibts dazu auch irgendwo Codeschnipsel zum Selbsteinbau oder ein Addon?
Hab nix gefunden

 

[McAtze]

Das ist Teil des UI.X Frameworks .. http://www.audentio.com/shop/view/XenForo/ui.x-23

Hier ist mal ein Teil der CSS ..

<xen:if is="!@uix_removeTabLinks">

    .navTabs .navTab.selected .tabLinks {height: @uix_tabLinksHeight;}
    #navigation .pageContent {height: {xen:calc '@headerTabHeight + @uix_tabLinksHeight'}px;}
   
    #headerMover #headerProxy {height: {xen:calc '@headerLogoHeight + @headerTabHeight + @uix_tabLinksHeight'}px;}
    .navTabs .navTab.selected .tabLinks a {line-height: @uix_tabLinksHeight; padding: 0 @uix_gutterWidthSmall; }

    <xen:if is="!@uix_initialFixedHeader">#content .pageContent {border-top: 0;}</xen:if>
</xen:if>

<xen:if is="@uix_initialFixedHeader || @uix_navigationFixed">
.hasHeaderFixed .activeHeaderSticky #navigation .navTabs .navLink .itemCount {
    position: relative;
    top: -2px;
    right: auto;
    padding: 3px 6px;
    margin-left: 6px;
    box-shadow: 0 1px 0 rgba(0,0,0,.2);
}
.hasHeaderFixed .activeHeaderSticky #navigation .navTabs .navLink .itemCount .arrow {display: none;}
</xen:if>

<xen:if is="@uix_initialFixedHeader && !@uix_navigationFixed">
    .hasModeratorBar body {padding-top: @uix_moderatorBarHeight;}
    .navTabs {border-top-left-radius: 0; border-top-right-radius: 0;}
    .navTabs .navTab.selected .tabLinks {
        border-radius: 0 0 @uix_primaryBorder.border-radius @uix_primaryBorder.border-radius;
    }
   
    #loginBar {width: 100%;z-index: 10000;position:static;top:0;min-height: @uix_fixedModeratorBarHeight;}
   
</xen:if>

<xen:if is="@uix_removeTabLinks && @uix_initialFixedHeader">.breadBoxTop {padding-top: 0;}</xen:if>

 

[principia]

Das ist Teil des UI.X Frameworks ..

Ja, das war mir klar. Danke.
Aber aus dem Alter solche Frameworks zu nutzen bin ich ja raus

 

[McAtze]

Im Prinzip ist es ein Style bei dem du eine ganze Menge Einstellmöglichkeiten hast ..