Seite 3 von 3

Re: [DEV] Responsive HeaderBar - NavigationsLeiste oben

Verfasst: 25.11.2014 19:08
von HabNurNeFrage
Hi,

die Anpassung an den Viewport funktioniert jetzt on-the-fly.
Es wird nun auch geprüft, ob die Linkliste und der Seitentitel passen und beides entsprechend der Seitenbreite ein- bzw. ausgeblendet.
Dabei wird das Menü möglichst lange erhalten, bevor der "Hamburger" kommt.

Responsive Live-Test: http://bild4.bplaced.net/jquery/srv/?ht ... t/phpbb31/

LG

Re: [DEV] Responsive HeaderBar - NavigationsLeiste oben

Verfasst: 29.11.2014 11:14
von Talk19zehn
Hi, im Firefox 33.1.1 (Windows7 Ultimate) habe ich den Versatz (1680x1050px) noch immer . . .

Ändere ich die Höhe auf 3em (nur mit Firebug untersucht(!)), ist der Versatz im FF weg. Ich habe addiert:
#pages_nav_items li a --> padding 0.8+1.2 zzgl. --> #nav_title --> margin 1. Ggf. hat jemand noch eine Info zu dem Thema. Nun weiß ich jedoch nicht, was dein JS berechnet.

Code: Alles auswählen

#res_nav_wrapper {
    background-color: lavender;
    border-bottom: 1px solid silver;
    box-shadow: 0 4px 6px -2px gray;
    height: 3em;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 4444;
}
Leider kann ich jedoch nicht "dauerhaft" im FF auf der Testseite von dir mit Firebug arbeiten. die Seite lädt "ewig". Ob das u.U. am JS selbst liegt?

Ansonsten --> viel Glück, ist gut gelungen!

Re: [DEV] Responsive HeaderBar - NavigationsLeiste oben

Verfasst: 29.11.2014 15:28
von HabNurNeFrage
Hi.

Danke, der Container ist nun sowohl in der Demo als auch im Download 3em hoch.
Hoffe, der Versatz ist nun in allen Browsern Geschichte.

Da ich irgendwie nicht mit dem PHP zurecht komme, um das Menü im ACP zu administrieren, hab ich das erstmal frustriert zur Seite gelegt.
Zwischenzeitlich bastele ich zur Entspannung an einem Style für 3.1. (mehr Aha-Erlebnisse und weniger och-nö-geht-schon-wieder-nicht)
Sowie ich verstanden habe, wie man in einer Extension die Bank richtig abfragt, Tabellen und ACP-Module erzeugt, werde ich hier weiter machen.

LG