Anleitung um die Tableiste unter die Navigationsleiste zu setzten (FX65+)

Zitat von Sören Hentzschel

Oder misch dir deine Farben selbst:

rgb(255, 0, 0) => Erster Wert steht für Rot, zweiter Wert für Grün, Dritter für Blau, jeweils ein Wert zwischen 0 und 255. Ich empfehle an dieser Stelle RGB statt Hex, weil das für die meisten einfacher zu verstehen ist, wenn es nur Ziffern und keine Buchstaben gibt. So hat man praktisch unendliche Möglichkeiten, während die Anzahl der Farbwörter limitiert ist. Es gibt so viele schöne Farben, für die es kein Farbwort gibt (und unvollständig ist die Liste auch).

Das geht auch ??? Wow na das ist supergeil :klasse: . Danke für den Tipp !

Zitat von GermanFreme82

Wie kann ich denn die TABS von eckig auf "rund" machen ?

Meinst du das so?

[attachment=0]Screenshot (344).png[/attachment]

Wenn ja:

#TabsToolbar {
margin-bottom:1px!important;
      }


.tabbrowser-tab:not([selected="true"]){
  background: lightblue !important; 
  border-radius: 80px !important; 
  border:1px solid black!important;
      }


.tab-background[selected="true"] {
  background: orange !important; 
  border-radius: 80px !important; 
  border:1px solid black!important;
      }


.tabbrowser-tab::after, .tabbrowser-tab::before {
    margin-inline-start: 0px!important;
    border-left: 0px solid!important;
    border-image:none!important;
    border-image-slice: 0!important;
    width: 0px!important;
    box-sizing: border-box;
    opacity: 0!important;
	  }

.tab-line { 
	display:none!important
	  }

Farben wenn dann selber noch anpassen.

Cool das mit den runden Tabs hat prima geklappt !
Jetzt kann ich ja stattdessen dort meine Farben reinmachen.

Wie kann ich denn den Abstand zwischen den einzelnen TABs bestimmen, also mit welchem Wert ?

Ich mags nämlich nicht, wenn die so zusammenkleben.

Zitat von GermanFreme82

den Abstand zwischen den einzelnen TABs

Zusätzlich zu meinem Code oben:

.tabbrowser-tab{
		  margin-right:4px!important;
	  }

Den Wert noch anpassen.

Zitat von 2002Andreas

Zusätzlich zu meinem Code oben:

CSS

.tabbrowser-tab{
		  margin-right:4px!important;
	  }

Den Wert noch anpassen.

Und nochmals DANKESCHÖN !
Das ist ja eine herrliche Spielerei :lol::klasse: .

Zitat von GermanFreme82

Das ist ja eine herrliche Spielerei

Aufpassen...die kann süchtig machen :wink:

:lol: Ich weiß man ist da irgendwie nie zufrieden mit seiner gewählten Farbe.

Zitat von GermanFreme82

:lol: Ich weiß man ist da irgendwie nie zufrieden mit seiner gewählten Farbe.

Unter den 281.474.976.710.656 Farben sollte sich doch etwas finden.

Zitat von milupo

Unter den 281.474.976.710.656 Farben sollte sich doch etwas finden.

:klasse: Da hast du Recht :lol: .

Hallo

Bis gestern hat das mit den hat es mit den 2 Dateien "tabs_below_navigation_toolbar.css" + "tabs_below_navigation_toolbar_fx65.css" einwandfrei funktioniert - heute kam das Update auf Firefox 71 (64-bit) und die Tabs sind wieder oben.

Hat dafür jemand eine Lösung ?

Gruß

meggamoon

Einfach mal die letzten Beiträge hier im Unterforum ansehen

#32

Was ist das Unterforum ?

Das Forum, wo du deine Frage gestellt hast

Ansonsten, hast du mal auf den Link in Beitrag Nr. 51 geklickt?

Zitat von meggamoon

Was ist das Unterforum ?

2002Andreas hat dir auch einen Link gegeben, da hättest du auch gesehen, in welchem Unterforum.

Den Link hatte ich glatt übersehen - SORRY !!!

Danke, das war die Lösung:

Unter about:config den Wert: "layout.css.xul-box-display-values.survive-blockification.enabled" auf "false" setzten.

Ihr seit Super !!

Gruß

meggamoon

Freut mich wenn dein Problem gelöst ist

