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

    CSS
    /* space for menubar above navigation toolbar (Firefox titlebar) */
    #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
      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]


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

    Komplett


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


    Mit den Werten

    CSS
    #main-menubar > menu {
    padding-top:6px!important;
      }
    
    
    #toolbar-menubar {
    margin-top:-4px!important;
      }

    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, Defender, Office 2021
    Dell Inspiron 14 5430, Intel i5 13.Gen, 8GB, SSD 512 GB, Intel Iris Graphics, Win 11 home, Defender, Office 2021.

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

    CSS
    #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:

    CSS
    /*Menü drei Striche-Button nach oben verschieben Farbe wie Leiste*/
    #PanelUI-menu-button {
    	margin-top:-10px!important; 
    	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, Defender, Office 2021
    Dell Inspiron 14 5430, Intel i5 13.Gen, 8GB, SSD 512 GB, Intel Iris Graphics, Win 11 home, Defender, Office 2021.

    Einmal editiert, zuletzt von thomas7 (3. Februar 2019 um 20:37)

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

    CSS
    #PanelUI-menu-button {
    margin-top:-10px!important; 
    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, Defender, Office 2021
    Dell Inspiron 14 5430, Intel i5 13.Gen, 8GB, SSD 512 GB, Intel Iris Graphics, Win 11 home, Defender, Office 2021.

  • 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

    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, Defender, Office 2021
    Dell Inspiron 14 5430, Intel i5 13.Gen, 8GB, SSD 512 GB, Intel Iris Graphics, Win 11 home, Defender, Office 2021.