Runde Ecken für Tabs

Wenn Sie plötzlich keine E-Mails mehr empfangen können

Bitte lesen Sie die Hinweise zu den beiden derzeit häufigsten Problemursachen!

Hier bitte klicken!

Diese rote Box verschwindet, wenn Sie in der rechten oberen Ecke auf das X klicken.

  • In Firefox hab ich diesen Schnipsel in der userChrome.css, der für runde Ecken bei den tabs sorgt:

    #TabsToolbar .tabs-newtab-button,

    #TabsToolbar .tabbrowser-tab,

    #TabsToolbar .tabbrowser-tab .tab-stack,

    #TabsToolbar .tabbrowser-tab .tab-background,

    #TabsToolbar .tabbrowser-tab .tab-content {

    border-top-left-radius: 7px !important;

    border-top-right-radius: 7px !important;

    }


    #TabsToolbar .tabbrowser-tab .tab-line {

    visibility: hidden;

    }


    Wie geht das in TB?

  • moin, moin...


    Da o.g. Add-On für TB 68.x nicht mehr funktionuckelt, meine Frage:

    Wie bekomme ich jetzt die eckigen Tabs per CSS schön rund , gleich groß, mit etwas Abstand und verschiedenen Hintergründen für Aktiv/Inaktiv?


    guuts Nächtle...

    Uli

    W10 Home 64bit - TB 68.x (32-Bit) Portable

  • Wie bekomme ich jetzt die eckigen Tabs per CSS schön rund , gleich groß, mit etwas Abstand und verschiedenen Hintergründen für Aktiv/Inaktiv?

    Hallo

    Habe TB 68.1.0 und diese Einträge in der "userChrome.css" und es funktioniert. Werte kann man was Farbe und Größe betrifft anpassen.

    CSS
     /************************************ Schrift in Tabs *******************************************/
    
    
    tab .tab-text {
    font-size: 11,5px !important;
    font-weight: bold !important; }
    CSS
    /*************************** Hintergrundfarbe aktives Tab - grün ****************************/
    
    .tab-background[selected="true"] {
    background: #99ff66 !important; }
    
    
    /********************************* Hintergrundfarbe inaktive Tabs - gelb ********************/
    
    tab:not([selected="true"]) {
    background: #ffff00 !important; }

    Einfach mal testen.

    Thunderbird 78.0 64bit

  • Wo kann ich abgucken, wie Du in TB die Tabs so schön rund und den Menüleisten-Inhalt hinbekommen hast?

    Hwww ha tDir ja schon eine Code oben angeboten.

    Ich habe den von Aris für Thunderbird und mich angepasst.
    hie mein Code:

    Viel Spaß beim testen


    Gruß
    EDV-Oldi

  • :thumbup::thumbup:Mein Dank geht an Euch beide, wird Euch ewig verfolgen, aaaaber....


    ...letztendlich hab ich mich dafür entschieden, EDV-Oldis Code zu übernehmen und daran weiterzubasteln.

    Sieht schon ganz nett aus, aber Feinschliff dauert halt dann doch etwas.


    Eins ist mir aber schon aufgefallen:

    Das Grau des Bereiches, in dem die Tabs liegen gefältt mir garnicht:/

    Wie kann ich da die Farbe ändern?

    Im FF hab ich das mit so einer Zeile gelöst

    CSS
    #TabsToolbar {background: cyan !important;}

    Was muß ich hier im TB verwenden?


    Edith sagt: "#tabs-toolbar" statt "#TabsToolbar".

    Was so ein Bindestrich doch ausmachen kann ^^

    W10 Home 64bit - TB 68.x (32-Bit) Portable

    Edited once, last by Harff182: Lösung gefunden ().