Tabs unten - CSS Code

  • Hallo @all...


    vorweg, ich nutze diese Funktion nicht, und bin mir nicht sicher ob sie fehlerfrei bei jedem user funktioniert.


    Ich habe mir erlaubt einen CSS Code von Aris (danke dafür) etwas zu verändern.


    So sieht das hier mit dem Code dann aus, ohne jegliche weitere Änderung am Firefox:



    Wichtig, die Titelleiste vom Fx muss dabei ausgeblendet sein!

    Und das ist der Code dazu:



    Es wird damit dann kein weiterer Code gebraucht.


    Wer also gerne mal testen möchte...

  • Wenn ich den Wert in

    Code
    1. /* space for menubar above navigation toolbar (Firefox titlebar) */
    2. #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
    3. margin-top: 23px !important;


    auf 23px verändere, dann siehts so aus



    [attachment=0]A10.jpg[/attachment]



    Das ist fast OK so.
    Nach oben hin könnte noch ein wenig mehr von der Leiste zu sehen sein.


    Habe schon mir den Werten gespielt, aber oben ist es knapp geblieben.


    Hast du noch eine Idee?

  • Auf #9 komme ich gleich zurück.


    Habe meine alte css noch mal etwas bearbeitet und mit dem veränderten Wert auf 32 sieht es nach unten hin schon sehr gut aus.
    Nach oben ist jetzt etwas zuviel Platz.



    [attachment=0]A11.jpg[/attachment]



    Code
    1. /* set to '0', if no menubar is used */
    2. #main-window[tabsintitlebar][sizemode="maximized"]:not
    3. ([sizemode="fullscreen"]) #nav-bar {
    4. margin-top: 32px !important;


    Komplett



  • Bitte zusätzlich einfügen und wieder testen:


    Mit den Werten


    Code
    1. #main-menubar > menu {
    2. padding-top:6px!important;
    3. }
    4. #toolbar-menubar {
    5. margin-top:-4px!important;
    6. }


    So sieht es horizontal zentriert aus. Wäre so OK. Kann man der Menüleiste etwas an Höhe geben?
    Mache jetzt keinen neuen Thread auf: Können die Unterstriche ausgeblendet werden?



    [attachment=0]A12.jpg[/attachment]

  • Andreas, mach dir keinen Kopf mehr!


    Ich benutze jetzt die css - habe keine Lust mehr.



    Sieht ja auch fast gut aus.


    Wegen der Unterstriche mache ich einen neuen Thread auf.

  • Auch bei mir funktioniert jetzt dieser Grundcode aus #1 auf Anhieb. Die mögliche 2px Lücke werde ich ggfs. noch nacharbeiten.


    DANKE!

    Mit besten Grüßen vom Ammersee
    Thomas

    Dell XPS 13 9360, Intel Core i5-7200U, 8 GB RAM, SSD 256 GB, Intel HD Graphics 620, Win 10 Prof 64 bit, Kaspersky KAV, MS Office 2016

  • Ich hatte ja noch das Problem mit dem Abstand zwischen Menü- und Adresszeile. Bei mir löst derfolgende css Befehl das Problem

    Code
    1. #nav-bar-customization-target {margin-top: -10px !important;}


    Vielleicht weiß jemand wie man den drei Striche Button rechts/Menü öffnen noch die 10 px hoch bekommt, dann wäre es optimal. :)


    Andreas hat das Problem gelöst:

    Code
    1. /*Menü drei Striche-Button nach oben verschieben Farbe wie Leiste*/
    2. #PanelUI-menu-button {
    3. margin-top:-10px!important;
    4. background: #eeeeee !important;}

    Mit besten Grüßen vom Ammersee
    Thomas

    Dell XPS 13 9360, Intel Core i5-7200U, 8 GB RAM, SSD 256 GB, Intel HD Graphics 620, Win 10 Prof 64 bit, Kaspersky KAV, MS Office 2016

    Einmal editiert, zuletzt von thomas7 ()

  • Danke, ich mußte allerdings noch meine Hintergrundfarbe ergänzen, da sonst die Systemfarbe durchkommt.


    Code
    1. #PanelUI-menu-button {
    2. margin-top:-10px!important;
    3. background: #eeeeee !important;
    4. }

    Mit besten Grüßen vom Ammersee
    Thomas

    Dell XPS 13 9360, Intel Core i5-7200U, 8 GB RAM, SSD 256 GB, Intel HD Graphics 620, Win 10 Prof 64 bit, Kaspersky KAV, MS Office 2016

  • andreas Könntest du mir die #Bezeichnung für den aktiven Tab mitteilen. Ich würde mal versuchen dessen Höhe anzupassen, da ich dort noch oben einen ca 2px Streifen in blauer Hintergrundfarbe habe.


    [attachment=0]ff65-2.jpg[/attachment]

    Bilder

    • ff65-2.jpg

    Mit besten Grüßen vom Ammersee
    Thomas

    Dell XPS 13 9360, Intel Core i5-7200U, 8 GB RAM, SSD 256 GB, Intel HD Graphics 620, Win 10 Prof 64 bit, Kaspersky KAV, MS Office 2016