Barre d'onglets en bas de firefox
Modérateurs : myahoo, nico@nc, Mori, jpj
Barre d'onglets en bas de firefox
Bonjour,
Avant avec Tabmix plus je pouvais avoir la barre d'onglets en bas de Firefox juste au dessus de la barre des taches mais parce que je n'arrivais pas a ouvrir gmail, j'ai été obligé de passer à Firefox 64.0 et je n'ai plus cette possibilité et cela me gonfle tres fortement.
Quelqu'un saurait il comment faire pour m'aider ?
D'avance merci.
Avant avec Tabmix plus je pouvais avoir la barre d'onglets en bas de Firefox juste au dessus de la barre des taches mais parce que je n'arrivais pas a ouvrir gmail, j'ai été obligé de passer à Firefox 64.0 et je n'ai plus cette possibilité et cela me gonfle tres fortement.
Quelqu'un saurait il comment faire pour m'aider ?
D'avance merci.
Re: Barre d'onglets en bas de firefox
bonjour,
il va y avoir de gros changements de ce côté avec la v65.
A mon avis, mieux vaut attendre un peu plutôt que d'utiliser un css qui ne sera plus valable dans peu de temps.
S'il n'y a pas de réponse de spécialistes sur ce forum, la question peut être posée sur reddit r/FirefoxCSS.
il va y avoir de gros changements de ce côté avec la v65.
A mon avis, mieux vaut attendre un peu plutôt que d'utiliser un css qui ne sera plus valable dans peu de temps.
S'il n'y a pas de réponse de spécialistes sur ce forum, la question peut être posée sur reddit r/FirefoxCSS.
Re: Barre d'onglets en bas de firefox
Salut
Même si c'est très bien d'être passé à la version 64, j'affirme (pour l'avoir vérifié) que ton impossibilité d'ouvrir Gmail, n'est pas lié à la version de Firefox... A moins d'utiliser une très vieille version, précédemment !..
Pour avoir la barre d'état... viewtopic.php?f=5&t=140307#p878940
Pour avoir la barre d'onglets en bas, il y a peut-être la solution, mais je ne l'ai pas trouvé...
Même si c'est très bien d'être passé à la version 64, j'affirme (pour l'avoir vérifié) que ton impossibilité d'ouvrir Gmail, n'est pas lié à la version de Firefox... A moins d'utiliser une très vieille version, précédemment !..
Pour avoir la barre d'état... viewtopic.php?f=5&t=140307#p878940
Pour avoir la barre d'onglets en bas, il y a peut-être la solution, mais je ne l'ai pas trouvé...
Sauvegardez le profil de votre Firefox , avant d'y faire des modifications(install, etc..)
"Le bonheur est souvent la seule chose qu'on puisse donner sans l'avoir, et c'est en le donnant qu'on l'acquiert." Voltaire
"Le bonheur est souvent la seule chose qu'on puisse donner sans l'avoir, et c'est en le donnant qu'on l'acquiert." Voltaire
Re: Barre d'onglets en bas de firefox
Bonjour,
Trouver ceci: (ce qui est un début de code tester sur un Firefox Portable 64.0)
Par contre, les onglets sont tous petit en largeur , donc si quelqu’un peut corriger le problème de largeur des onglets
A+
Pour la barre des onglets en bas de Firefox juste au-dessus de la barre des taches.
Trouver ceci: (ce qui est un début de code tester sur un Firefox Portable 64.0)
Code : Tout sélectionner
/* Barre d'onglets en bas */
#TabsToolbar {
position: fixed;
bottom: -0em;
width: 100%;
}
/* Move the content deck bottom up by the tab height. */
#content-deck {
/* margin-bottom: var(--tab-min-height) !important; */
margin-bottom: 33px !important;
}
A+
Re: Barre d'onglets en bas de firefox
Effectivement le problème de gmail n'est pas lié au navigateur, quoique peut être, j'utilisais la version 56Bob49 a écrit : ↑06 janv. 2019, 10:52 Salut
Même si c'est très bien d'être passé à la version 64, j'affirme (pour l'avoir vérifié) que ton impossibilité d'ouvrir Gmail, n'est pas lié à la version de Firefox... A moins d'utiliser une très vieille version, précédemment !..
Pour avoir la barre d'état... viewtopic.php?f=5&t=140307#p878940
Pour avoir la barre d'onglets en bas, il y a peut-être la solution, mais je ne l'ai pas trouvé...
La version 64 m'a fait la même chose, j'ai résolu le problème en supprimant les cookies et informations de connexions
Re: Barre d'onglets en bas de firefox
Merci beaucoup cela fonctionne.GlopGlop a écrit : ↑06 janv. 2019, 16:01 Bonjour,Pour la barre des onglets en bas de Firefox juste au-dessus de la barre des taches.
Trouver ceci: (ce qui est un début de code tester sur un Firefox Portable 64.0)Par contre, les onglets sont tous petit en largeur , donc si quelqu’un peut corriger le problème de largeur des ongletsCode : Tout sélectionner
/* Barre d'onglets en bas */ #TabsToolbar { position: fixed; bottom: -0em; width: 100%; } /* Move the content deck bottom up by the tab height. */ #content-deck { /* margin-bottom: var(--tab-min-height) !important; */ margin-bottom: 33px !important; }
A+
Tu es génial
- thegreat.cellar
- Arias
- Messages : 2
- Inscription : 04 févr. 2019, 23:26
Re: Barre d'onglets en bas de firefox
yep! retour à la normale avec ce code à insérer dans fichier chrome/Userchrome.css :
suite à changement depuis version Firefox v65.0
code pour dispositions :
Barre des menus
Barre de recherche/boutons
Barre personnelle
Barre des onglets
suite à changement depuis version Firefox v65.0
code pour dispositions :
Barre des menus
Barre de recherche/boutons
Barre personnelle
Barre des onglets
Code : Tout sélectionner
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
@import "./tabs_below_navigation_toolbar.css";
/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
-moz-box-ordinal-group: 100 !important;
}
/* space above tabs toolbar */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
margin-top: -8px !important;
}
/* space for menubar above navigation toolbar (Firefox titlebar) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 26px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 26px !important;
}
/* add 'drag' feature to space above navigation toolbar */
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
-moz-window-dragging: drag !important;
}
/* move menubar to the top and extend its with to full window width */
#toolbar-menubar {
position: fixed !important;
width: 100vw !important;
-moz-window-dragging: drag !important;
}
/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
visibility: visible !important;
display: block !important;
}
/* menubar postion after moving to the top */
#toolbar-menubar {
top: 0px !important;
}
/* Linux/macOS */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 28px !important;
}
/* menubar postion in maximized mode after moving to the top */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 0px !important;
}
/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: -14px !important;
}
/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 18px !important;
}
/* set to '0', if no menubar is used */
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 34px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 8px !important;
}
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 8px !important;
}
}
/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
border-top: 0 !important;
box-shadow: unset !important;
}
/* force buttons on menubar being very small to not break the toolbar */
#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#toolbar-menubar > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#toolbar-menubar > toolbarbutton .toolbarbutton-icon {
padding: 0px 0px !important;
height: 16px !important;
width: 16px !important;
}
#toolbar-menubar toolbaritem > toolbarbutton,
#toolbar-menubar > toolbarpaletteitem toolbarbutton,
#toolbar-menubar > toolbarbutton {
position: relative !important;
padding: 0px 0px !important;
margin: 0px 0px !important;
}
#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {
padding: unset !important;
height: unset !important;
width: unset !important;
}
/* make sure button icon colors set correctly */
#main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
-moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
display: none !important;
}
/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
display: none !important;
}
/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
@media all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-buttonbox-container {
display: none !important;
}
}
@media not all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: -8px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 0px !important;
}
}
}
/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
background-color: Highlight !important;
color: HighlightText !important;
}
}
/* disable Mozillas tab jumping nonsense when moving tabs */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}
- lool_lauris
- Animal mythique
- Messages : 7150
- Inscription : 14 mars 2008, 22:51
Re: Barre d'onglets en bas de firefox
Salut,
Pour aller un peu plus loin et ainsi se débrouiller tout seul => https://www.userchrome.org/
Et plein de codes ici (entre autres) => https://github.com/Aris-t2/CustomCSSforFx
Pour aller un peu plus loin et ainsi se débrouiller tout seul => https://www.userchrome.org/
Et plein de codes ici (entre autres) => https://github.com/Aris-t2/CustomCSSforFx
Re: Barre d'onglets en bas de firefox
Bonjour,
J'ai essayé le code et cela ne fonctionne pas du tout dans la version 65.0
Quoique j'ai fait de pas bien ?
J'ai essayé le code et cela ne fonctionne pas du tout dans la version 65.0
Quoique j'ai fait de pas bien ?
thegreat.cellar a écrit : ↑04 févr. 2019, 23:46 yep! retour à la normale avec ce code à insérer dans fichier chrome/Userchrome.css :
suite à changement depuis version Firefox v65.0
code pour dispositions :
Barre des menus
Barre de recherche/boutons
Barre personnelle
Barre des onglets
Code : Tout sélectionner
/* Firefox Quantum userChrome.css tweaks ************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/ @import "./tabs_below_navigation_toolbar.css"; /* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */ #titlebar { -moz-box-ordinal-group: 100 !important; } /* space above tabs toolbar */ #main-window[tabsintitlebar][sizemode="maximized"] * #titlebar { margin-top: -8px !important; } /* space for menubar above navigation toolbar (Firefox titlebar) */ #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar { margin-top: 26px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar { margin-top: 26px !important; } /* add 'drag' feature to space above navigation toolbar */ #main-window[tabsintitlebar] #navigator-toolbox, #main-window[tabsintitlebar] #nav-bar { -moz-window-dragging: drag !important; } /* move menubar to the top and extend its with to full window width */ #toolbar-menubar { position: fixed !important; width: 100vw !important; -moz-window-dragging: drag !important; } /* move menubars / tab toolbars caption buttons to windows top right position */ #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { position: fixed !important; right: 0 !important; visibility: visible !important; display: block !important; } /* menubar postion after moving to the top */ #toolbar-menubar { top: 0px !important; } /* Linux/macOS */ /* space above navigation toolbar (OS titlebar) */ /* set to '0', if no menubar is used */ #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar { margin-top: 28px !important; } /* menubar postion in maximized mode after moving to the top */ #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { top: 0px !important; } /* caption button position in maximized mode after moving to the top */ #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container, #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: -14px !important; } /* Windows */ @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) { /* set to '0', if no menubar is used */ #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar { margin-top: 18px !important; } /* set to '0', if no menubar is used */ #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar { margin-top: 34px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { top: 8px !important; } #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: 0px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: 8px !important; } } /* hide line above navigation toolbar appearing in some cases */ #main-window:not([tabsintitlebar]) #nav-bar, #main-window:not([tabsintitlebar]) #navigator-toolbox { border-top: 0 !important; box-shadow: unset !important; } /* force buttons on menubar being very small to not break the toolbar */ #toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon, #toolbar-menubar > toolbarpaletteitem toolbarbutton .toolbarbutton-icon, #toolbar-menubar > toolbarbutton .toolbarbutton-icon { padding: 0px 0px !important; height: 16px !important; width: 16px !important; } #toolbar-menubar toolbaritem > toolbarbutton, #toolbar-menubar > toolbarpaletteitem toolbarbutton, #toolbar-menubar > toolbarbutton { position: relative !important; padding: 0px 0px !important; margin: 0px 0px !important; } #toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon, #TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon, #TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon { padding: unset !important; height: unset !important; width: unset !important; } /* make sure button icon colors set correctly */ #main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon, #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon { fill: var(--classic_squared_tabs_new_tab_icon_color) !important; color: var(--classic_squared_tabs_new_tab_icon_color) !important; } /* tweaks for fullscreen mode */ #main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar { -moz-padding-start: 0px !important; } /* tweaks for fullscreen mode */ #main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container, #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container, #main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button, #main-window #TabsToolbar #window-controls { display: none !important; } /* hide non-required items */ #TabsToolbar .private-browsing-indicator, #TabsToolbar #window-controls, #TabsToolbar *[type="caption-buttons"], #TabsToolbar *[type="pre-tabs"], #TabsToolbar *[type="post-tabs"] { display: none !important; } /* Windows 7 extra tweaks */ @media (-moz-os-version: windows-win7) { @media all and (-moz-windows-compositor) { #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-buttonbox-container { display: none !important; } } @media not all and (-moz-windows-compositor) { #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: -8px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: 0px !important; } } } /* Windows 10 extra tweaks */ @media (-moz-os-version: windows-win10) { #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]), #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) { background-color: Highlight !important; color: HighlightText !important; } } /* disable Mozillas tab jumping nonsense when moving tabs */ #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar { padding-bottom: unset !important; } #navigator-toolbox[movingtab] #tabbrowser-tabs { padding-bottom: unset !important; margin-bottom: unset !important; } #navigator-toolbox[movingtab] > #nav-bar { margin-top: unset !important; }
- lool_lauris
- Animal mythique
- Messages : 7150
- Inscription : 14 mars 2008, 22:51
Re: Barre d'onglets en bas de firefox
Voici un code qui fonctionne :
Si tu te rends là où je te l'ai indiqué, tu trouveras plein de choses => https://github.com/Aris-t2/CustomCSSforFx
Cela dit, je ne sais pas sous quel OS tu es mais sous GNU/Linux, la casse des noms de fichiers et répertoires est importante :
le dossier doit être :
et le fichier :
Code : Tout sélectionner
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
@import "./tabs_below_navigation_toolbar.css";
/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
-moz-box-ordinal-group: 100 !important;
}
/* space above tabs toolbar */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
margin-top: -8px !important;
}
/* space for menubar above navigation toolbar (Firefox titlebar) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 26px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 26px !important;
}
/* add 'drag' feature to space above navigation toolbar */
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
-moz-window-dragging: drag !important;
}
/* move menubar to the top and extend its with to full window width */
#toolbar-menubar {
position: fixed !important;
width: 100vw !important;
-moz-window-dragging: drag !important;
}
/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
visibility: visible !important;
display: block !important;
}
/* menubar postion after moving to the top */
#toolbar-menubar {
top: 0px !important;
}
/* Linux/macOS */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 28px !important;
}
/* menubar postion in maximized mode after moving to the top */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 0px !important;
}
/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: -14px !important;
}
/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 18px !important;
}
/* set to '0', if no menubar is used */
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 34px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 8px !important;
}
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 8px !important;
}
}
/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
border-top: 0 !important;
box-shadow: unset !important;
}
/* force buttons on menubar being very small to not break the toolbar */
#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#toolbar-menubar > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#toolbar-menubar > toolbarbutton .toolbarbutton-icon {
padding: 0px 0px !important;
height: 16px !important;
width: 16px !important;
}
#toolbar-menubar toolbaritem > toolbarbutton,
#toolbar-menubar > toolbarpaletteitem toolbarbutton,
#toolbar-menubar > toolbarbutton {
position: relative !important;
padding: 0px 0px !important;
margin: 0px 0px !important;
}
#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {
padding: unset !important;
height: unset !important;
width: unset !important;
}
/* make sure button icon colors set correctly */
#main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
-moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
display: none !important;
}
/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
display: none !important;
}
/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
@media all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-buttonbox-container {
display: none !important;
}
}
@media not all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: -8px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 0px !important;
}
}
}
/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
background-color: Highlight !important;
color: HighlightText !important;
}
}
/* disable Mozillas tab jumping nonsense when moving tabs */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}
Cela dit, je ne sais pas sous quel OS tu es mais sous GNU/Linux, la casse des noms de fichiers et répertoires est importante :
le dossier doit être :
Code : Tout sélectionner
chrome
Code : Tout sélectionner
userChrome.css
Re: Barre d'onglets en bas de firefox
Il y a des gens dont je fais partie qui ne comprenne rien à l'anglais et au langage Firefox.
J'ai bien ouvert les liens mais bon voila quoi !!!
Windows seven 64 bits et c'est bien le repertoire chrome et userchrome.css
J'ai bien ouvert les liens mais bon voila quoi !!!
Windows seven 64 bits et c'est bien le repertoire chrome et userchrome.css
lool_lauris a écrit : ↑05 févr. 2019, 00:52 Voici un code qui fonctionne :Si tu te rends là où je te l'ai indiqué, tu trouveras plein de choses => https://github.com/Aris-t2/CustomCSSforFxCode : Tout sélectionner
/* Firefox Quantum userChrome.css tweaks ************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/ @import "./tabs_below_navigation_toolbar.css"; /* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */ #titlebar { -moz-box-ordinal-group: 100 !important; } /* space above tabs toolbar */ #main-window[tabsintitlebar][sizemode="maximized"] * #titlebar { margin-top: -8px !important; } /* space for menubar above navigation toolbar (Firefox titlebar) */ #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar { margin-top: 26px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar { margin-top: 26px !important; } /* add 'drag' feature to space above navigation toolbar */ #main-window[tabsintitlebar] #navigator-toolbox, #main-window[tabsintitlebar] #nav-bar { -moz-window-dragging: drag !important; } /* move menubar to the top and extend its with to full window width */ #toolbar-menubar { position: fixed !important; width: 100vw !important; -moz-window-dragging: drag !important; } /* move menubars / tab toolbars caption buttons to windows top right position */ #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { position: fixed !important; right: 0 !important; visibility: visible !important; display: block !important; } /* menubar postion after moving to the top */ #toolbar-menubar { top: 0px !important; } /* Linux/macOS */ /* space above navigation toolbar (OS titlebar) */ /* set to '0', if no menubar is used */ #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar { margin-top: 28px !important; } /* menubar postion in maximized mode after moving to the top */ #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { top: 0px !important; } /* caption button position in maximized mode after moving to the top */ #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container, #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: -14px !important; } /* Windows */ @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) { /* set to '0', if no menubar is used */ #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar { margin-top: 18px !important; } /* set to '0', if no menubar is used */ #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar { margin-top: 34px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { top: 8px !important; } #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: 0px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: 8px !important; } } /* hide line above navigation toolbar appearing in some cases */ #main-window:not([tabsintitlebar]) #nav-bar, #main-window:not([tabsintitlebar]) #navigator-toolbox { border-top: 0 !important; box-shadow: unset !important; } /* force buttons on menubar being very small to not break the toolbar */ #toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon, #toolbar-menubar > toolbarpaletteitem toolbarbutton .toolbarbutton-icon, #toolbar-menubar > toolbarbutton .toolbarbutton-icon { padding: 0px 0px !important; height: 16px !important; width: 16px !important; } #toolbar-menubar toolbaritem > toolbarbutton, #toolbar-menubar > toolbarpaletteitem toolbarbutton, #toolbar-menubar > toolbarbutton { position: relative !important; padding: 0px 0px !important; margin: 0px 0px !important; } #toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon, #TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon, #TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon { padding: unset !important; height: unset !important; width: unset !important; } /* make sure button icon colors set correctly */ #main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon, #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon { fill: var(--classic_squared_tabs_new_tab_icon_color) !important; color: var(--classic_squared_tabs_new_tab_icon_color) !important; } /* tweaks for fullscreen mode */ #main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar { -moz-padding-start: 0px !important; } /* tweaks for fullscreen mode */ #main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container, #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container, #main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button, #main-window #TabsToolbar #window-controls { display: none !important; } /* hide non-required items */ #TabsToolbar .private-browsing-indicator, #TabsToolbar #window-controls, #TabsToolbar *[type="caption-buttons"], #TabsToolbar *[type="pre-tabs"], #TabsToolbar *[type="post-tabs"] { display: none !important; } /* Windows 7 extra tweaks */ @media (-moz-os-version: windows-win7) { @media all and (-moz-windows-compositor) { #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-buttonbox-container { display: none !important; } } @media not all and (-moz-windows-compositor) { #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: -8px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: 0px !important; } } } /* Windows 10 extra tweaks */ @media (-moz-os-version: windows-win10) { #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]), #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) { background-color: Highlight !important; color: HighlightText !important; } } /* disable Mozillas tab jumping nonsense when moving tabs */ #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar { padding-bottom: unset !important; } #navigator-toolbox[movingtab] #tabbrowser-tabs { padding-bottom: unset !important; margin-bottom: unset !important; } #navigator-toolbox[movingtab] > #nav-bar { margin-top: unset !important; }
Cela dit, je ne sais pas sous quel OS tu es mais sous GNU/Linux, la casse des noms de fichiers et répertoires est importante :
le dossier doit être :et le fichier :Code : Tout sélectionner
chrome
Code : Tout sélectionner
userChrome.css
- lool_lauris
- Animal mythique
- Messages : 7150
- Inscription : 14 mars 2008, 22:51
Re: Barre d'onglets en bas de firefox
OK, tu en fais ce que tu veux ou ce que tu peux. Je te donne simplement une info, je ne te fais aucune attaque personnelle. Ce n'est pas marqué en clair sur le front de ton pseudo que tu ne comprends rien en anglais (sache quand même qu'il existe des traducteurs en ligne, faut juste prendre quelques minutes pour faire le job) et au langage Firefox (sache également que ce n'est pas du langage Firefox mais un langage standard nommé CSS mais tout le monde ne l'a pas appris, j'en conviens).
Alors si tu lis bien ce que je t'ai donné, la casse à respecter est userChrome.css et pas userchrome.css (majuscule pour le C de userChrome - par contre le dossier chrome reste bien en minuscules).
EDIT : il semblerait que sous windows la casse n'ait pas d'importance...
Dernière modification par lool_lauris le 05 févr. 2019, 20:49, modifié 1 fois.
-
- Lézard à collerette
- Messages : 427
- Inscription : 03 mars 2005, 20:01
Re: Barre d'onglets en bas de firefox
Bonsoir,
les nouveaux codes fonctionnent comme je le veux , par contre je ne vois plus la croix de fermeture ,l'agrandissement et la mise en bas.
Quelque chose a changé dans ff65 ?
ps:elles sont bien présentes (à l'aveugle) mais invisibles.
les nouveaux codes fonctionnent comme je le veux , par contre je ne vois plus la croix de fermeture ,l'agrandissement et la mise en bas.
Quelque chose a changé dans ff65 ?
ps:elles sont bien présentes (à l'aveugle) mais invisibles.
Re: Barre d'onglets en bas de firefox
Cest bien userChrome.css, j'ai ecrit vite sur le post et il se trouve dans Aide / Informations de dépannage / Dossier de profil / on clique sur "Ouvrir le dossier correspondant"
Ceci dit j'ai bien la solution mais les onglets sont tous petits et pas comme une barre d'onglet normale (je ne sais plus ou je l'ai trouvé):
/* Ligne obligatoire */
@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul");
/* Fin de ligne obligatoire */
/* barre de NAVIGATION */
#nav-bar {
-moz-box-ordinal-group: 1 !important;
margin-top: -2px !important; }
/* barre PERSONNELLE */
#PersonalToolbar {
-moz-box-ordinal-group: 2 !important; }
/* barre d'ONGLETS */
#TabsToolbar {
-moz-box-ordinal-group: 3 !important; }
/* Barre d'onglets en bas */
#TabsToolbar {
position: fixed;
bottom: -0em;
width: 100%;
}
/* Move the content deck bottom up by the tab height. */
#content-deck {
/* margin-bottom: var(--tab-min-height) !important; */
margin-bottom: 33px !important;
}
Ceci dit j'ai bien la solution mais les onglets sont tous petits et pas comme une barre d'onglet normale (je ne sais plus ou je l'ai trouvé):
/* Ligne obligatoire */
@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul");
/* Fin de ligne obligatoire */
/* barre de NAVIGATION */
#nav-bar {
-moz-box-ordinal-group: 1 !important;
margin-top: -2px !important; }
/* barre PERSONNELLE */
#PersonalToolbar {
-moz-box-ordinal-group: 2 !important; }
/* barre d'ONGLETS */
#TabsToolbar {
-moz-box-ordinal-group: 3 !important; }
/* Barre d'onglets en bas */
#TabsToolbar {
position: fixed;
bottom: -0em;
width: 100%;
}
/* Move the content deck bottom up by the tab height. */
#content-deck {
/* margin-bottom: var(--tab-min-height) !important; */
margin-bottom: 33px !important;
}
lool_lauris a écrit : ↑05 févr. 2019, 17:44OK, tu en fais ce que tu veux ou ce que tu peux. Je te donne simplement une info, je ne te fais aucune attaque personnelle. Ce n'est pas marqué en clair sur le front de ton pseudo que tu ne comprends rien en anglais (sache quand même qu'il existe des traducteurs en ligne, faut juste prendre quelques minutes pour faire le job) et au langage Firefox (sache également que ce n'est pas du langage Firefox mais un langage standard nommé CSS mais tout le monde ne l'a pas appris, j'en conviens).
Alors si tu lis bien ce que je t'ai donné, la casse à respecter est userChrome.css et pas userchrome.css (majuscule pour le C de userChrome - par contre le dossier chrome reste bien en minuscules).
EDIT : il semblerait que sous windows la casse n'ait pas d'importance...
Re: Barre d'onglets en bas de firefox
Rassures toi, je ne l'ai pas du tout pris pour une attaque personnelle, j'expliquais juste que j'avais été voir ton lien et n'y avais rien compris et j'ai bien essayé le traducteur sans plus de succès.
J'ai bien un petit reste de C-dos mais c'est vieux
J'ai bien un petit reste de C-dos mais c'est vieux
lool_lauris a écrit : ↑05 févr. 2019, 17:44OK, tu en fais ce que tu veux ou ce que tu peux. Je te donne simplement une info, je ne te fais aucune attaque personnelle. Ce n'est pas marqué en clair sur le front de ton pseudo que tu ne comprends rien en anglais (sache quand même qu'il existe des traducteurs en ligne, faut juste prendre quelques minutes pour faire le job) et au langage Firefox (sache également que ce n'est pas du langage Firefox mais un langage standard nommé CSS mais tout le monde ne l'a pas appris, j'en conviens).
Alors si tu lis bien ce que je t'ai donné, la casse à respecter est userChrome.css et pas userchrome.css (majuscule pour le C de userChrome - par contre le dossier chrome reste bien en minuscules).
EDIT : il semblerait que sous windows la casse n'ait pas d'importance...
Qui est en ligne ?
Utilisateurs parcourant ce forum : Ahrefs [Bot] et 20 invités