Barre d'onglets en bas de firefox

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : Mori, myahoo, jpj, nico@nc

EnCasQue
Arias
Messages : 9
Enregistré le : 17 nov. 2017, 17:27

Barre d'onglets en bas de firefox

Message par EnCasQue » 06 janv. 2019, 05:02

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.

Avatar du membre
relleba
Lézard à collerette
Messages : 277
Enregistré le : 11 mai 2004, 12:18

Re: Barre d'onglets en bas de firefox

Message par relleba » 06 janv. 2019, 10:02

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.

Avatar du membre
Bob49
Animal mythique
Messages : 19873
Enregistré le : 10 mars 2006, 17:25

Re: Barre d'onglets en bas de firefox

Message par Bob49 » 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é... :|
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
Image

GlopGlop
Varan
Messages : 1173
Enregistré le : 05 juil. 2006, 15:54

Re: Barre d'onglets en bas de firefox

Message par GlopGlop » 06 janv. 2019, 16:01

Bonjour,
Bob49 a écrit :
06 janv. 2019, 10:52
Pour avoir la barre d'onglets en bas, il y a peut-être la solution, mais je ne l'ai pas trouvé... :|
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;
}
Par contre, les onglets sont tous petit en largeur :?: , donc si quelqu’un peut corriger le problème de largeur des onglets :?:
A+ :wink:
Vous venez chercher de l'aide, alors aider les autres, penser à marquer votre message en [Résolu]
Comment ?, Explication pour mettre votre sujet en [Résolu]: clic sur ce lien: Mettre en [Résolu]

EnCasQue
Arias
Messages : 9
Enregistré le : 17 nov. 2017, 17:27

Re: Barre d'onglets en bas de firefox

Message par EnCasQue » 06 janv. 2019, 23:35

Bob49 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é... :|
Effectivement le problème de gmail n'est pas lié au navigateur, quoique peut être, j'utilisais la version 56
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

EnCasQue
Arias
Messages : 9
Enregistré le : 17 nov. 2017, 17:27

Re: Barre d'onglets en bas de firefox

Message par EnCasQue » 06 janv. 2019, 23:36

GlopGlop a écrit :
06 janv. 2019, 16:01
Bonjour,
Bob49 a écrit :
06 janv. 2019, 10:52
Pour avoir la barre d'onglets en bas, il y a peut-être la solution, mais je ne l'ai pas trouvé... :|
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;
}
Par contre, les onglets sont tous petit en largeur :?: , donc si quelqu’un peut corriger le problème de largeur des onglets :?:
A+ :wink:
Merci beaucoup cela fonctionne.

Tu es génial

Avatar du membre
thegreat.cellar
Arias
Messages : 2
Enregistré le : 04 févr. 2019, 23:26

Re: Barre d'onglets en bas de firefox

Message par thegreat.cellar » 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;
}

Avatar du membre
lool_lauris
Tyrannosaurus Rex
Messages : 4746
Enregistré le : 14 mars 2008, 22:51

Re: Barre d'onglets en bas de firefox

Message par lool_lauris » 04 févr. 2019, 23:56

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
.
Soutenez le Libre !

Image

EnCasQue
Arias
Messages : 9
Enregistré le : 17 nov. 2017, 17:27

Re: Barre d'onglets en bas de firefox

Message par EnCasQue » 05 févr. 2019, 00:34

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 ?
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;
}

Avatar du membre
lool_lauris
Tyrannosaurus Rex
Messages : 4746
Enregistré le : 14 mars 2008, 22:51

Re: Barre d'onglets en bas de firefox

Message par lool_lauris » 05 févr. 2019, 00:52

Voici un code qui fonctionne :

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;
}


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 :

Code : Tout sélectionner

chrome
et le fichier :

Code : Tout sélectionner

userChrome.css
.
Soutenez le Libre !

Image

EnCasQue
Arias
Messages : 9
Enregistré le : 17 nov. 2017, 17:27

Re: Barre d'onglets en bas de firefox

Message par EnCasQue » 05 févr. 2019, 16:16

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
lool_lauris a écrit :
05 févr. 2019, 00:52
Voici un code qui fonctionne :

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;
}


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 :

Code : Tout sélectionner

chrome
et le fichier :

Code : Tout sélectionner

userChrome.css

Avatar du membre
lool_lauris
Tyrannosaurus Rex
Messages : 4746
Enregistré le : 14 mars 2008, 22:51

Re: Barre d'onglets en bas de firefox

Message par lool_lauris » 05 févr. 2019, 17:44

EnCasQue a écrit :
05 févr. 2019, 16:16
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 !!!
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).


EnCasQue a écrit :
05 févr. 2019, 16:16
Windows seven 64 bits et c'est bien le repertoire chrome et userchrome.css
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... :roll:
Modifié en dernier par lool_lauris le 05 févr. 2019, 20:49, modifié 1 fois.
.
Soutenez le Libre !

Image

pitpat692002
Lézard à collerette
Messages : 287
Enregistré le : 03 mars 2005, 20:01

Re: Barre d'onglets en bas de firefox

Message par pitpat692002 » 05 févr. 2019, 20:11

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.

EnCasQue
Arias
Messages : 9
Enregistré le : 17 nov. 2017, 17:27

Re: Barre d'onglets en bas de firefox

Message par EnCasQue » 05 févr. 2019, 20:59

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;
}

lool_lauris a écrit :
05 févr. 2019, 17:44
EnCasQue a écrit :
05 févr. 2019, 16:16
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 !!!
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).


EnCasQue a écrit :
05 févr. 2019, 16:16
Windows seven 64 bits et c'est bien le repertoire chrome et userchrome.css
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... :roll:

EnCasQue
Arias
Messages : 9
Enregistré le : 17 nov. 2017, 17:27

Re: Barre d'onglets en bas de firefox

Message par EnCasQue » 05 févr. 2019, 21:03

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
lool_lauris a écrit :
05 févr. 2019, 17:44
EnCasQue a écrit :
05 févr. 2019, 16:16
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 !!!
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).


EnCasQue a écrit :
05 févr. 2019, 16:16
Windows seven 64 bits et c'est bien le repertoire chrome et userchrome.css
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... :roll:

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Google [Bot] et 5 invités