[Résolu ??] Firefox Quantum déplacer les onglets au bas de la barre

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 : myahoo, nico@nc, Mori, jpj

Avatar de l’utilisateur
lool_lauris
Animal mythique
Messages : 7151
Inscription : 14 mars 2008, 22:51

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par lool_lauris »

Le dossier chrome (attention à la casse, tout en minuscules) doit être dans le dossier du profil.
Pour trouver la localisation du profil => ☰ (menu) > ? (aide) > Informations de dépannage => sous "Paramètres de base de l’application" > Répertoire de profil > cliquer sur "Ouvrir le dossier correspondant".
Tu crées le dossier chrome s'il n'existe pas et à l'intérieur de ce dernier tu y colles le fichier userChrome.css (attention à la casse, le C est en majuscule).
.
Soutenez le Libre !

Image
cobra999
Lézard vert
Messages : 145
Inscription : 27 août 2008, 21:41

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par cobra999 »

@ Melusine ,

Ouvre FF puis clique sur ? ( dans la barre de menu ) > Information et dépannage > Ouvrir le dossier correspondant ( devant dossier de Profil qui se trouve dans la colonne de gauche ) . N'oublis pas de fermer FF avant de mettre ton fichier UserChrome dans Chrome .
giache
Arias
Messages : 5
Inscription : 14 nov. 2014, 13:31

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par giache »

Freddy a écrit : 29 janv. 2019, 20:33 Bonjour,
Oui c'est normal, y a un petit changement dans l'organisation de la barre d'outils, la barre d'onglet est maintenant incluse avec la barre de menu dans la barre de titre
===barre d'outils=======================
______________________
->barre de titre:
---> barre de menu
---> barre d'onglets
_____________________
->barre de navigation
_____________________
->barre personnelle
=====================================
Un tout petit changement qui provoque un grand chambardement au niveau du css par rapport à précédemment pour obtenir la même modif dans l'ordre des barres; doit bien y avoir une raison à ça, mais perso j'ai pas encore trouvé pourquoi :roll:

Enfin bref, donc pour retrouver l'ordre que tu demandes voilà le code (que j'ai pondu avec windows 7, je mettrai à la suite une version pour Linux, mais pour le reste je ne sais pas ce que ça donne)

Code : Tout sélectionner

/******* à partir de Fx65 *******/
/*========================================*/
/*========= barre ONGLET dessous =========*/
#titlebar { -moz-box-ordinal-group: 3 !important; 
}
/*** réduire l'espace avec barre perso ***/

/* règle en fenêtre maxi utile seulement pour windows */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar {
  -moz-appearance: -moz-window-titlebar !important;
}

/*#main-window[tabsintitlebar][sizemode="normal"] > #navigator-toolbox > #titlebar {
   margin-top: -0px;
}
*/

:root[extradragspace][tabsintitlebar]:not([inFullscreen]) {
	--space-above-tabbar: -10px !important;
}




/*** ajuster position verticale barre d'outils ***/
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
  margin-top: 10px !important; 
}

#main-window[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
  margin-top: 20px; 
}


/*** décaler barre navigation horizontalement pour visualiser boutons fenêtre ***/
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar {
  margin-right: 105px;
}

/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/*sans thème (fenêtre redimentionnable)*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:not(:-moz-lwtheme) > #titlebar  .titlebar-buttonbox-container{
  display: none
}
/*avec thème*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:-moz-lwtheme > #titlebar  .titlebar-buttonbox-container{
  position: fixed !important; 
  top: 0; right: 0; margin-top: -15px; 
}

/* (fenêtre maxi) */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar .titlebar-buttonbox-container{
  position: fixed !important; top: 0; right: 0; margin-top: -5px;
}


/*** ajuster position horizontale barre d'onglets ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-right: -40px; 
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-left: -40px; margin-right: -40px; 
}

/*========= FIN barre onglet dessous =========*/
Pour ceux qui utilise la barre de menu, et qui la veulent tout en haut (et perso c'est le code que j'utilise depuis longtemps, donc en fenêtre maximisée elle est cachée tout en haut et n'apparait qu'au survol-souris), à ajouter:

Code : Tout sélectionner


/*======================================*/
/*========= barre MENU en haut =========*/
/*!!! barre de titre désactivée !!!*/
/*** fenêtre maxi ***/
/* barre Menu cachée */ 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: -10px !important;
  z-index: 100 !important;
  background-color:rgba(20%,20%,20%,0.7) !important;
  transition-duration: 500ms !important;
}

/* barre Menu visible au survol-souris (haut-gauche fenêtre) */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar:hover {
  top: 8px !important;
  transition-duration: 300ms !important;
}

/*** fenêtre redimentionnable ***/ 
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
}


/*!!! barre de titre activée !!!*/
/*** fenêtre maxi ***/
#main-window[sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
  z-index: 100 !important;
  background-color:rgba(20%,20%,20%,0.7) !important;
}
#main-window[sizemode="maximized"] > #navigator-toolbox {
   margin-top: 20px !important;
}


/*** fenêtre redimentionnable ***/ 
#main-window[sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important; 
}
#main-window[sizemode="normal"] > #navigator-toolbox {
   margin-top: 20px !important;
}

/*========= FIN barre menu en haut =========*/


/**************************************************************************/
/*!!!!!!!!!!! à activer SEULEMENT SI les 2 conditions suivantes!!!!!!!!!!!*/
/*!!! Si barre de titre active !!!*/
/*!!! Si barre de menu désactive !!!*/
/* ajuster position verticale barre d'outils */
/*
#main-window:not([tabsintitlebar]) > #navigator-toolbox {
  margin-top: 0px !important; 
}
*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!! fin condition !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************************************/

Pour Linux (ici réalisé sur Mint cinnamon, j'ai aussi une KXStudio donc KDE ça doit être bon aussi mais y a ptêt une ptite différence je sais plus :| )

Code : Tout sélectionner

/******* à partir de Fx65 *******/
/*========================================*/
/*========= barre ONGLET dessous =========*/
#titlebar { -moz-box-ordinal-group: 3 !important; 
}
/*** réduire l'espace avec barre perso ***/
#main-window[tabsintitlebar][sizemode="normal"] > #navigator-toolbox > #titlebar {
   margin-top: -5px
}

/*** ajuster position verticale barre d'outils ***/
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
  margin-top: 0 !important; 
}

#main-window[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
  margin-top: 20px; 
}

/*** décaler barre navigation pour visualiser boutons fenêtre ***/
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar {
  margin-right: 95px;
}

/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/* (fenêtre maxi) */
#main-window[tabsintitlebar]/*[sizemode="maximized"]*/ > #navigator-toolbox > #titlebar .titlebar-buttonbox-container{
  position: fixed !important; top: 0; right: 0; margin-top: -15px;
}

/* ajuster position horizontale barre d'onglets */
#main-window[sizemode="maximized"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-right: -40px;
}

#main-window[sizemode="normal"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
 margin-left: -40px; margin-right: -40px; 
}

/*========= FIN barre onglet dessous =========*/
et pour la barre de menu en haut (linux)

Code : Tout sélectionner

/******* à partir de Fx65 *******/

/*======================================*/
/*========= barre MENU en haut =========*/
/*!!! barre de titre désactivée !!!*/
/*** fenêtre maxi ***/
/* barre Menu cachée */ 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: -22px !important;
  z-index: 100 !important;
  background-color:rgba(20%,20%,20%,0.7) !important;
  transition-duration: 500ms;
}

/* barre Menu visible au survol-souris (haut-gauche fenêtre) */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar:hover {
  top: 0 !important;
  transition-duration: 300ms;
}

/*** fenêtre redimentionnable ***/ 
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
}


/*!!! barre de titre activée !!!*/
/*** fenêtre maxi ***/
#main-window[sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
  z-index: 100 !important;
  background-color:rgba(20%,20%,20%,0.7) !important;
}
#main-window[sizemode="maximized"] > #navigator-toolbox {
   margin-top: 20px !important;
}


/*** fenêtre redimentionnable ***/ 
#main-window[sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important; 
}
#main-window[sizemode="normal"] > #navigator-toolbox {
   margin-top: 20px !important;
}

/*========= FIN barre menu en haut =========*/


/**************************************************************************/
/*!!!!!!!!!!! à activer SEULEMENT SI les 2 conditions suivantes!!!!!!!!!!!*/
/*!!! Si barre de titre active !!!*/
/*!!! Si barre de menu désactive !!!*/

/* ajuster position verticale barre d'outils */
#main-window:not([tabsintitlebar]) > #navigator-toolbox {
  margin-top: 0px !important; 
}

#main-window:not([tabsintitlebar]) #toolbar-menubar[inactive="true"] {
  display: none;
}

/* ajuster position horizontale barre d'onglets */
#main-window:not([tabsintitlebar])[sizemode="maximized"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-right: 0px;
}

#main-window:not([tabsintitlebar])[sizemode="normal"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
 margin-left: 0px; margin-right: 0px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!! fin condition !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************************************/
Voilà, j'espère que je ne me suis pas mélanger les pinceaux... :mrgreen:
Merci beaucoup Freddy, ça fonctionne super.
Melusine
Salamandre
Messages : 35
Inscription : 17 févr. 2006, 13:33

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par Melusine »

Merci à vous tous.
J'ai de nouveau mes onglets là où je voulais.
vinces
Lézard à collerette
Messages : 285
Inscription : 05 nov. 2003, 01:16

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par vinces »

Au niveau de l'ergonomie c'est un non sens que d'avoir les onglets au-dessus, je suis surpris que la possibilité de les placer en dessous ait été suprimé
Freddy
Lézard à collerette
Messages : 497
Inscription : 15 nov. 2009, 11:37

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par Freddy »

Bonjour,
Juste pour info:
:arrow: menu ? ou "Aide"
:arrow: "Donner votre avis..."
:arrow: ce qui amène à cette page où l'on sélectionne son choix, puis "next".
:arrow: et on fait part de sa remarque.
cobra999
Lézard vert
Messages : 145
Inscription : 27 août 2008, 21:41

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par cobra999 »

Merci Freddy , c'est fait ...mais est-ce qu'ils en tiendront compte , ça : ????
epsilon9f
Lézard à collerette
Messages : 215
Inscription : 29 sept. 2007, 19:29

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par epsilon9f »

Hello à tous.

Comme certains je suis confronté avec la MAJ de Frefox au changement dans l'ordre de mes onglets
L'ordre que je désire :

1) Barre de Menu
2) Barre d'adresse & Recherche
3) Barre Personnelle (qui a 2 lignes)
4) Barre d'onglets

j'ai essayé le code de thegreat.cellar en l'intégrant dans un chrome.css vierge

Code : Tout sélectionner

/*
 * Éditez ce fichier et copiez-le comme userChrome.css dans votre
 * dossier-de-profil/chrome/
 */

/*
 * Ce fichier peut être utilisé pour personnaliser l'apparence de l'interface utilisateur de Mozilla
 * Pensez à utiliser !important sur les règles qui sont destinées à prendre
 * la place des paramètres par défaut.
 */

/*
 * Ne retirez pas la ligne @namespace line -- elle est requise pour un fonctionnement correct
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/* 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;
}
Mais je me retrouve toujours avec :

1) Menu
2) Barre d'onglets
3) Barre d'adresse & recherche
4) Barre Perso sur 1 ligne

Grrrrrrrrrrrrrrrrrrrrrrrrrr

Y aurait-il une âme charitable pour m'aider ?
Merci par avance à tous

PS
Ci joint La structure de mon css qui marchait avant la MAJ de Firefox 65.0 :

Code : Tout sélectionner


/*
 *
 * Mon fichier perso chrome.css
 *
 * Éditez ce fichier et copiez-le comme userChrome.css dans votre
 * dossier-de-profil/chrome/
 */

/*
 * Ce fichier peut être utilisé pour personnaliser l'apparence de l'interface utilisateur de Mozilla
 * Pensez à utiliser !important sur les règles qui sont destinées à prendre
 * la place des paramètres par défaut.
 */

/*
 * Ne retirez pas la ligne @namespace line -- elle est requise pour un fonctionnement correct
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/*=== position Barre de Navigation, Barre Perso & Onglets ======*/

/*** barre de NAVIGATION ***/
#nav-bar {
-moz-box-ordinal-group: 1 !important;
}

/*** barre PERSONNELLE ***/
#PersonalToolbar {
-moz-box-ordinal-group: 2 !important;
}

/*** barre d'ONGLETS ***/
#TabsToolbar {
-moz-box-ordinal-group: 3 !important;
}


/*====== Barre perso multiligne ======*/
#PlacesToolbarItems
{ overflow: visible !important; }

#PlacesToolbarItems > .box-inherit.scrollbox-innerbox
{ display:block !important; }
Et une capture de ma page d'accueil de Firefox :

Image
cobra999
Lézard vert
Messages : 145
Inscription : 27 août 2008, 21:41

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par cobra999 »

@ epsilon9f ,

Prend un des codes de Freddy , regarde plus haut ( les 2 premiers sont pour Windows ) . Question fonctionnalité c'est ok , question rendu esthétique c'est pas encore ça .
epsilon9f
Lézard à collerette
Messages : 215
Inscription : 29 sept. 2007, 19:29

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par epsilon9f »

Re cobra999,

Je viens d'essayer le code de Freddy :

Code : Tout sélectionner

/*
 * Éditez ce fichier et copiez-le comme userChrome.css dans votre
 * dossier-de-profil/chrome/
 */

/*
 * Ce fichier peut être utilisé pour personnaliser l'apparence de l'interface utilisateur de Mozilla
 * Pensez à utiliser !important sur les règles qui sont destinées à prendre
 * la place des paramètres par défaut.
 */

/*
 * Ne retirez pas la ligne @namespace line -- elle est requise pour un fonctionnement correct
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */



/*******                          *******/
/*******     CODE DE FREDDY       *******/
/*******                          *******/




/******* à partir de Fx65 *******/
/*========================================*/
/*========= barre ONGLET dessous =========*/
#titlebar { -moz-box-ordinal-group: 3 !important; 
}
/*** réduire l'espace avec barre perso ***/

/* règle en fenêtre maxi utile seulement pour windows */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar {
  -moz-appearance: -moz-window-titlebar !important;
}

/*#main-window[tabsintitlebar][sizemode="normal"] > #navigator-toolbox > #titlebar {
   margin-top: -0px;
}
*/

:root[extradragspace][tabsintitlebar]:not([inFullscreen]) {
	--space-above-tabbar: -10px !important;
}




/*** ajuster position verticale barre d'outils ***/
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
  margin-top: 10px !important; 
}

#main-window[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
  margin-top: 20px; 
}


/*** décaler barre navigation horizontalement pour visualiser boutons fenêtre ***/
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar {
  margin-right: 105px;
}

/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/*sans thème (fenêtre redimentionnable)*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:not(:-moz-lwtheme) > #titlebar  .titlebar-buttonbox-container{
  display: none
}
/*avec thème*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:-moz-lwtheme > #titlebar  .titlebar-buttonbox-container{
  position: fixed !important; 
  top: 0; right: 0; margin-top: -15px; 
}

/* (fenêtre maxi) */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar .titlebar-buttonbox-container{
  position: fixed !important; top: 0; right: 0; margin-top: -5px;
}


/*** ajuster position horizontale barre d'onglets ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-right: -40px; 
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-left: -40px; margin-right: -40px; 
}

/*========= FIN barre onglet dessous =========*/


/*======================================*/
/*========= barre MENU en haut =========*/
/*!!! barre de titre désactivée !!!*/
/*** fenêtre maxi ***/
/* barre Menu cachée */ 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: -10px !important;
  z-index: 100 !important;
  background-color:rgba(20%,20%,20%,0.7) !important;
  transition-duration: 500ms !important;
}

/* barre Menu visible au survol-souris (haut-gauche fenêtre) */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar:hover {
  top: 8px !important;
  transition-duration: 300ms !important;
}

/*** fenêtre redimentionnable ***/ 
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
}


/*!!! barre de titre activée !!!*/
/*** fenêtre maxi ***/
#main-window[sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
  z-index: 100 !important;
  background-color:rgba(20%,20%,20%,0.7) !important;
}
#main-window[sizemode="maximized"] > #navigator-toolbox {
   margin-top: 20px !important;
}


/*** fenêtre redimentionnable ***/ 
#main-window[sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important; 
}
#main-window[sizemode="normal"] > #navigator-toolbox {
   margin-top: 20px !important;
}

/*========= FIN barre menu en haut =========*/


/**************************************************************************/
/*!!!!!!!!!!! à activer SEULEMENT SI les 2 conditions suivantes!!!!!!!!!!!*/
/*!!! Si barre de titre active !!!*/
/*!!! Si barre de menu désactive !!!*/
/* ajuster position verticale barre d'outils */
/*
#main-window:not([tabsintitlebar]) > #navigator-toolbox {
  margin-top: 0px !important; 
}
*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!! fin condition !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************************************/
Je me retrouve toujours avec
1) Barre de Menu
2) Barre d'onglets
3) Barre de recherche
4) Barre Personnelle

Cela ne change rien ?

Et aussi µ... je comprends pas trop la 2° partie du code
il me semblait que le menu était toujours en haut§.... enfin bref ... il n me gène pas...
Par contre cette mise à jour .... GRRRRRRRRRRRRRRRRRRRRRRRRRRR

celle-ci me chamboule toute l'organisation de mes "Barres"

En plus ... j'ai 2 lignes de Marques pages ...
Avant tout marchait nickel
depuis ce jour et cette MAJ tout est chamboulé ...

Image

GRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR

Merci de votre aide
Freddy
Lézard à collerette
Messages : 497
Inscription : 15 nov. 2009, 11:37

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par Freddy »

Bonjour,

@epsilon9f
Tu dois avoir un problème au niveau de l'enregistrement de ton fichier, vérifies si c'est le bon nom -> userChrome.css , et son emplacement dans le dossier chrome (c'est rappelé au tout début de ton fichier que tu nous as collé)
epsilon9f a écrit : 11 févr. 2019, 22:00 Et aussi µ... je comprends pas trop la 2° partie du code
il me semblait que le menu était toujours en haut§.... enfin bref ... il n me gène pas...
ça fait partie du changement de l'organisation des barres, je l'ai précisé au début de mon post: viewtopic.php?p=880555#p880555 ,donc si on descend la barre d'onglets, la barre de menu descend aussi.

Et je reprécise que pour ce code j'ai choisi de proposer de gagner de la place (en fenêtre maximisé) en ne faisant apparaitre la barre de menu qu'au survol-souris (en haut-gauche).
Pour le choix de l'afficher toujours, comme à l'origine, voir ce post: viewtopic.php?p=880619#p880619

Et enfin, le code de la barre perso multilignes est toujours valable, il te faut le garder.


cobra999 a écrit : 11 févr. 2019, 21:25 Question fonctionnalité c'est ok , question rendu esthétique c'est pas encore ça .
C'est à dire ? l'apparence de la barre de menu ? ou l'ensemble ? avec un thème ou sans ?
epsilon9f
Lézard à collerette
Messages : 215
Inscription : 29 sept. 2007, 19:29

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par epsilon9f »

Re Freddy,

En effet, après vérification le nom du fichier avait un "s" en plus d'où il n'était pas reconnu.
Tout marche super

Merci de ton aide

Il me restera à traiter le pb des Flux RSS auquel je ne me suis pas encore intéresse...
car depuis peu la gestion des flux n'est plus natif dans Firefox...

C'est bien dommage ....

Mais bon bref...
cobra999
Lézard vert
Messages : 145
Inscription : 27 août 2008, 21:41

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par cobra999 »

Bonjour Freddy ,

Oups ! je viens de m'apercevoir que ce n'est pas ton code que j'ai utilisé mais celui de Thegreat.cellar .
J'en parle dans un message plus loin en arrière dans le même post qu'ici : viewtopic.php?f=5&t=135747&start=15#p881041

J'ai tenté un des tiens ( le code avec la barre de Menu ) : ça ne change pas la place des onglets , ça me laisse une ligne blanche avec ou sans barre de Menu qui d'ailleurs reste en place - c'est aussi le cas avec le code de Thegreat.cellar sauf qu'avec lui elle est moins épaisse ( la barre de Menu ) - mais bon la barre de Menu je la garde donc ça ne me dérange pas .
Après même problème qu'avec le code de Thegreat.cellar , le thème n'est pas uniforme ....ou alors c'est FF qui impose un bandeau gris .

je te met les images pour te montrer le résultat :

Image

Image
Avatar de l’utilisateur
Cucurbitacé
Animal mythique
Messages : 5637
Inscription : 22 juil. 2012, 05:27

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par Cucurbitacé »

Bonsoir à toutes et à tous,

C’est en anglais, mais tout est là, il suffit de repiquer et de se traduire les : /* ----*/

♦ lui, il faut ouvrir chaque dossier sur la gauche pour trouver le css concerné par le titre du dossier.
=> https://github.com/Timvde/UserChrome-Tweaks


♥ là, c’est un forum uniquement pour le css Firefox, il suffit de lancer une recherche-site sur le truc voulu, mais en anglais ; en haut il y a : view, cela permet de classer les sujets en appuyant sur l’une des trois petites icônes.
=> https://www.reddit.com/r/FirefoxCSS


♣ lui s’occupe de répertorier et d’organiser à foison. Il suffit d’ouvrir le dossier sur le coté gauche, en fonction de ce que l’on cherche et à l’intérieur, il y a pléthore de fichier css avec un titre qui indique ce qu’il fait.
=> https://github.com/Aris-t2/CustomCSSfor ... lassic/css


♠ là ce site des styles, mais pas forcément à jour, il suffit, dans un style, de cliquer sur le bouton : shows css code.
=> https://userstyles.org/categories/app



N’oubliez pas, que sur ces sites, qu’il suffit de lancer une recherche sur le mot que l’on souhaite, soit avec search du site ou avec la recherche sur un mot (rechercher dans la page) de Firefox.

Bien à vous.
Freddy
Lézard à collerette
Messages : 497
Inscription : 15 nov. 2009, 11:37

Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre

Message par Freddy »

cobra999 a écrit : 12 févr. 2019, 05:05 Après même problème qu'avec le code de Thegreat.cellar , le thème n'est pas uniforme ....ou alors c'est FF qui impose un bandeau gris .
Oui c'est à l'origine dans Fx.
En ajoutant cette règle ça doit se régler:

Code : Tout sélectionner

/*** supprimer couleur de fond des barres navigation-perso ***/
.browser-toolbar:not(.titlebar-color) {
    background-color: transparent !important;
}
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Ahrefs [Bot], lool_lauris et 19 invités