[Résolu ??] Firefox Quantum déplacer les onglets au bas de la barre
Modérateurs : myahoo, nico@nc, Mori, jpj
- lool_lauris
- Animal mythique
- Messages : 7153
- Inscription : 14 mars 2008, 22:51
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
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).
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).
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
@ 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 .
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 .
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
Merci beaucoup Freddy, ça fonctionne super.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
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===barre d'outils=======================
______________________
->barre de titre:
---> barre de menu
---> barre d'onglets
_____________________
->barre de navigation
_____________________
->barre personnelle
=====================================
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)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
/******* à 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 =========*/
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 )et pour la barre de menu en haut (linux)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 =========*/
Voilà, j'espère que je ne me suis pas mélanger les pinceaux...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 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ /*************************************************************************/
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
Merci à vous tous.
J'ai de nouveau mes onglets là où je voulais.
J'ai de nouveau mes onglets là où je voulais.
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
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é
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
Bonjour,
Juste pour info:
menu ? ou "Aide"
"Donner votre avis..."
ce qui amène à cette page où l'on sélectionne son choix, puis "next".
et on fait part de sa remarque.
Juste pour info:
menu ? ou "Aide"
"Donner votre avis..."
ce qui amène à cette page où l'on sélectionne son choix, puis "next".
et on fait part de sa remarque.
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
Merci Freddy , c'est fait ...mais est-ce qu'ils en tiendront compte , ça : ????
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
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
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 :
Et une capture de ma page d'accueil de Firefox :
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;
}
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; }
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
@ 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 .
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 .
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
Re cobra999,
Je viens d'essayer le code de Freddy :
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é ...
GRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR
Merci de votre aide
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 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************************************/
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é ...
GRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR
Merci de votre aide
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
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é)
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.
@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é)
ç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.
C'est à dire ? l'apparence de la barre de menu ? ou l'ensemble ? avec un thème ou sans ?
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
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...
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...
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
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 :
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 :
- 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
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.
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.
Re: [Résolu] Firefox Quantum déplacer les onglets au bas de la barre
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;
}
Qui est en ligne ?
Utilisateurs parcourant ce forum : Google [Bot] et 2 invités