Hirdetés
- Vivo X300 Pro – messzebbre lát, mint ameddig bírja
- Ultrák küzdelme várható Európában 2026-ban
- Fotók, videók mobillal
- Google Pixel topik
- Honor Magic V5 - méret a kamera mögött
- Mit várunk 2026-ban a mobilpiacon?
- Honor Magic6 Pro - kör közepén számok
- Vivo X200 Pro - a kétszázát!
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- OnePlus 15 - van plusz energia
-
Mobilarena
Mozilla Firefox
Új hozzászólás Aktív témák
-
Darkness
aktív tag
Üdv!
Ha Szeretné valaki a TAB - okat alul tudni, némileg kellemes nézetben, hozzá a menüsort összehúzva látni akkor itt egy "új" - remélem még nem publikálták, 135.0.1 -en működik - userChrome.css:
/* userChrome.css */
@media not (-moz-bool-pref: "sidebar.verticalTabs"){
.global-notificationbox,
#tab-notification-deck,
#TabsToolbar{
order: 1 !important;
}
/*
#navigator-toolbox #nav-bar {
order: 1 !important;
}
#navigator-toolbox #PersonalToolbar {
order: 2 !important;
}
#tab-notification-deck {
order: 3 !important;
}
#titlebar{
order: 4 !important;
}
*/
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */
:root{ --uc-window-control-width: 0px !important }
#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}
#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
/* Override Normal Density height to Compact Density height only for tabs */
#TabsToolbar, #tabbrowser-tabs {
--tab-min-height: 31px !important;
}
/* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */
#TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox {
max-height: calc(var(--tab-min-height) + 1px) !important;
}
/* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */
#TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon,
#TabsToolbar-customization-target .toolbarbutton-text,
#TabsToolbar-customization-target .toolbarbutton-badge-stack,
#scrollbutton-up,#scrollbutton-down {
padding-top: 7px !important;
padding-bottom: 6px !important;
}
/* Remove padding between tabs */
.tabbrowser-tab {
padding-left: 1 !important;
padding-right: 1 !important;
}
/***Tighten up drop-down/context/popup menu spacing ***/
menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
:root {
--arrowpanel-menuitem-padding: 2px 8px !important;
}
#tabbrowser-tabs {
/* --user-tab-rounding: 2px; */
width: 100vw !important;
}
.tab-background {
/* border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
margin-block: 1px 0 !important; */
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
#scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */
border-top-width: 0px !important;
border-bottom-width: 0 !important;
}
/* Container color bar visibility */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
margin: 1.5px max(calc(var(--user-tab-rounding) - 3px), 0px) !important;
}
/* Inactive tabs: Separator line style */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important;
}meg volt az alap, csak kombinálnom kellett.
"A feltalálók nem új dolgokat adnak a világnak, hanem a meglévőket kombinálják újra."
-
Cs1csó
titán
válasz
SoundBox
#69481
üzenetére
Szia, naprakész, friss a jutub? Sokszor a kiegészítők zavarnak be: tiltsd le őket majd frissítsd a böngészőt, és teszteld. A névjegyek részélnél van a frissítésének lehetősége. Esetleg töltsd le a legfrissebb Firefox-ot és kvázi telepítsd rá a mostanira, vagy töröld és tiszta telepítéssel rakd fel.
A userChrome.CSS módosításaid vannak?
A lényeg, hogy a böngészővel van valami gond.
-
-
#69159
Cs1csó
titán
Jack Oneill
#69157
Cs1csó
titán
válasz
Jack Oneill
#69157
üzenetére
A userChrome.css-t használom arra, hogy a könyvjelzőket tartalmazó mappában a felsorolt könyvjelzők (egymás alatt elhelyezkedő) közötti távolságot csökkentsem mert gyárilag túl szellős, és így görgetés nélkül is több látható.
-
#69157
Jack Oneill
veterán
DS39
#69156
Jack Oneill
veterán
PC-n ez a böngésző élhetetlen lenne már, az about:config és a userChrome.css módosítások nélkül.
Soha nem hasznaltam ezeket es egy-ket idegesito hibatol elketintve a legnagyobb megelegedessel hasznalom a bongeszot. Ha el is partoltam tole egy idore, mindig visszatertem, mert nem jott be a tobbi bongeszo. A Brave amit meg probalgattam, nem rossz.
-
DS39
nagyúr
Hogy ezeknek mindig kell valami új baromságot bevezetni... (Pl. tooltip a tabokon)
De ami hasznos lenne, a fordító nem tud angolról magyarra fordítani... (Legalábbis mobilon)PC-n ez a böngésző élhetetlen lenne már, az about:config és a userChrome.css módosítások nélkül.
-
movax
őstag
Itt a userChrome.css fájlom tartalma, a beállítások működnek szépen:
/* userChrome.css */
/* Classic layout that 86.4 percent of Firefox users actually want, with menu bar at the top, address bar, then bookmarks, then tab bar on bottom. Modified from configs by u/ollietup https://www.reddit.com/r/FirefoxCSS/comments/11odffm/psa_incoming_changes_to_default_element/ and MrOtherGuy to get the menu bar right, credited below. */
#navigator-toolbox #nav-bar {
order: 1 !important;
}
#navigator-toolbox #PersonalToolbar {
order: 2 !important;
}
#tab-notification-deck {
order: 3 !important;
}
#titlebar{
order: 4 !important;
}
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */
:root{ --uc-window-control-width: 0px !important }
#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}
#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }/* Override Normal Density height to Compact Density height only for tabs */
#TabsToolbar, #tabbrowser-tabs {
--tab-min-height: 31px !important;
}/* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */
#TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox {
max-height: calc(var(--tab-min-height) + 1px) !important;
}
/* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */
#TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon,
#TabsToolbar-customization-target .toolbarbutton-text,
#TabsToolbar-customization-target .toolbarbutton-badge-stack,
#scrollbutton-up,#scrollbutton-down {
padding-top: 7px !important;
padding-bottom: 6px !important;
}/* Remove padding between tabs */
.tabbrowser-tab {
padding-left: 1 !important;
padding-right: 1 !important;
}/***Tighten up drop-down/context/popup menu spacing ***/
menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
:root {
--arrowpanel-menuitem-padding: 2px 8px !important;
}#tabbrowser-tabs {
--user-tab-rounding: 2px;
}
.tab-background {
border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
margin-block: 1px 0 !important;
}
#scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */
border-top-width: 1px !important;
border-bottom-width: 0 !important;
}
/* Container color bar visibility */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
margin: 1.5px max(calc(var(--user-tab-rounding) - 3px), 0px) !important;
}/* Inactive tabs: Separator line style */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important;
} -
DS39
nagyúr
a userChrome.css-ben az egyik módosítás már nem jó a 126-oshoz, ez:
ez a sor konkrétan:
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;/* DISABLE EXPANDING */
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
animation-name: none !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, .05) !important;
}
/* DISABLE EXPANDING */
/* REMOVE URL RESULT PADDING */
.urlbarView {
margin-inline: 0 !important;
width: 100% !important;
}
.urlbarView-row {
padding-block: 0 !important;
}
/* REMOVE URL RESULT PADDING */ -
#68779
brd
nagyúr
Jack Oneill
#68777
brd
nagyúr
válasz
Jack Oneill
#68777
üzenetére
Ha a UI-on tüntetted el, akkor customize a tab-bar on és ott lesz valahol az ikon és vissza tudod húzni a helyére, ha pedig userChrome.css-ből, akkor azt a sort kell eltávolítani/kommentelni, ami eltávolítja (ezért hasznos a komment a sorok elé, hogy mit csinálnak
![;]](//cdn.rios.hu/dl/s/v1.gif)
). -
snake1977
őstag
Sziasztok! Kis segítséget kérnék, a mozillában melyik mappába kell létrehozni a userchrome.css-t, illetve a mostani frissitéshez elég csak ezt létrehozni és beilleszteni a lentebb látható kódot? A frissítéskor megint megnőttek a könyvjelzők közti távolságok, valamikor régebben itt kaptam segítséget a beállításhoz.
Köszönöm. -
liksoft
nagyúr
Szép napot mindenkinek!
A mai frissítés visszahozta egy régi gondom: [link]
A legújabb változatban mi lenne a megoldás a linkre jobb gombbal kattintáskor megnyíló menüben a két első menüsor cseréjére? Felülre szeretném tenni az "új ablakban"-t, és alá az "új lapon"-t.Eddig a userChrome.css-ben jó volt:
#context-openlink {
-moz-box-ordinal-group: 0 !important;
} -
Bodor
veterán
Közben sikerült megtalálnom a gépemen. Tehát a 113.0.1 verzióhoz #67495 movax custom css kódja kiegészítve a több soros könyvjelző eszköztárral az alábbi:
( Viszont lenne még egy kérdés, hogy van-e arra valami mód, hogy az aktív lap (tab) valahogy ki legyen emelve, vagy aláhúzva valamilyen színnel? Valakinél már láttam ilyet. Köszi )
És akkor a full kód:
/* userChrome.css */
#navigator-toolbox #nav-bar {
order: 1 !important;
}
#navigator-toolbox #PersonalToolbar {
order: 2 !important;
}
#tab-notification-deck {
order: 3 !important;
}
#titlebar{
order: 4 !important;
}
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */
:root{ --uc-window-control-width: 0px !important }
#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}
#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
/* Override Normal Density height to Compact Density height only for tabs */
#TabsToolbar, #tabbrowser-tabs {
--tab-min-height: 31px !important;
}
/* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */
#TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox {
max-height: calc(var(--tab-min-height) + 1px) !important;
}
/* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */
#TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon,
#TabsToolbar-customization-target .toolbarbutton-text,
#TabsToolbar-customization-target .toolbarbutton-badge-stack,
#scrollbutton-up,#scrollbutton-down {
padding-top: 7px !important;
padding-bottom: 6px !important;
}
/* Remove padding between tabs */
.tabbrowser-tab {
padding-left: 1 !important;
padding-right: 1 !important;
}
/***Tighten up drop-down/context/popup menu spacing ***/
menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
:root {
--arrowpanel-menuitem-padding: 2px 8px !important;
}
#tabbrowser-tabs {
--user-tab-rounding: 2px;
}
.tab-background {
border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
margin-block: 1px 0 !important;
}
#scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */
border-top-width: 1px !important;
border-bottom-width: 0 !important;
}
/* Container color bar visibility */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
margin: 1.5px max(calc(var(--user-tab-rounding) - 3px), 0px) !important;
}
/* Inactive tabs: Separator line style */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important;
}
/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
/* NOTE ********************************************************************************/
/* Variables are set inside '.\config\' folders CSS files, if complete package is used! */
/* import old button/bookmark size code *************************************************/
@import "./../buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css";
:root {
--bookmark_items_height: 22px; /* <- bookmark items - line height */
--bookmark_items_lines: 3; /* <- maximum amount of lines */
}
#PersonalToolbar {
min-height: var(--bookmark_items_height) !important;
max-height: calc(var(--bookmark_items_height)*(var(--bookmark_items_lines))) !important;
}
#personal-bookmarks,
#PlacesToolbar > hbox {
display: block;
}
#PlacesToolbarItems {
display: flex;
flex-wrap: wrap;
overflow-x: visible;
overflow-y: auto;
}
#PlacesToolbarItems > .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow-x: hidden !important;
overflow-y: visible !important;
max-height: calc(var(--bookmark_items_height)*(var(--bookmark_items_lines))) !important
}
#personal-bookmarks #PlacesToolbar {
display: block;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) );
}
#personal-bookmarks #PlacesToolbar > .bookmark-item{
visibility: visible !important;
}
#personal-bookmarks #PlacesToolbar .chevron{
visibility: collapse;
}
#personal-bookmarks #PlacesToolbar > hbox > hbox{
overflow-x: hidden;
overflow-y: hidden;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
display: none;
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 2px !important;
margin-bottom: 2px !important;
vertical-align: middle;
}
/*
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
*//*
#personal-bookmarks #PlacesToolbar toolbarseparator{
appearance: none !important;
visibility: visible !important;
display: inline;
text-shadow: none !important;
border-left: 3px solid ThreeDShadow !important;
border-right: 3px solid ThreeDHighlight !important;
vertical-align: middle;
}*/
#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
appearance: toolbarbutton;
}
#navigator-toolbox #PersonalToolbar {
max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) ) !important;
}
© 2021 GitHub, Inc.
Terms
Privacy
Security
Status
Docs
Contact GitHub
Pricing
API
Training
Blog
About
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
*/
/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/
:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: fixed;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
:root{ --uc-titlebar-padding: 0px !important }
.titlebar-buttonbox-container{ left:0; right: unset !important; }
}
:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
#titlebar{
-moz-box-ordinal-group: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}
.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }
@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }
/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */
:root{ --uc-window-control-width: 0px !important }
#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}
#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important;
--tab-min-width: 80px !important;
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
.tab-background {
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
}
.tab-close-button {
color: red!important;
}
/* userChrome.css */
#navigator-toolbox #nav-bar {
order: 1 !important;
}
#navigator-toolbox #PersonalToolbar {
order: 2 !important;
}
#tab-notification-deck {
order: 3 !important;
}
#titlebar{
order: 4 !important;
} -
movax
őstag
Itt a kód, összehúzza a szellős menüket, a címsor alá teszi a tabokat és a konténerjelző színes csíkokat is szabályozza :
/* userChrome.css */#navigator-toolbox #nav-bar {order: 1 !important;}#navigator-toolbox #PersonalToolbar {order: 2 !important;}#tab-notification-deck {order: 3 !important;}#titlebar{order: 4 !important;}/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0See the above repository for updates as well as full license text. *//* Menubar on top patch - use with tabs_on_bottom.css *//* Only really useful if menubar is ALWAYS visible */:root{ --uc-window-control-width: 0px !important }#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }#toolbar-menubar{position: fixed;display: flex;top: var(--uc-titlebar-padding,0px);height: 29px;width: 100%;overflow: hidden;}#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }#toolbar-menubar > [flex]{ flex-grow: 100; }#toolbar-menubar > spacer[flex]{order: 99;flex-grow: 1;min-width: var(--uc-window-drag-space-width,20px);}#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }/* Override Normal Density height to Compact Density height only for tabs */#TabsToolbar, #tabbrowser-tabs {--tab-min-height: 31px !important;}/* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */#TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox {max-height: calc(var(--tab-min-height) + 1px) !important;}/* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */#TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon,#TabsToolbar-customization-target .toolbarbutton-text,#TabsToolbar-customization-target .toolbarbutton-badge-stack,#scrollbutton-up,#scrollbutton-down {padding-top: 7px !important;padding-bottom: 6px !important;}/* Remove padding between tabs */.tabbrowser-tab {padding-left: 1 !important;padding-right: 1 !important;}/***Tighten up drop-down/context/popup menu spacing ***/menupopup > menuitem, menupopup > menu {padding-block: 2px !important;}:root {--arrowpanel-menuitem-padding: 2px 8px !important;}#tabbrowser-tabs {--user-tab-rounding: 2px;}.tab-background {border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;margin-block: 1px 0 !important;}#scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */border-top-width: 1px !important;border-bottom-width: 0 !important;}/* Container color bar visibility */.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {margin: 1.5px max(calc(var(--user-tab-rounding) - 3px), 0px) !important;}/* Inactive tabs: Separator line style */.tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important;} -
Kékes525
félisten
válasz
Kékes525
#67357
üzenetére
Problem solved. A ChatGPT megoldotta.
Ezt kellett a userChrome.css beírni és a
svg.context-properties.content.enabledértéket true-ra állitani./* Növeli a felhasználói felület méretét */:root {--sidebar-width: 250px !important;--tab-min-height: 36px !important;--tab-min-width: 120px !important;--arrowpanel-arrowtooltip-stack-padding: 2px !important;--arrowpanel-arrowtooltip-border-radius: 2px !important;--arrowpanel-arrowtooltip-background: var(--panel-separator-color) !important;--arrowpanel-arrowtooltip-padding: 4px !important;--arrowpanel-arrowtooltip-font-size: 12px !important;--arrowpanel-arrowtooltip-line-height: 1.2 !important;}/* Növeli a könyvjelzők, előzmények, legördülő menük, szendvich menü és a tabulátor betűméretét */* {font-size: 15px !important;}/* Növeli a tabulátorok szélességét */.tabbrowser-tab:not([pinned]) {min-width: 120px !important;max-width: 200px !important;} -
Kékes525
félisten
Most már csak egy kis problémám van. custom_css_for_fx_v4.3.4.zip (userChrome.css) fájl melyik részének megváltoztatásával növelhetem meg a Firefox felhasználói felületeinek betűméretét az elemek, ikonok méretének szabadon hagyása mellett. A layout.css.devPixelsPerPx mindent nagyít, vagy csökkent. Ha megnövelem az értékét, hogy megfelelő betűméretet kapjak, akkor az ikonok hatalmassá válnak.
De lehet, hogy ez Windows probléma, de a DPI és a Text méret növelése nincs hatással erre. Sőt a System Font Change program állítgatása sincs hatással erre, pedig ez eddig minden program esetében hatott, mert a Windowsba nyúlt bele.
-
Beren
aktív tag
-
Kékes525
félisten
válasz
Krystal_s
#67354
üzenetére
Épp most javítottam ki. Mint írtam a hiba a userChrome.css -ben van, mert ha töröltem akkor megszűnt. Tovább nyomozva a file-ban megvan a hibás sor is, amelyet lekapcsolva minden OK! A hiba pontos oka ez a sor a userChrome.css-ben:
@import url(./css/buttons/buttons_on_navbar_classic_appearance.css); /**/ -
Kékes525
félisten
válasz
ledgeri
#67351
üzenetére
+#67349 Krystal_s
Közelebb jutottam a megoldáshoz. Ha eltávolítom a profile-ból a Chrome könyvtárat az ikonok visszaállnak. Más is megváltozik, holnap szűkítem a kört. A hiba valamelyik css fileban van. Gyanítom abban, amely az ikonok 3 dimenziós megjelenésért felelős.
A hiba a userChrome.css fileban van. Holnap átböngészem.
-
Rimuru
veterán
válasz
chungee
#67163
üzenetére
Roviden mar leirtak parszor itt a topicban is, pl ez a comment. Amugy userChrome.css kulcsszoval erdemes keresni.
-
Cs1csó
titán
válasz
svgyula
#67116
üzenetére
A frissen szinkronizált könyvjelzők ha még nem voltak megnyitva az adott gépen ami "leszinkronizálta" a felhőből akkor nincs "favikon" csak földgömb.
Friss Windows telepítésnél szoktam azt csinálni mivel én csak 1 dolog szinkronizálását hagyom a Firefox-ra a KÖNYVJELZŐKET (a beállításokat, a kiegészítőket manuálisan csinálom a userChrome.css módosítást bemásolom a profilmappába onnan ahol tárolom ilyen esetekre) akkor ezt a böngészőkiegészítőt szoktam használni: CHECKMARKS
Ez frissíti az összes favikont, hogy "földgömb" helyett a rendes ikon legyen.
-
#82860288
törölt tag
válasz
Oliverda
#66863
üzenetére
A manóba, tényleg nem működik nálam sem.
Ezt találtam még, de nem tudom működik-e, internet people szerint igen:
"...Open about:config and find the pref toolkit.legacyUserProfileCustomizations.stylesheets and make it true.
Open your profile folder. Use about:support if that makes it easier.
Close Firefox.
Create a directory /chrome in your profile directory if it does not exist.
Create a new text file to be saved as userChrome.css in that directory.
Paste this in the file and save it:#urlbar-results { display:none; }
restart teh Firefox..." -
Jazz
veterán
A tab magasság állítás is meg van:
- engedélyezni -> about:config -> true:toolkit.legacyUserProfileCustomizations.stylesheets
- létrehozni -> about:support -> profil mappa -> Chrome\ userChrome.css
- script:/* ---Tabs/Tab Bar height--- */ :root { --tab-min-height: 26px !important; } -
Beren
aktív tag
válasz
egykori
#66147
üzenetére
Nálam ez van a userChrome.css-ben - kisebbre veszi a betűméretet és az egyes elemek közötti távolságot:
#bookmarks-view {font-size: 13px !important;padding: 0px !important;margin-top: 0px !important;margin-bottom: 0px !important;}#bookmarks-view treechildren::-moz-tree-row {font-size: 13px !important;padding: 0px !important;margin-top: 0px !important;margin-bottom: 0px !important;} -
válasz
#82860288
#65922
üzenetére
A könyvjelző nevét törlöd [kép] és az userChrome.css-be beírod:
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-icon, #PersonalToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack, .bookmark-item > .toolbarbutton-icon {
width: 24px !important;
height: 24px !important;
} -
#65828
Syl
nagyúr
SenorGrande
#65825
válasz
SenorGrande
#65825
üzenetére
Én pl. pont a konténerszínezés minél jobb láthatóságáért egyedi userChrome.css-t tákoltam még az új, "lebegő" tab megjelenésekor: [kép]
-
Kékes525
félisten
válasz
ledgeri
#65712
üzenetére
"vagy te futsz egy kört amiben kibontod a témát, megszerkeszted a gombokat sötétebbre, "
Itt a probléma az, hogy nem tudom, hogy ott melyik része csinálja ezt a kivilágosítást. Szétbontottam, de nem találtam semmi olyasmit, ami szerintem felelős lehet ezért.
Amúgy a 3D-t nem a téma csinálja, mert ez mindig is így volt. Ezt a "custom_css_for_fx.....zip" userChrome.css-je csinálja (mármint a 3D-t). Ott én választottam ki valamikor réges-rég a megfelelő sorokat. Itt sem találtam világosításért felelős beállítást. A téma csak világosítja.
-
Beren
aktív tag
Én a userChrome.css-ben ezzel oldottam meg:
#bookmarks-view treechildren::-moz-tree-row,#bookmarks-view treechildren::-moz-tree-row(hover),#bookmarks-view treechildren::-moz-tree-row(focus),#bookmarks-view treechildren::-moz-tree-row(selected),radiogroup,radio,.radio-label-box,.radio-label {border: none !important;outline: none !important;}
Nekem a letöltéskor felpattanó ablakban (amiben rákérdez a FF, hogy mit csináljon a fájllal, letöltse, vagy megnyissa) is volt ilyen keret a rádiógombok és szövegük körül, úgyhogy ezzel a CSS-sel ott i is eltüntettem.
-
Az új róka szerencsére nem qrta azét a userchrome.css-t
-
-
Régebben volt a róka beállítások menüjében (további eszközök alatt) egy Browser Toolbox nevű valami ([kép], [kép] - ezek a képek a waterfox-ból vannak, ott még megvan a menüpont), amivel ki lehetett deríteni a program felületét módosító userChrome.css kódokat. Ezt a menüpontot nem találom az új rókában. Kiszedték volna?
-
Na, hogy a ragya jöjjön rájuk!
Frissült a róka 96-ra és ugrott a userChrome.css
Maga a fájl továbbra is ott van, aboutban engedélyezve a toolkit.legacyUserProfileCustomizations.stylesheets, de a róka sz*rik rá. Ezeket a fos lebegő sz*rokat erőlteti...
Most egy világ dőlt össze bennem -
válasz
KAMI911
#64925
üzenetére
Nekem két bajom van az új felülettel:
1) Az aktív fül gombja jobban elkülönülhetne a többitől. (A Safari megoldása is béna, de mégis jobb, mint a rókáé)
2) A konténerek színjelölői hajszálvékony csíkok.
Szerencsére az userChrome.css-em működik. De ha azt megszüntetik, akkor irgumburgum lesz nálam
-
Megjött a 93.0, szerencsére nem csapta szét a userchrome.css beállításaimat.
-
válasz
Cs1csó
#64534
üzenetére
Firefox Color bővítmény és úgy színezed, ahogy akarod.
Ha ez is kevés, akkor jöhet a userChrome.css hegesztés. Fogaskerék menü, További eszközök, Böngésző eszköztára, ok és mehet a móka.
-
Cs1csó
titán
válasz
totron
#64442
üzenetére
Szia, ezeket csináltam:
1. ugye kell a userChrome.css és mellé bekapcsolni atoolkit.legacyUserProfileCustomizations.stylesheets true-ra2. a "proton"-os dolgokat kikapcsoltam ugyanide az about:config-ba beírtam proton és mindet false-ra állítottam van 5 ilyen de az alsót false-ra hagytam mert az úgy jó: browser.proton.places-tooltip.enabled ezt false-on hagytam mert itt fordított a kérdés
3. browser.uidensity (ezt beírtam az about:config-ba) és az értéket 1-re módosítottam - végigzongorázhatod érdekességképp ezt korábban nem változtattam mert akkor még működött a 2-es lépés azaz a proton opciók tiltásával olyan lett mint volt de most már az kevés volt ezért ezt is kipróbáltam nekem ezt talán egy kicsit "túl" keskeny (lehet finnyás vagyok de se a túl széles se a túl keskenyet nem kedvelem de inkább akkor keskeny ha már a széles a másik opció)
4. de ezek után még a könyvjelzősávra kitűzött mappában (simán kitettem mappát pl: HÍREK néven és abba vannak a különböző hírportálok összegyűjtött linkjei pénzcentrum, portfolio stb.) túl nagy volt a könyvjelzők közötti távolság ezért görgetni kellett sok helyen ahol korábban nem volt olyan sok hogy görgetni kelljen iszonyat nagy sortáv lett nem is értem ez miért jó mert a betűméret nem feltétlen nőtt, megjegyzem konkrétan ezt nem értem, hogy olyan koncepció mentes volt a változtatás itt-ott növeltek dolgokat stb.)
tehát ekkor még kellett egy CSS móka ezt másoltam be:menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
:root {
--arrowpanel-menuitem-padding: 4px 8px !important;
}Na ezzel lett olyan mint korábban persze még egy css kódot használok a MEGABAR megrendszabályozására itt a videó róla: [link]
Ez is egy olyan tipikus - gusztustalan - Mozilla-s húzás, hogy simán ki lehetett kapcsolni talán még a 76-os verzióban aztán a 77-esnél már nem KÖNYÖRGÖM MIÉÉÉÉRT!?!!??
Fáj ez nekik?? Vagy ettől fog a böngésző kódja összeomlani mert egy funkciót benne hagytak? Komolyan azért vagyok dühös, hogy egy ilyen apró idiótaság miatt idegesítem magam ahelyett hogy nem stresszelnék mások hülyeségein. -
Cs1csó
titán
válasz
snake1977
#64393
üzenetére
userChrome.css-t kell használni oda írd be ezt :
menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
:root {
--arrowpanel-menuitem-padding: 4px 8px !important;
}
majd mentsd és kész. (ezt kell előtte TRUE-ra állítani: toolkit.legacyUserProfileCustomizations.stylesheets)
Amit még kipróbálhatsz az about config-ban:browser.uidensity és itt változtathatsz.pl. 1-esre. -
Abrion
senior tag
válasz
Abrion
#64346
üzenetére
csak meglett a hiba
éreztem hogy a userChrome.cssben van a hiba
egy kis minimalizálás és meg lett minden oldva
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* TABS: bottom - Firefox 65 and later - updated for 89+ */
/* https://searchfox.org/mozilla-release/source/browser/themes/shared/tabs.inc.css */
/* https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox */
/* ROOT - VARS */
/* you can adjust the CSS variables until it looks correct */
/* you can use the Browser Toolbox to get the toolbar heights */
*|*
:root {
/* fix for full screen mode */
--tab-toolbar-navbar-overlap: 0px !important;
/* set minimum tab height */
--tab-min-height: 25px !important;
}
/* navigator-toolbox - PADDING */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
position: relative !important; /*89+*/
padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/
background-color: var(--toolbar-bgcolor) !important;
}
#TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#tabbrowser-tabs {
width: 100vw !important;
} -
Van valami userChrome.css paraméter amivel a containerek jelölősávját meg tudnám vastagítani?
-
SamSem58
aktív tag
válasz
Mikiller
#64092
üzenetére
Létrehoztam a Mozilla\Profiles mappában a Chrome mappát, aztán abba jegyzettömbbel csináltam az általad írt kóddal egy userChrome.css fájlt. Majd a toolkit.legacyUserProfileCustomizations.stylesheets-t true-ra állítottam. És nálam semmit sem változtak a fülek, ugyanolyan randa szögletesek maradtak...
vajon miért? -
Bodor
veterán
Sziasztok! Nem figyeltem oda, és sajnos magától frissült a firefox.
userChrome.css-ben volt olyan beállításom, hogy a könyvjelző eszköztár nem csak egy sorban volt látható, hanem többen is, de ez már nem érvényes erre az új változatra, valamint a megnyitott lapok sem a könyvjelző eszköztár alatt vannak, hanem legfelül a címsor felett. Tudnátok ebben segíteni? Köszi! :-) -
#64016
Intruder2k5
MODERÁTOR
vlevi
#64015
-
brd
nagyúr
Valaki, aki jobban ért css-hez, árulja el kérem, hogy ennél hogyan lehet szofisztikáltabban megoldani, hogy az address bar (url bar, megabar, awesomebar, vagy ahogy a bekokózott marketinges éppen felkelt) szélessége nagyobb legyen, ha belekattintok (userChrome.css):
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: calc(100% + 300px) !important;
}
A
calc(100% + 300px)
helyett kellene valami olyasmi, hogy
calc(<ablak szélessége> - 50px), de legalább 100%
Lehet ilyet? -
brd
nagyúr
és Predator2:
1. Az about:config-ban a "toolkit.legacyUserProfileCustomizations.stylesheets" TRUE-ra állítása megtörtént? Lehet, hogy nincs ilyen beállítás alapból a 84.x-ben, akkor fel kell venni bool típussal. (De ez lehet, hogy csak a userContent.css-en (ez ugyanúgy a 2-es pontban található profile könyvtárban van, ha van) keresztüli módosításokhoz kell, már nem emlékszem pontosan.)
2. Az about:support oldalon látható Profile Folder-ben lévő chrome könyvtárban lévő userChrome.css file-ba írtátok bele? Tehát a teljes útvonala a file-nak pl. Windows-on:
C:\Users\<userneved>\AppData\Roaming\Mozilla\Firefox\Profiles\<egyedi profil azonosító>.default\chrome\userChrome.css
Ez egy sima szöveges (elvileg UTF8 kódolású) file kell legyen, BOM nélkül és nettó azt kell bemásolni, amit írtam, a ponttal, zárójelekkel stb. együtt.
(Nem tudom, a kis-nagybetű számít-e a könyvtár/filenevekben, hiába esetleg Windows-ról van szó, talán még az lehet a gond.) -
brd
nagyúr
válasz
Predator2
#63172
üzenetére
Én is fekete (pontosabban szürke) hátteret használok, az nem hiszem, hogy befolyásolná.
A más file-os chrome mappa viszont furcsa. Biztos jó mappát nézel?
Ha beleírod pl. a következőt a file-ba:.tabbrowser-tab[selected="true"] {
color: #00FF00 !important;
}
Zöld lesz az aktív tab szövege? (Újraindítás után persze, mert a userChrome.css file-t csak indításkor olvassa a Firefox.) -
movax
őstag
válasz
meroly
#62957
üzenetére
1. Beírod a címsorba, hogy
about:supportés Enter. Megkeresed aProfile foldersort, mellette megnyomod azOpen foldergombot.
2. A könyvtárak között megkeresed achrome-ot Ha nincs, létrehozod. Azon belül létrehozol Notepaddal egy txt fájlt, aminek ezt a nevet és kiterjesztést adod:userChrome.cssHa megvan, belemásolod a kódot, amit fennebb írtam és elmented.
3. Firefox bezár és újraindít. Ha minden okésan ment, a tabok szövege eltűnt. -
DS39
nagyúr
válasz
Cs1csó
#62797
üzenetére
ebben a userChrome.css megoldásban benne van a legördülő lista módosítása is.
én ezzel a kóddal használom:
@-moz-document url(chrome://browser/content/browser.xhtml) {
/* DISABLE EXPANDING */
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
animation-name: none !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, .05) !important;
}
/* DISABLE EXPANDING */
/* REMOVE URL RESULT PADDING */
.urlbarView {
margin-inline: 0 !important;
width: 100% !important;
}
.urlbarView-row {
padding-block: 0 !important;
}
/* REMOVE URL RESULT PADDING */
} -
brd
nagyúr
Akkor nem úszod meg a userChrome.css használatba vételét (a firefox profilkönyvtár/chrome-ban találod), abba valami ilyesmit teszel (ez éppen ocsmány lila, én is most próbálgatom a jó színt a sötét témámhoz), a # után 3x2-es formában a vörös,zöld,kék színkódokat kell megadni hexában (00-FF-ig, vagy a #xxxxxx helyére azt is írhatod, hogy rgb(xx, xx, xx), ahol xx 0-255 között lehet):
#urlbar {
color: #E01390 !important;
}Újra kell indítani a rókát az életbe lépéshez.
-
#62036
Kékes525
félisten
Malibutomi
#62034
Kékes525
félisten
válasz
Malibutomi
#62034
üzenetére
Át kell alakítani a userChrome.css-el és például ezzel: [Firefox Color] Nekem már legalább 10 verzió óta semmit sem változott. Most a 77.0.1 (64 bites) -es verzió van és természetesen most is pont úgy néz ki mint előtte volt több verzióra is visszamenőleg.
-
Darkness
aktív tag
Sikerült megoldanom nekem is.
régebben volt feldobva, hogy "https://github.com/aris-t2/customcssforfx" letöltve lehet személyre szabni a FF kinézetét. Kis mókolás után, sikerült is. (nem egyszerű, sok beállítása van, és kell némi angol nyelvtudás is...)
Új urlbar.css néven létrehoztam a fájlt, belemásoltam a megadott kódot, majd elmentettem a chrome \ css könyvtárba. majd a Chrome könyvtárba lévő userChrome.css -be megtettem a bejegyzést.
Utána újra indítva az FF -t visszakaptam a régi megszokott kinézetet...
-
Bodor
veterán
Sziasztok! Szeretném a lapokat a navigációs sáv alá tenni ebben az új 74.0.1-es verzióban is, de sajnos az alábbi megoldás a userChrome.css fájl-nál nem működik.
Nektek van valami ötletek, hogy miért nem?
Így néz ki a userChrome.css fájl tartalma:
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
@import "./tabs_below_navigation_toolbar_fx72.css";
/* [!] NOT A STANDALONE FILE! */
/* [!] This code does not achieve the requested result without above files content! */
/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
top: 0px !important;
}
/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
top: 1px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
top: 8px !important;
}
}
/* Windows 7/8 extra tweaks */
@media (-moz-os-version: windows-win7) {
@media all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
display: none !important;
}
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]):-moz-lwtheme #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
display: flex !important;
}
}
@media not all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
top: -2px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
top: 0px !important;
}
}
}
@media (-moz-os-version:windows-win8) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
top: -13px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
top: -5px !important;
}
} -
bela30
csendes tag
válasz
Cs1csó
#61305
üzenetére
Végül hosszas tojózás után tényleg EST-t raktam fel,pont azért amit írtál.De ezt a designt nem tudom valaha meg tudnám-e szokni.Nincs valahol egy olyan gyűjtés ahol különböző userChrome.css fájlok között lehet választani? (és hozzájuk lehetőleg screenshot is mellékelve hogy ne legyen zsákba macska) De fontos,hogy csak a designra vonatkozóan,a működésre ne,mert ott az ESR felrakásával úgy döntöttem hogy teljesen új lappal kezdek a minél több teljesítmény érdekében,tehát mindent engedtem neki vissza állítani gyárira,és ezek szeretném ha így is maradnának.Tehát tényleg,még egyszer hangsúlyozom,hogy csak olyan userChrome.css fájlok érdekelnek amik csakis és kizárólag a külcsínt változtatják meg.Szóval van ilyen?
Egyébként nekem elég csalódás ez a Quantum,mert egy csomó dologban inkább visszafejlődést tapasztalok,mint előre lépést.Pl. az 56-ban még fent a Fájl menüben volt Újraindítás is,ebben már nincs.Aztán az 56-ban még a kezdő lapon ott volt az Előző munkamenet helyreállítása is jó nagy gombként (lásd a múltkori screenshotomat),itt már nincs,csak a menüből érhető el.Aztán az 56-ban még ha egy szóra rá akartam keresni egy oldalon csak elkezdtem gépelni és már tudta is a dolgát.Itt már előtte minden képpen rá kell előtte kattintatom a nagyító jelre.Mellesleg ez idegesít a legjobban.
És ez mind-mind csak még több kattintás,mint az 56-ban.Ja,és eleve nem értem itt már miért nincs alsó sáv (nem tudom már hogy az 56-ban hogy hívták),én az 56-ban még egy csomó dolgot oda pakoltam lentre,pl. az ublock origint,download helpert,stb (lásd ezt is első hszem screenshotja),de most már mindent fentre kell összezsúfolni :-(
Vagy ezekre esetleg lenne valami megoldás?
Eleve az 56 szerintem 1000x teste szabhatóbb volt.Itt bele megyek a Testreszabás menü pontba és van 18 db felhasználható kellék,az 56-ban még volt vagy 30.Pl. többféle Előzmények gomb,mert amit ide tudtam használni már az se úgy működik mint régen,hiába ugyan olyan órajele van mint a réginek.Vagy csak én vagyok ennyire béna?
Ja,és van még egy probléma,ami mondjuk már az 56-ban is az volt,csak az a baj hogy ezzel az ESR-rel sem oldódott meg: ti is tapasztaltok olyat hogy egy-egy oldalon nem jelenít meg egy instagram posztot,hanem csak egy vékony csíkkal jelzi a helyét?Pontosabban van hogy megjeleníti vagy valamennyit belőle,de azért inkább nem.Lásd,ugyan az az oldal Firefoxban
és Avast Secure Browserben:
Erre is esetleg valami megoldás?Nem az ublock miatt van,azt már csekkoltam.
-
scream
veterán
Hali!
Elegem lett a Chrome-ból és gondoltam adok egy esélyt a FF-nak.
Az egyedüli, ami bosszant és nem sikerült megoldani az az, hogy a pin-elt taboknál, ha jön mondjuk egy értesítés, akkor a tab alján megjelenik egy világoskék pötty.
Próbáltam a userChrome.css-es módszert, létrehoztam az aktív ff profil mappájában egy chrome foldert, abba raktam a css-t a tartalmával:
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged] { background-image: none !important; }Újraindítás után, még mindig ott vannak...
Van esetleg valakinek erre ötlete?
-
789
csendes tag
Tud valaki valami megoldást a Firefox Youtube hangtalanságára ?
Mármint: elöléptettem Firefoxot 41-röl (ahol még volt hangja) 67-re (ez az utolsó ami még hajlandó a userChrome.css-t figyelembe venni) és most csak néma filmeket játszik. A Kossuth rádió bejön jól, de a Youtube meg se pisszen.Csinálgattam amit forumokon javasolnak, de semmi hasznuk.
-
nubreed
veterán
Nekem az nem tetszik a Firefox új verziójában, hogy már megint szétcseszték a dark mode -ot. Pontosabban saját css kódot használok, a userchrome.css -ben és ha nyitok egy új tab -ot akkor szürke háttér helyett most újabban fehér a háttér a címsávban. Most koorothatok utána a megoldásnak, illetve ahonnan leszedtem ezt a kódot, remélem lesz megoldás. Csak ez rohadtul idegesítő, hogy pár havonta mindig ez van.
-
Darkness
aktív tag
válasz
vohanyi
#60513
üzenetére
Köszi...
Menetközben egy huszárvágással és úgy gondoltam, hogy ami volt .css fájlom bemásolom a css könyvtárba enyem.css néven majd a userChrome.css fájlban hozzáadtam DEFAULT TABS -hoz (@import "./css/tabs/enyem.css"; /**/) majd elmentettem.
bejött, mert úgy jelent meg a ahogy régebben volt...
-
#60352
vlevi
nagyúr
Jack Oneill
#60350
vlevi
nagyúr
válasz
Jack Oneill
#60350
üzenetére
Tudom, hogy szakadnának meg. Csak gondoltam, hátha be lehet biggyeszteni a userchrome.css-be valamit, ami ezt felülírja.
-
válasz
Wolfskin
#60325
üzenetére
userChrome.css-ben kell a #context_closeOtherTabs-ot "display: none;"-ként beírni.
Leírás más menüpontokhoz és az userChrome.css használatához
Neked konkrétan ez a kód kell a css fájlba:#context_closeOtherTabs {display: none;}
Ha többet is szeretnél elrejteni, akkor a zárójelek előtt vesszővel elválasztva felsorolhatod őket. -
Kékes525
félisten
A link színezés a teljes internetre érvényes. A látogatott linkek zöldek, míg a kék a nem látogatottaké. Így sokkal áttekinthetőbb nekem. A többi szín pedig a sötét, követve a Windows 10 sötét téma beállítását. Ezen változtat egy kicsit a userChrome.css, ami kiszínezi az ikonokat.
-
#59412
csako
veterán
Jack Oneill
#59409
válasz
Jack Oneill
#59409
üzenetére
userChrome.css módosítással. Elvileg ez kell bele:
#webrtcIndicator {display: none;}
How to Create a userChrome.css File -
Kellene nekem egy kis segítség... 66-os dev bétában megváltozott valami a könyvjelző-oldalsáv görgetősávja körül és már nem vonatkoznak rá az UserChrome.css-ben és .js-ben megírt változtatások. Valaki tudna nekem segíteni kideríteni, hogy mit kéne változtatni ezen a kódon, amit eredetileg innen másoltam.
Böngészőkonzolt elő tudtam hozni, amivel a böngésző részeit ki lehet választani, de ez nem olyan egyszerű css, vagy legalábbis még nem tudom hogyan működik
-
#57804
EmptyParadox
senior tag
newmoonlight
#57803
EmptyParadox
senior tag
válasz
newmoonlight
#57803
üzenetére
userChrome.css-hez ezt írd hozzá:
#main-window[lwthemetextcolor="bright"] .tabbrowser-tab[selected="true"] .tab-line {
display: none !important;
} -
Pierre75
senior tag
válasz
SG3rg0
#57680
üzenetére
Csak megtaláltam:
Go to your Firefox browser, type about:profiles in your url bar.
Under the profile that is in use, open the Root Directory folder.
If that folder does not have a chrome folder, create a folder, name it chrome.
In the chrome folder, create a file named userChrome.css -
snakebait
senior tag
Beteszem ide a userChrome.css kódot ami van nekem,elméletileg ezzel van megcsinálva nálam,hogy lapfülek alulra kerültek és ívesek lettek. Ebben kéne változtatni talán valamit,hogy a lapfülek alacsonyabbak legyenek,de nem értek hozzá,hogy mit.Te vagy valaki más netán tudja mit kellene átírni?
/* Curve the background tabs at the upper left and right corners
May not work on add-on themes. */
.tabbrowser-tab {
border-radius: 10px 10px 0px 0px / 15px 15px 0px 0px !important;
}
/* Curve active tab and slightly overlap neighboring tabs */
.tabbrowser-tab .tab-background[selected="true"] {
margin-left: -1px !important;
margin-right: -1px !important;
border-radius:10px 10px 0px 0px / 15px 15px 0px 0px !important;
}
/* Shorten the tab line along the tops of tabs */
.tab-line {
margin-left: 9px !important;
margin-right: 9px !important;
}
/* Shorten the vertical lines between background tabs */
.tabbrowser-tab::before, .tabbrowser-tab::after {
margin-top: 9px !important;
}
/** "Light" Theme (Dark Text) **/
/* Border the background tabs (10% gray) for greater visibility */
#main-window:not([lwthemetextcolor="bright"]) .tabbrowser-tab:not([selected="true"]) {
border: 1px solid rgba(0,0,0,.1) !important;
border-bottom-color: transparent !important;
margin-right: -1px !important;
}
/* Remove short vertical lines between background tabs */
#main-window:not([lwthemetextcolor="bright"]) .tabbrowser-tab::before,
#main-window:not([lwthemetextcolor="bright"]) .tabbrowser-tab::after {
border: none !important;
}
/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
box-shadow: none !important;
}
#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
padding-top: 0 !important;
}
/* Clean up spacing */
.titlebar-placeholder {
display: none !important;
}
toolbarbutton.bookmark-item {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
/* Vertical space for min/max/close buttons above the main toolbar */
/* On Mac, if not showing title bar, allow 20 pixels */
#main-window[tabsintitlebar="true"]:not([inFullscreen="true"]) #toolbar-menubar:not([accesskey]) ~ #nav-bar {
margin-top: 20px !important;
}
/* On Windows, if not showing title bar or menu bar, allow 20 pixels */
#main-window[tabsintitlebar="true"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar {
margin-top: 20px !important; /* More px may be better on Win10 */
}
/* Sorry, Linux users, I don't know the best approach for you! */
/* Background for Light and Dark themes */
#main-window[lwthemetextcolor="bright"] #TabsToolbar,
#main-window[lwthemetextcolor="dark"] #TabsToolbar {
background-color: var(--chrome-secondary-background-color) !important;
background-image: none !important;
}
#main-window[lwthemetextcolor="dark"] .scrollbutton-up,
#main-window[lwthemetextcolor="dark"] .scrollbutton-down,
#main-window[lwthemetextcolor="dark"] .tabs-newtab-button,
#main-window[lwthemetextcolor="dark"] #new-tab-button,
#main-window[lwthemetextcolor="dark"] #alltabs-button {
fill: var(--lwt-text-color) !important;
}
/* Left and right borders on Win 7 & 8, but not on 10 and later: */
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
/* Vertical toolbar border */
#main-window[sizemode=normal] #navigator-toolbox > toolbar#TabsToolbar {
border-left: 1px solid hsla(240,5%,5%,0.3) !important;;
border-right: 1px solid hsla(240,5%,5%,0.3) !important;;
background-clip: padding-box;
}
}
/* Override vertical shifts when moving a tab (9 Jan 2018) */
#TabsToolbar[movingtab] {
padding-bottom: 0 !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
#TabsToolbar[movingtab] + #nav-bar {
margin-top: 0 !important;
} -
LEON_01
tag
válasz
potyi23
#57370
üzenetére
Hali!
Bekapcsolod a 'rejtett fájlok megjelenítését': - > c:\Users\felhasználó neved\AppData\Roaming\Mozilla\Firefox\Profiles\akármilyen.default\chrome\
A chrome mappát neked kell létrehozni! Ott pedig létrehozol egy userChrome.css szöveges (.txt) fájlt. Abba bemásolod ezt:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
}
#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
}Elmented, firefox újraindít és kész. A 'rejtett fájlok megjelenítését' pedig kikapcsolod.
-
Kékes525
félisten
A Classic Theme Restorer Firefox v.56 fölött nem működik. Viszont pótolható azzal, amit linkeltél. Azonban nem a zip-et kell másolgatni, hanem annak a tartalmát a
cd %APPDATA%\Mozilla\Firefox\Profiles\w8khgk07.Firefox Indulo-1525598742070\könyvtár \chrome alkönyvtárába (Firefox profájl könyvtár chrome alkönyvtár), egy az egyben. [kép] Az eredeti userChrome.css-t ajánlom előtte nevezd át userChrome.css.bak-ra, hogy ha esetleg szükséged lesz rá, persze lehet hogy nálad ott nincs semmi.
Azonban ezt neked magadnak kell állítgatnod ahhoz, hogy úgy nézzen ki, ahogy szeretnéd. Egyáltalán nem olyan kényelmes a használata mint a Classic Theme Restorer volt. Persze pontosan le van írva benne, hogy milyen kapcsolónak mi a hatása.Persze azt nem értem, hogy ehhez miért nem lehetne írni egy grafikus interfészt? Akkor "szinte ugyanaz" lehetne, mint ami a Classic Theme Restorer volt.
-
Kékes525
félisten
válasz
nubreed
#57301
üzenetére
A teljes profil lementésével, majd visszamásolásával mindent visszaállítasz. A userchrome.css-t nem kell külön mentened, mert az is a profilban van, a chrome könyvtárban. A profil a
%APPDATA%\Mozilla\Firefox\Profiles\könyvtárban van.(#57303) csako
Jobb a két válasz, mint az egy se.
-
nubreed
veterán
Hamarosan új gépre költözök és eléggé szétmoddoltam a Firefoxot, semmi kedvem a nulláról kezdeni az új konfigon. Jól tudom, hogy a Firefox profil folder lementésével a régi gépről és új gépen való bemásolásával, minden beállításom, kiegészítőm, pluginem, témám visszafog jönni, úgy ahogy a régi gépen volt, illetve ha az általam jócskán módosított userchrome.css -t lementem a régi gépen az újon szintén bemásolom az új helyre, akkor ebben tárolt információk is egy csapásra visszahozhatók?
Vagy ennek az egésznek más módszere van?
![;]](http://cdn.rios.hu/dl/s/v1.gif)
).
Új hozzászólás Aktív témák
● Olvasd el az összefoglalót!
● Mozilla blog az ITcafé-n.
- Blogbejegyzés Hidegben sem fagy az új Firefox
- Blogbejegyzés Biztonságban ünnepel a Firefox
- Blogbejegyzés A Firefox követés elleni védelme és egyéb biztonsági szolgáltatásai
- Kerékpárosok, bringások ide!
- sziku69: Szólánc.
- Luck Dragon: Asszociációs játék. :)
- World of Warships
- sziku69: Fűzzük össze a szavakat :)
- Témázgatunk, témázgatunk!? ... avagy mutasd az Android homescreened!
- Bittorrent topik
- Úgy állhat le a 16 GB-os GeForce RTX 5060 Ti gyártása, hogy közben nem áll le
- Forza sorozat (Horizon/Motorsport)
- iRacing.com - a legélethűbb -online- autós szimulátor bajnokság
- További aktív témák...
- Bitdefender Total Security 3év/3eszköz! - Tökéletes védelem, Most Ünnepi áron! :)
- Humble szökevények 500-2500Ft
- Antivírus szoftverek, VPN
- Windows 10 11 Pro Office 19 21 Pro Plus Retail kulcs 1 PC Mac AKCIÓ! Automatikus 0-24
- MEGA AKCIÓ! - Jogtiszta Windows - Office & Vírusirtó licencek- Azonnal - Számlával - Garanciával
- ÁRGARANCIA!Épített KomPhone i5 14400F 32/64GB RAM RX 9060 XT 8GB GAMER PC termékbeszámítással
- Egyedi névre szóló karácsonyfadísz rendelhető! 3D Nyomtatott!
- 2026.11.13-ig Garanciális! Xbox Series S 1 TB + kontroller
- BESZÁMÍTÁS! Huawei Watch 4 Pro eSIM okosóra garanciával hibátlan működéssel
- Lenovo ThinkPad X1 Yoga G6 (6th Gen) - i7-1185G7, 32GB, 1TB SSD, 4K multitouch + TOLL
Állásajánlatok
Cég: Laptopszaki Kft.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest