Danke allen helfenden...
Beiträge von baramax
-
-
So bei mir ist jetzt alles super Tabs sehen toll aus keine Zeichen mehr. ich kann wieder arbeiten mit dem Fuchs.
-
Oh, hier ist ja ganz schön was passiert....! erst gar nichts und jetzt soviel.
Bin leider etwas spät nachhause gekommen, aber ich werde gleich morgen den Code einfügen und schauen, habe aber volles Vertrauen das es wird.
Ich sagen mal großen Dank für die Unterstützung. Werde morgen berichten.
Farbe der Ordner Icons finde ich übrigens auch ganz nett habe ich ja in meinem Code ganz unten drin.
-
ich hatte es ja schon vermutet und habe mir die Zeichen mal genau angesehen, ist genau der Anfangsbuchstabe des Tabs.
Wie bekomme ich das jetzt weg, denn das hatte ich vorher noch nie.?
-
jemand noch eine Idee, was die kleinen Zeichen sein können bei den angehefteten Tabs..?
-
OK das sieht schon ganz gut aus.
Einen kleinen Schönheitsfehler habe ich aber noch, dazu hänge ich mal ein Screenshot ran.
Neben dem angehefteten Tag ist jeweils irgend ein Zeichen zu sehen, kann es sein das es vom Text zum Icon ist.?
ich hänge mal meine userChrome.css hier ran
Evtl. liegt der Fehler woanders.
CSS
Alles anzeigen/* Tableiste mehrreihig oben */ @-moz-document url(chrome://browser/content/browser.xhtml) { [tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox { padding-top: 6px !important; } #titlebar,#tabbrowser-tabs { appearance: none !important; } [tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container, #main-window[inFullscreen="true"] #window-controls { display: block; } /* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */ box[class="scrollbox-clip"][orient="horizontal"], tabs > arrowscrollbox { display: block; } scrollbox[part][orient="horizontal"] { display: flex; flex-wrap: wrap; max-height: calc(var(--tab-min-height) * 4); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */ overflow-x: hidden; overflow-y: auto; } #tabbrowser-arrowscrollbox { margin-top: -13px !important; margin-bottom: -10px !important; } /* #tabs-newtab-button, #TabsToolbar #new-tab-button { display: none !important; } */ :root { --tab-min-height: 25px !important; } :root #tabbrowser-tabs { --tab-min-height: 25px !important; } tabs tab[fadein]:not([pinned]) { flex-grow: 1; } box[class="scrollbox-clip"][orient="horizontal"] { -moz-window-dragging: no-drag; } hbox.titlebar-spacer, #alltabs-button,tabs tab:not([fadein]) { display: none; } tabs tab,.tab-background { height: var(--tab-min-height); overflow: hidden; } tab > .tab-stack { width: 100%; } box[class="scrollbox-clip"][orient="horizontal"] { -moz-window-dragging: no-drag; } hbox.titlebar-spacer, #alltabs-button,tabs tab:not([fadein]) { display: none; } /* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */ tabs tab[fadein]:not([pinned]) { min-width: 150px !important;/* Minimale Tabbreite 76px */ max-width: 150px !important;/* Maximale Tabbreite 225px */ } /* 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; } tabs tab { border-left: solid 1px hsla(0,0%,50%,.5); border-right: solid 1px hsla(0,0%,50%,.5); } tabs tab:after,tabs tab:before { display: none;} #TabsToolbar:not(:-moz-lwtheme){ color: black !important; } #TabsToolbar > .titlebar-buttonbox-container { display: none !important; } /* -----------------------------*/ /* Tab: Optische Anpassungen */ /* -----------------------------*/ #tabbrowser-tabs :not([fokus]){ opacity: 1!important; } /* 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: 28px !important; max-height: 32px !important; vertical-align: bottom !important; margin-top: 1px !important; margin-bottom: 1px !important; } /* Tab-Rahmen entfernen */ /*#TabsToolbar .tabbrowser-tab[visuallyselected="true"], #TabsToolbar .tabbrowser-tab, #TabsToolbar .tabbrowser-tab .tab-background { background: unset !important; border-top: unset !important; outline: none !important; } */ /* Tab-Schließen-Button entfernen *//* .tabbrowser-tab .tab-close-button { visibility: collapse !important; } */ /************* Tabschliessen-Button ****************/ .tab-close-button.close-icon:not([pinned]){ display: -moz-box !important; width: 20px; height: 20px !important; border: none !important; background-color: none !important; } .tab-close-button { color: white !important; /* Farbe des Kreuzes */ } /* Tab-Icon ausrichten *//* .tab-throbber:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]) { margin-top: -1px !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); } /*--- 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; } } /* Ordner Icon, Ordner Farbe */ /* Lesezeichen Sidebar - Ordnericon stehend rot */ @-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), url("chrome://browser/content/history/history-panel.xul") { treechildren::-moz-tree-image(container) { fill:Crimson !important;} } /* Lesezeichen verwalten - Ordnericon stehend rot */ @-moz-document url-prefix("chrome://browser/content/places/places.xul") { treechildren::-moz-tree-image(container) { fill:Crimson !important;} } /* Lesezeichen - Ordnericon rot */ @-moz-document url-prefix("chrome://browser/content/browser.xhtml") { .bookmark-item[container="true"] { fill:Crimson !important;} } /* runde Tabs und Trennlinien */ .tab-background { border-radius: 12px 12px 0px 0px !important; border-image: none !important; } /* Tab Background Farbe */ .tab-background[selected="true"] { background: crimson !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[selected=true] { display:none!important }
-
ein Scrollbalken, wie bekomme ich den weg..?
In Zeile 24 die Anzahl der Tabreihen erhöhen.
Statt 3 z.B. 10 oder wie du es willst.
hatte ich in meiner alten userChrome.css auch nicht drin... gut das funktioniert nun wieder, ist ja höchst selten das mal mehr wie 3 Reihen offen sind, aber passiert bei mir schon weil ich in vielen Foren unterwegs bin und immer einiges auf habe.
Ist das neu das die angehefteten Tabs jetzt das "Schließen" Kreuz anzeigen, hatte ich bisher nicht evtl. war das eine änderung in der Datei, aber ich finde das nur für alle Tabs
-
So Leute... ich bin sowas von doof
Alles mein Fehler, dass doofe sitzt vorm PC
Man sollte wenn die userChrome.css auch im Profilordner "chrome" nehmen, bei mir war diese Datei der Fehler und ich habe den selben Ordner im Mozilla Firefox Ordner
Dann kann das ja auch nichts werden, also Sorry für meine Blödheit....!
Eine Frage habe ich trotzdem noch wenn ich jetzt 3 Reihen offen habe, erscheint am rechten Rand neben den Tabs ein Scrollbalken, wie bekomme ich den weg..?
-
hat denn jetzt jemand noch einen Einfall, was ich mit meinen halben angezeigten Tabs machen kann..?
-
das sind Dateien bei mir, du schreibst es sind zwei völlig andere Ordner was ist jetzt richtig
Die Dateien sind ja auch ok, nur hat der CSS Code darin nichts zu suchen
das ist mir auch klar
userChrome.js
userContent.css
so sehen die aus.
die Änderungen wurden ja alle mal erstellt weil der FF immer mal wieder anders aussah.
Frage ist immer noch wie bekomme ich die Tabs wieder vernünftig angezeigt, ich kann ja auch den halben Tabs kaum was erkennen, nur erahnen.
Es ist auch über und unter den Tabs ein großer freier Abstand. Für mich sieht es so aus als wenn er den Raum für die Tabs in den Zeilen zusammen geschoben hat.
Auch wenn ich nur einen Tab öffne wird der nicht richtig angezeigt.
-
OK, wie bekomme ich nun aber den Fuchs wieder auf die Reihe, dass er die Tableisten oben anzeigt, aber in voller Größe..?
Wo kann ich noch was machen..?
das sind Dateien bei mir, du schreibst es sind zwei völlig andere Ordner was ist jetzt richtig... und wenn gehören die in den chrome Ordner
-
im gleichnamigen Ordner sind die auch noch drin... die müssen bleiben.?
userChrome.js
userContent.css
-
OK, gemacht sieht noch genauso aus.
Ich hänge mal ein Screenshot ran
-
alles klar, ja du hast vollkommen recht mit dem was du sagst, aber ich muss erst einmla wieder wissen um was es geht.
Also großen Dank ich habe gefunden was gefordert ist
userChrome.css, sieht so aus, die stammt hier aus dem Forum und ist von mir so übernommen mit den Tabs oben und mehrreihig
CSS
Alles anzeigen/* Tableiste mehrreihig */ @-moz-document url(chrome://browser/content/browser.xhtml) { [tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox { padding-top: 8px !important; } #titlebar,#tabbrowser-tabs { appearance: none !important; } [tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container, #main-window[inFullscreen="true"] #window-controls { display: block; } /* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */ box[class="scrollbox-clip"][orient="horizontal"], tabs > arrowscrollbox { display: block; } scrollbox[part][orient="horizontal"] { display: flex; flex-wrap: wrap; max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */ overflow-x: hidden; overflow-y: auto; } tabs tab[fadein]:not([pinned]) { flex-grow: 1; } tabs tab,.tab-background { height: var(--tab-min-height); overflow: hidden; } tab > .tab-stack { width: 100%; } box[class="scrollbox-clip"][orient="horizontal"] { -moz-window-dragging: no-drag; } hbox.titlebar-spacer, #alltabs-button,tabs tab:not([fadein]) { display: none; } /* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */ tabs tab[fadein]:not([pinned]) { min-width: 150px !important;/* Minimale Tabbreite 76px */ max-width: 150px !important;/* Maximale Tabbreite 225px */ } } /* 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; } tabs tab { border-left: solid 1px hsla(0,0%,50%,.5); border-right: solid 1px hsla(0,0%,50%,.5); } tabs tab:after,tabs tab:before { display: none;} #TabsToolbar:not(:-moz-lwtheme){ color: black !important; } #TabsToolbar > .titlebar-buttonbox-container { display: none !important; } /* -----------------------------*/ /* Tab: Optische Anpassungen */ /* -----------------------------*/ #tabbrowser-tabs :not([fokus]){ opacity: 1!important; } /* 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: 28px !important; max-height: 28px !important; vertical-align: bottom !important; margin-top: 1px !important; margin-bottom: 1px !important; } /* Tab-Rahmen entfernen */ #TabsToolbar .tabbrowser-tab[visuallyselected="true"], #TabsToolbar .tabbrowser-tab, #TabsToolbar .tabbrowser-tab .tab-background { background: unset !important; border-top: unset !important; outline: none !important; } /* Tab-Schließen-Button entfernen *//* .tabbrowser-tab .tab-close-button { visibility: collapse !important; } */ /************* Tabschliessen-Button ****************/ .tab-close-button.close-icon{ display: -moz-box !important; width: 20px; height: 20px !important; border: none !important; background-color: none !important; } .tab-close-button { color: white !important; /* Farbe des Kreuzes */ } /* Tab-Icon ausrichten *//* .tab-throbber:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]) { margin-top: -1px !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); } /*--- 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; }
-
Entschuldigung, aber das Problem ist doch das ich den FF als Browser nutze und nicht ständig an irgend etwas herum Konfiguriere.
Bitte ein kleine Hilfestellung was gefordert wird... ich muss es dann auch erst einmal suchen stecke nicht so in der Materie das ich es auf Anhieb weiß.
Bitte etwas Rücksicht auf einen unwissenden.
-
habe gerade das Update auf die neu FF Version 89 gemacht und nun sehen ich meine mehrreihigen Tabs nur noch alle halb in der Höhe.
Was muß ich jetzt wieder ändern..?
Ich habe schon immer Bammel wenn FF ein Update macht das wieder irgend etwas zerschossen wird.... jetzt kann ich die Tabs kaum noch sehen...
-
-
-
Hallo vielen Dank das hat funktioniert..
-
hier der gesamte Inhalt der userchrome.css
Spoiler anzeigen
/* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to override default settings.
*/
/* Do not remove the @namespace line -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gate…ere.is.only.xul");
/* set default namespace to XUL */
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original author: ***********************************************/
/* https://www.reddit.com/r/FirefoxCSS/c…w_tabs_in_ff57/ ***********/
/****************************************************************************************/
/* tabs height for "classic tabs" */
:root {
--tab-min-height: 24px !important;
}
.tabbrowser-tab:not([pinned]) {
flex-grow: 1;
min-width: 125px !important;
max-width: 125px !important;
}
.tabbrowser-tab,.tab-background {
min-height: var(--tab-min-height);
}
.tab-stack {
width: 100%;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow-y: visible !important;
min-height: var(--tab-min-height);
max-height: calc(10*var(--tab-min-height)) !important;
/* 10 rows */
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible;
display: block;
}
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
.tabbrowser-tab:not([fadein]) {
display: none;
}
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag;
}
/* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to override default settings.
*/
/* Do not remove the @namespace line -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gate…ere.is.only.xul"); /* set default namespace to XUL */
/* Lesezeichen Sidebar - Ordnericon stehend rot */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/history/history-panel.xul") {
treechildren::-moz-tree-image(container) {
fill:Crimson !important;}
}
/* Lesezeichen verwalten - Ordnericon stehend rot */
@-moz-document url-prefix("chrome://browser/content/places/places.xul") {
treechildren::-moz-tree-image(container) {
fill:Crimson !important;}
}
/* Lesezeichen - Ordnericon rot */
@-moz-document url-prefix("chrome://browser/content/browser.xul") {
.bookmark-item[container="true"] {
fill:Crimson !important;}
}
/* Mehrzeilige Tab-Leiste */
/* Tabs height for "classic tabs" */
.tabbrowser-tab{
max-height:5px!important;
}
/* runde Tabs und Trennlinien */
.tab-background {
border-radius: 12px 12px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}
/* Farbe des Focus Tab */
.tab-background[selected="true"]{
background:MediumBlue!important;