Hallo zusammen, ich klinke mich mal hier rein: Natürlich war auch bei mir nach dem Update auf 71 alles wieder zerschossen (Tabs einreihig, Tabs oben, Tabs zu schmal etc.). jetzt läuft alles wieder, wie es sein soll (Rundungen, Einfärbungen, mehrere Reihen, Scrollbalken), allerdings sind die Tabs wieder "oben"... Kann mir bitte jemand helfen, und mir einen userChrome.css-Eintrag verraten, den ich unten an meinem Code anhängen kann, der auf die anderen Einträge keine Auswirkung hat, aber die Tabs nach "unten" verschiebt; unter die Navigationszeile? Hab schon einiges probiert (auch ältere Möglichkeiten), bisher ohne Erfolg... Vielleicht müssen ja zusätzlich im vorhandenen Code auch noch Änderungen vorgenommen werden... Auch die Umstellung des schon mehrmals erwähnten Schalters, der eh wieder verschwindet, klappt nicht (es ändert sich nur die Breite einiger Tabs)... Ach ja, und der Doppelklick zum Öffnen eines neuen Tabs in der Tableiste funktioniert auch nicht mehr (ist aber sekundär)...

Reihenfolge der Leisten soll sein:

Menuleiste

Navleiste

Tableiste

Hier mein Code und ein Screenshot, wie es im Moment aussieht (nicht lang, aber effektiv):

/****************Tabs Farbe ändern aktive,gelesene noch nicht gelesene in Verbindung mit Erweiterung Tab Flag - ok***********/
 
/********aktiver Tab grün**********/

.tab-background[selected="true"]{
opacity: 0.5!important;
background:#99ff66!important;
}


/*
******nicht gelesener Tab rot******/
 
.tabbrowser-tab[titlechanged] {
opacity: 1.2!important;
color: red !important;
/* background:#ff7788!important; */
/* font-weight: bold !important; */
}
*/
.tabbrowser-tab[selected="true"]{
font-weight:bold;
} 

/* Rahmen um die Tabs grau */

.tabbrowser-tab{
    border:0px solid grey!important;
}


.tabbrowser-tab::after, .tabbrowser-tab::before {
    border-left: none !important;
}
.tab-background {
  border-radius: 30px 30px 30px 30px !important;
  border-image: none !important;
  border-left: 0.5px solid !important;
  border-right: 0.5px solid !important;
  border-top: 1px solid !important;
  border-bottom: 1px solid !important;
  background-color: lightgrey !important;
}
.tab-line {
  display: none !important;
}

/* tabs height for "classic tabs" */
:root {
  --tab-min-height: flex!important;
}

/* Abstände zwischen den Tabs einstellen */

#TabsToolbar .tabbrowser-tab {margin: 3px 1px 1px 2px !important;
}

#nav-bar{ border-top-width: 20px !important;
}

/* Trennlinien zwischen den einzelnen Zeilen */

#toolbar-menubar,
#nav-bar,
#PersonalToolbar,
#TabsToolbar {
   border-top: 1px solid grey !important;
   background: #eeeeee !important;
   color:black!important;
   }


/* Do not remove the @namespace line -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/* ----------------------------*/
/* Mehrzeilige Tabreihen       */
/* ----------------------------*/
tabs > arrowscrollbox { 
    display: block; 
}
scrollbox[part][orient="horizontal"] {
    display: flex;
    flex-wrap: wrap; 
    overflow: visible !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 23px !important;
    max-height: calc( 6 * 23px ) !important;  /*6 Tabreihen*/
    -moz-window-dragging: no-drag !important;
}

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 23px !important;
    max-height: 23px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

 /* Feste Breite  des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
    min-width: 154px !important; 
}
/* Platz für Scrollbar schaffen */
.tabbrowser-tabs {
  margin-right: -41px !important;
}
/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), 
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
    display: none; 
}

/* Tabzeile unten (folgt)*/

Zitat von moonson

Kann mir bitte jemand helfen,

Beitrag Nr. 55 hattest du gelesen und getestet!?

Hallo Andreas, ja, hab ich, sagte ich ja... Sieht dann so aus (siehe unten)...

Ok.

Für Tableiste oben (Standard) darf der config Eintrag auch nicht geändert werden, nur bei Tableiste verschoben.

In deinem obigen Code sehe ich aber nichts davon, dass die Tableiste verschoben werden soll, sondern nur, dass sie mehrzeilig ist.