Tabline in nicht aktiven Tabs (?)

  • Einen schönen Sonntag in die Runde


    Ich habe mit einer CSS-Anweisung die nicht aktiven Tabs eingefärbt

    Den aktiven Tab hab ich mit einer Tabline versehen. Ist es möglich die inaktiven Tabs auch mit einer Tabline zu versehen?

    Meine Versuche diesbezüglich scheiterten alle. Weiss auch nicht ob ich es wirklich nutzen würde aber zu wissen ob und wie

    wäre eine weitere Erfahrung mehr im grossen Feuerfuchs-Abenteuer :)


    Als ich des Suchens müde war, erlernte ich das Finden  (Friedrich Nietzsche)

                 



  • Meinst du das so?



    Wenn ja, dann teste bitte:


    CSS
    .tabbrowser-tab:not([selected]){
        border-top:4px solid red !important;
        border-radius: 0 px !important;
        margin-left: 1px !important;
        }

    Werte und Farbe musst du dir anpassen.

  • Danke Andreas,


    auf die Idee mit border kam ich gar nicht :)

    Funktioniert und passt!

    Nur mal als Verständnisfrage: Kann man das nur mit border ansprechen oder auch mit .tabline?

    Weil die .tabline wird ja so angesprochen

    CSS
    .tab-line[selected=true] { 
        height: 2px !important;
        background-color:#01DFD7!important;
    }

    Der Tabhintergrund bei inaktiven Tabs so

    CSS
    .tabbrowser-tab:not([selected]) .tab-background {
      background-color: #61210B
    }

    Jetzt dachte ich für die Tabline bei inaktiven Tabs so

    CSS
    .tabbrowser-tab:not([selected]) .tab-line {
      height: 2px !important;
      background-color: red!important;
    }

    Oder geht das nur über border?

    Als ich des Suchens müde war, erlernte ich das Finden  (Friedrich Nietzsche)

                 



  • Ok. Danke für Deine Hilfe und die erneute Horizonterweiterung :)

    Als ich des Suchens müde war, erlernte ich das Finden  (Friedrich Nietzsche)

                 



  • Hallo


    Eine kleine Anschlussfrage. Mit dem Code

    .tab-line[selected="true"] {border-top:4px solid red !important;}

    habe ich versucht, eine Linie auf den aktiven Tab zu bekommen. Leider ohne Erfolg. Wo ist der Fehler?


    Wünsche einen schönen Restsonntag

    "Wir fahren diesen Planeten gerade an die Wand"
    Klimaforscher Hans Joachim Schellnhuber

  • Entweder:


    CSS
    .tab-line {
       background: red !important;
       }

    oder:


    CSS
     .tab-line {
      display: none !important;
      }
    
      .tabbrowser-tab[selected]{
      border-top:4px solid red !important;
      border-radius: 0 px !important;
      }

    eine Linie auf den aktiven Tab zu bekommen

    Die ist doch standardmäßig vorhanden::/


  • Die ist doch standardmäßig vorhanden::/


    Oh wie peinlich. 8)
    Langsam verliere ich die Übersicht in meiner userchrome.css.
    Besten Dank für den Tipp.

    "Wir fahren diesen Planeten gerade an die Wand"
    Klimaforscher Hans Joachim Schellnhuber

  • Gute Idee - die Gestaltung wäre bei mir mittlerweile auch sinnvoll.
    Habe bisher lückenhaft in der Datei die Kurzbeschreibung in der Art:
    /* Farbe der Lesezeichen-Ordner in schweinchenrosa ändern */

    "Wir fahren diesen Planeten gerade an die Wand"
    Klimaforscher Hans Joachim Schellnhuber

    Einmal editiert, zuletzt von StandingBill ()