WOW
Hallo Andreas,
es geht nun wieder, ich bin echt begeistert.
Das war so nervig, gerade weil ich gerne mal 3-5 reihen offen habe.
Kann man diese Funktion noch zu laufen bringen:
"Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar"
Erstmal ganz vielen Dank!
Viele Grüße
DerGiftzwerg
Hallo zusammen,
Leider will mein userChrome.css nicht mehr richtig funktionieren.
Ich habe nur noch 1 Reihne Tabs statt 5-6 Reihen. Man kann zwar scrollen aber das schockt nicht.
Kann man das wieder anpassen?
/* 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 */
/* Bei Fokus-Verlust nicht ausgrauen */
#menubar-items :not([fokus]), #tabbrowser-tabs :not([fokus]){
opacity: 1!important;
}
/* -----------------------------*/
/* Tabs-Toolbar */
/* -----------------------------*/
#TabsToolbar:not(:-moz-lwtheme){
/*background-image: url("./image/BackNew0008.png") !important;*/ /*Pfad zu Hintergrundbild bei Standard-Theme */
color: black !important;
}
/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/
/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
text-shadow: 1px 1px 0px #000000 !important;
font-weight: 500 !important;
font-size: 12px !important;
font-family: "Arial" !important;
color: white !important;
}
.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
text-shadow: none !important;
color: black !important;
}
.tabbrowser-tab .tab-label[selected="true"] {
text-shadow: 1px 1px 0px #000000 !important;
color: white !important;
font-weight: 500 !important;
font-size: 12px !important;
font-family: "Arial" !important;
}
/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
display: none !important;
}
/* Tab-Höhe */
.tabbrowser-tab {
min-height: 30px !important;
max-height: 30px !important;
vertical-align: bottom !important;
margin-top: 1px !important;
margin-bottom: 1px !important;
}
/* Tab-Rahmen entfernen */
.tabbrowser-tab[visuallyselected="true"],
.tabbrowser-tab,
.tabbrowser-tab .tab-background {
background: unset !important;
border-top: unset !important;
outline: none !important;
}
/*------------------*/
/* Tab-Hintergrund */
/*------------------*/
/*--- selektiert ---*/
.tab-background[selected=true]:not(:-moz-lwtheme) > spacer {
background-image: linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; /* blau */
/*background-image: linear-gradient( rgba(230,175,175,1), rgba(84,25,25,1) ), none !important;*/ /* rot */
filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-4px 3px 2px rgba(0,0,0,0.33)) !important;
}
.tab-background[selected=true]:-moz-lwtheme > spacer {
background-image: linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-2px 3px 2px rgba(0,0,0,0.33)) !important;
}
/*--- hover(nicht selektiert) ---*/
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
background-image: linear-gradient( rgba(255,255,255,1), rgba(115,115,115,1) ), none !important;
filter: brightness(130%) contrast(95%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):-moz-lwtheme > spacer {
background-image: linear-gradient( rgba(225,225,225,0.66), rgba(100,125,145,0.66) ), none !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
/*--- nicht selektiert ---*/
.tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
background-image: linear-gradient( rgba(255,255,255,1), rgba(125,125,125,1) ), none !important;
filter: brightness(115%) contrast(90%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important;
}
.tab-background:not([selected=true]):-moz-lwtheme > spacer {
background-image: linear-gradient( rgba(255,255,255,0.33), rgba(110,110,110,0.33) ), none !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
/************* Tabschliessen-Button ****************/
.tab-close-button.close-icon{
display: -moz-box !important;
width: 30px; height: 30px !important;
border: none !important;
background-color: none !important;
}
.tab-close-button {
color: red !important; /* Farbe des Kreuzes */
}
/*--- Multi-selektiert ---*/
.tab-background[multiselected=true]:not([selected=true]) > spacer {
background-image: linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background[multiselected=true]:not([selected=true]) > spacer {
background-image: linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important;
}
/* ----------------------------*/
/* 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: 30px !important;
max-height: calc( 9 * 31px ) !important; /*9 Tabreihen*/
-moz-window-dragging: no-drag !important;
}
/* Platz für Scrollbar schaffen */
.tabbrowser-tabs {
margin-right: -30px !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;
}Viele Grüße
DerGiftzwerg
Ah nun geht es wieder.
Hatte einen Eintrag übersehen...
Hallo zusammen,
danke erstmal für die super Arbeit.
Mehrzeilig bin ich mittlereile wieder aber ich habe ein problem, dass mir das X zum schließen das Tabs fehlt?
Ich muss dazu sagen, dass ich etwas an der Config angepasst habe ( Tab breite und anzahl der Reihen auf 6 erweitert).
Viele Grüße
DerGiftzwerg
Wie kann ich das Script bei mir hinzufügen?
Kann mir das evtl. jemand erklären?
Was macht das Script "Profilordner.uc.js"?
Hallo Endor,
das ist super Cool. Nun kann ich endlich wieder mehrzeilige Tabs haben und sie passend verschieben! NICE
Viele Grüße
DerGiftzwerg
edit/
Eine frage habe ich doch noch:
Wenn ich nun die Menüleiste Anzeigen lasse, haben ich einen recht großen Spalt zwischen Leiste und Tabs:
[attachment=0]Fx.PNG[/attachment]
Kann man den Abstand verkleiner (rote striche)?
Wow das sieht schon irgendwie deutlich schöner aus.
Nur ein problem habe ich auch damit. Ich kann bei zB drei Zeilen, nicht einen Tab aus der unterstens Zeile nehmen und individuell verschieben. Es wird immer nach oben in die 1. Zeile verschoben.
Hast du dafür eine idee?
Ach und kann man das so einstellen, das ich einen neuen Tab immer am ende der Tabs öffne?
Okay, nun bin ich unsicher, muss ich diesesn an meinen anhängen oder ersätzen?
Folgendes habe ich aktuell in der userChrome.css drin:
/*AGENT_SHEET*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* === Mehrzeilige Tableiste === */
/* Titel-Leistenschaltflächen */
#titlebar,#titlebar-buttonbox {
height: 32px !important;
}
#titlebar {
margin-bottom: -32px !important;
}
#main-window[sizemode="maximized"] #titlebar {
margin-bottom: -24px !important;
}
/* Tab-Leiste */
#tabbrowser-tabs,
.tabbrowser-arrowscrollbox {
min-height: 32px !important;
}
/* Anzahl der Tabreihen muss nicht mehr angegeben werden */
/* Wenn Sie die Anzahl der Tabs über die angegebene Anzahl von Stufen hinaus erhöhen, */
/* werden die angezeigten Bildlaufleisten mit Mausklicks und Rädern verschoben */
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag !important;
}
.tabbrowser-arrowscrollbox {
-moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important;
}
/* Anzahl der Tabschritte */
#tabbrowser-tabs .scrollbox-innerbox {
max-height: calc( 32px * 5 ) !important;/* Zahl nach 32px ist Anzahl der Tabreihen */
}
/* Verschiedene Einstellungen */
/* Tabs */
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible !important;
display: block !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex !important;
flex-wrap: wrap !important;
overflow-y: auto !important;
}
.tabbrowser-tab:not([pinned]) {
flex-grow: 1 !important;
display: -webkit-box !important;
min-height: 22px !important;
min-width: 110px !important; /* Minimal Wert standardmäßig 76px /
max-width: 110px !important; / Maximal Wert standardmäßig 225px */
}
.tab-stack {
width: 100% !important;
height: 100% !important;
}
/* -- Ausblenden -- */
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#tabbrowser-tabs .autorepeatbutton-up,
#tabbrowser-tabs .autorepeatbutton-down,
#alltabs-button {
display: none !important;
}Hallo Andreas,
vielen Dank für das Willkommen heißen.
Muss ich den Code in der userChrome.css einfügen oder in userChrome.js?
Hallo zusammen,
ich habe letzten Sommer mal über diesen Thread mein Firefox auf mehre Tab Zeilen erweitert.
Nun wollte ich das auf meinen neuen Rechner auch wieder machen aber die 137 Seiten überfallen einen recht :?
Gibt es eine kleine übersicht oder Anleitung wie man am besten vorgeht oder muss ich mich durch die 137 Seiten wühlen?
Viele Dank für eure Antworten
DerGiftzwerg