Vielen Dank Endor,
die neuen Skripte werde ich mir am Wochenende auch mal anschauen und testen.
Eigentlich bin ich mit dem alten sehr zufrieden (bis auf die Sache mit dem nicht automatischen Scrollen bei neuen Tabs ) Aber sonst macht es das, was es soll, fehlerfrei.
Habe jetzt zwei der neuen Scripte getestet und kann keinen Mehrwert zu dem bereits geposteten Script feststellen.
Die Zeile...
.tabbrowser-arrowscrollbox { -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important; }hatte ich schon in dem alten Script eingefügt, damit ließen sich dann sehr komfortabel die Tabreihen mit dem Mausrad scrollen.
Die gesamte CSS-Datei als Variable in das Javascript einzufügen finde ich persönlich nicht so doll, zumal ich ja trotzdem noch etwas in die userchrome.css eintragen muss.
Hier nochmal die funktionsfähige Lösung, welche ich benutze:
userchrome.css:
/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/
/* TabLabel settings */
.tabbrowser-tab .tab-label {
text-shadow: 1px 1px 1px #000000 !important;
font-weight: normal !important;
font-size: 12px !important;
font-family: "Arial" !important;
color: #DDDDDD !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 1px #000000 !important;
color: white !important;
font-weight: normal !important;
font-size: 12px !important;
font-family: "Arial" !important;
}
/* hide tab-line */
#TabsToolbar .tabbrowser-tab .tab-line {
display: none !important;
}
/* hide tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: none !important;
width: 2 !important;
}
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
background: unset !important;
border-top: unset !important;
outline: none !important;
}
/*- Tab-Background -*/
.tab-background[selected="true"] > spacer {
background-image: linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important;
filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-2px 3px 2px rgba(0,0,0,0.33)) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
background-image: linear-gradient( rgba(255,255,255,1), rgba(100,125,145,1) ), none !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
background-image: linear-gradient( rgba(255,255,255,0.8), rgba(100,125,145,0.8) ), none !important;
}
.tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
background-image: linear-gradient( rgba(255,255,255,1), rgba(110,110,110,1) ), none !important;
}
.tab-background:not([selected=true]) > spacer {
background-image: linear-gradient( rgba(255,255,255,0.66), rgba(110,110,110,0.66) ), none !important;
}
/* ----------------------------*/
/* Mehrzeilige Tabreihen */
/* ----------------------------*/
/* Die angezeigte Scrollbar, bewegt sich mit dem Mausrad, wenn die Anzahl der Tabreihen um mehr als die angegebene Anzahl erhöht wird */
.tabbrowser-arrowscrollbox { -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important; }
:root {
--tab-min-height: 28px !important;
--tab-top-margin: 3px !important;
}
.tabbrowser-tab {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
height: var(--tab-min-height:) !important;
vertical-align: bottom !important;
margin-top: var(--tab-top-margin) !important;
}
.tabbrowser-tab:not([pinned]) {
min-width: 234px !important; /* Feste Breite des einzelnem Tabs */
}
/* tabs right position */
.tabbrowser-tabs {
margin-right: -41px !important;
}
.tabbrowser-arrowscrollbox scrollbox {
overflow: visible !important;
}
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow-y: auto !important;
min-height: var(--tab-min-height);
max-height: calc(3 * (var(--tab-min-height) + var(--tab-top-margin))) !important; /*- '3' Tabzeilen -*/
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible;
display: block;
}
/* Button for scrolling tabs to the left */
.scrollbutton-up{
display: none;
}
/* Button for scrolling tabs to the right */
.scrollbutton-down{
display: none;
}
/* Height for '+'-Button (newtab) */
.tabs-newtab-button {
vertical-align: bottom !important;
height: var(--tab-min-height:) !important;
}
/*Drop-down menu for all tabs */
#alltabs-button{
display: none;
}...und das von Endor als erstes gepostete Script:
https://www.camp-firefox.de/fo…ic.php?p=1088303#p1088303
Das Ganze sieht dann so bei mir aus:
[attachment=0]MultiTabRow.jpg[/attachment]
hi, hab das obengenannte script mal ausprobiert, geht auch. aber wie bekomme ich die tabs in der höhe ungefär halb so hoch das ich wirklich nur logo und schrift sehe und wie mache ich das die tabs nur halb so lang sind? schonmal vielen dank für die hilfe.
mfg
Söny
hallo, das mit der breite hab ich hinbekommen. Das mit der höhe aber leider nicht. Das scrollen wenn zu viele tabs offen sind geht leider auch nicht. er zeigt mich zwar den balken an, aber funktionieren tut er leider nicht.
hab jetz gewechselt zu #57 Beitrag von JeffWood » Do, 19. Jul 2018 18:58
da sichd die tabs durchsichtiger. gefällt mir besser. das mit der breite hab ich hier auch hinbekommen, nur das mit der höhe nicht. und auch hier funktioniert der scroll balken leider nicht. sieht jetz so aus
[attachment=0]Unbenannt.JPG[/attachment]
Hallo,
mit dem heutigen Update auf Version 66 funktioniert nun leider die mehrzeilige Tableiste nicht mehr. Es wird kein einziger meiner letzten Tabs mehr angezeigt. Auch kann ich keine neuen Tabs mehr anlegen. Es scheint, als ob jedes FF Update die mühsam erarbeiteten Einstellungen zerlegt 
[entfernt, Tabs, nicht Lesezeichen, danke]
PS
ZitatEs scheint, als ob jedes FF Update die mühsam erarbeiteten Einstellungen zerlegt
Damit muss man rechnen, wenn man seinen Firefox pimpt, sei es CSS oder Scripte.
Bitte hier lesen
Da geht es um die Lesezeichenleiste, und nicht um die Tableiste :wink:
autschn :o
Ja :(. Ich habe jetzt erstmal alle Dateien aus dem Chromordner genommen, sodass ich zumindest wieder eine Tabzeile habe und überhaupt surfen kann. Meine drei Zeilen Tabs sind allerdings weg, bzw. auf dem Stand der letzten Sicherung.
So langsam macht das keine Freude mehr 
Dann lass doch weg, macht mehr Freude :mrgreen:
Wenns so wäre, hätte ich mich nicht mit der Userchrome "beschäftigt". In der Standardfirefox Version kann man ja noch nichtmal durch die Tabs scrollen.
Ich verschiebe den Thread mal nach Anpassungen.
In der Standardfirefox Version kann man ja noch nichtmal durch die Tabs scrollen.
Geht das denn mit anderen Browsern?
mit dem heutigen Update auf Version 66 funktioniert nun leider die mehrzeilige Tableiste nicht mehr.
Die Skripte von folgender Seite funktionieren unter Firefox 66 damit die Tableiste mehrzeilig angezeigt wird:
► https://github.com/Endor8/user…er/Mutirowtabs/Firefox-66
Auch funktioniert dieser CSS-Code von Aris für die userChrome.css, auch wenn dort, im Gegensatz zum Skript, dann Drag-and-Drop der Tabs nicht richtig funktioniert: ► https://github.com/Aris-t2/Cus…abs_multiple_lines_v2.css
Es scheint, als ob jedes FF Update die mühsam erarbeiteten Einstellungen zerlegt
Das war schon immer so. Für inoffizielle Anpassungen gibt es seitens Mozilla nämlich keinen Support, weswegen es relativ normal ist, dass man hin und wieder bei einem Update seine CSS-Codes/Skripts anpassen muss.
Geht das denn mit anderen Browsern?
In Pale Moon mach ichs gerade :), in Vivaldi gehts auch. Der FF machts mir mittlerweile schwer in zu mögen :wink:
Mit diesem Script kann mann auch in Firefox prima durch die Tabs scrollen:
// ==UserScript==
// @name Tab Wheel Scroll
// @namespace https://www.camp-firefox.de/forum
// @description Mit dem Mausrad durch die Tabs rollen
// @include chrome://browser/content/browser.xul
// ==/UserScript==
(function() {
if (location != 'chrome://browser/content/browser.xul')
return;
const scrollRight = true;
const wrap = true;
gBrowser.tabContainer.addEventListener("wheel", function(event) {
let dir = (scrollRight ? 1 : -1) * Math.sign(event.deltaY);
setTimeout(function() {
gBrowser.tabContainer.advanceSelectedTab(dir, wrap);
}, 0);
}, true);
})();Getestet im aktuellen 66er.
Mfg.
Endor
Hallo Endor,
ist das Script für die userChrome.css ? Die habe ich jetzt bei mir komlett leer gemacht und den Code reinkopiert und es geht nicht
Nein, das hat mit CSS Codes nichst zu tun.
Das ist ein Script.
Siehe dazu hier eine Anleitung:
https://github.com/Endor8/user…js/tree/master/userChrome
Mfg.
Endor
Dankeschön, das versuche ich morgen mal in Ruhe.
In Pale Moon mach ichs gerade :), in Vivaldi gehts auch.
Danke für die Aufklärung. :klasse: