[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

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,

J'ai intégré ton code afin de pouvoir utiliser la zone Rouge pour le déplacement.
Image

Par contre il m'arrive un dernier souci..
Avant ma ligne perso et ma ligne de d'adresse étaitent sous fond blanc

Image

Avec ta modif (qui permet de bouger avec la zone rouge)
Je me retrouve avec un fond transparent derrière ma ligne perso et la ligne d'adresse
et de ce fait,
je ne peux plus lire facilement les intitulés de mes dossiers perso.

Image


Je préférerais avoir le fond blanc comme avant je trouve que c'est plus lisible ..
comme cela je pourrais voir plus facilement les intitulés.

(pour info je n'ai aucun thème d'installé)

Merci de ton aide par avance
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é »

epsilon9f a écrit : 16 mars 2019, 09:27Re Freddy,

Par contre il m'arrive un dernier souci..
Avant ma ligne perso et ma ligne de d'adresse étaitent sous fond blanc
Bonjour epsilon9f,

Je pense que vous devez lire le code, car Freddy a tout indiqué, dans son code je lis cela :
/*** supprimer couleur de fond des barres navigation-perso ***/
.browser-toolbar:not(.titlebar-color) {
background-color: transparent !important;
}
Supprimez cette ligne et voyez le résultat, si cela ne change rien, vous pourrez toujours la remettre à sa place.

Bien à vous.




Freddy a écrit : 16 févr. 2019, 00:09
:arrow: 1°cas: pour gagner de l'espace, avec la barre de menu cachée qui apparait au survol-souris en haut-gauche en fenêtre maxi:

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: -10px !important;
  z-index: 100 !important;
  background-color:rgba(100%,80%,20%,0.9) !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 redimensionnable ***/ 
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
  width:100vw !important;
}



/*..........................................................................*/
/* créer espace pour préhension/glisser fenêtre (équivalent barre de titre) */
#main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 26px !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
  margin-top: -5px !important;
  -moz-window-dragging: drag !important;
}

/*.........................................................................*/



/*!!! barre de titre activée !!!*/
/*** fenêtre maxi ***/
#main-window[sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
}

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


/*** fenêtre redimensionnable ***/ 
#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 conditions !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************************************/


/*====================== barre ONGLET dessous ===========================*/
#titlebar { -moz-box-ordinal-group: 3 !important; 
}

/*** réduire l'espace avec barre perso-onglets ***/

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

/* fenêtre redimensionné sans barre menu */
:root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
}
#main-window[sizemode="normal"] > #navigator-toolbox > #titlebar > #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
    margin-top: 0 !important;
}


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


/*** 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 redimensionnable)*/
#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: -13px; right: 0; 
}

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


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

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





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

/*** diminuer trait entre barre menu-navigation (fenêtre redimensionné avec thème) ***/
#main-window[sizemode="normal"] > #navigator-toolbox:-moz-lwtheme {
    border-top: none !important;
}

/*** supprimer trait entre barre perso-onglets ***/
/*
#navigator-toolbox::after {
  border-bottom: none !important;
}
/*actuellement pas activé*/

/*========================= FIN barre onglet dessous =======================*/
:arrow: 2°cas: pour ceux qui veulent l'affichage normal de la barre de menu (toujours visible) en fenêtre maxi (le comportement en fenêtre redimensionnable et identique dans les deux cas)

Code : Tout sélectionner

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

/*============================== barre MENU en haut =============================*/
/*!!!!! barre de titre désactivée !!!!!*/
/*** fenêtre maxi ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: 8px !important;
   width:100vw !important;
}

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




/*..........................................................................*/
/* créer espace pour préhension/glisser fenêtre (équivalent barre de titre) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 26px !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
  margin-top: -5px !important;
  -moz-window-dragging: drag !important;
}

#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
  margin-top: 2px !important;
  -moz-window-dragging: drag !important;
}
/*.........................................................................*/




/*!!!!! barre de titre active !!!!!*/
#main-window:not([tabsintitlebar]) #toolbar-menubar {
  position: fixed !important;
  top: 0px !important;
}

/* ajuster position verticale barre d'outils */
#main-window:not([tabsintitlebar]) > #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 conditions !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************************************/



/*============================ 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;
}

/* fenêtre redimensionné sans barre menu */
:root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
}
#main-window[sizemode="normal"] > #navigator-toolbox > #titlebar > #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
    margin-top: 0 !important;
}



/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/*sans thème (fenêtre redimensionnable)*/
#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: -13px; right: 0;  
}

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


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



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

/*** diminuer trait entre barre menu-navigation (fenêtre redimensionné avec thème) ***/
#main-window[sizemode="normal"] > #navigator-toolbox:-moz-lwtheme {
    border-top: none !important;
}

/*** supprimer trait entre barre perso-onglets ***/
/*
#navigator-toolbox::after {
  border-bottom: none !important;
}
/*actuellement pas activé*/


/*======================= FIN barre onglet dessous ==========================*/
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 Cucurbitacé,

Pour ma part, je ne lis que très rarement tout ce code de script de Firefox.
qui est développé par vous tous.
Chapeau bas d'ailleurs .....

Pour ma part,
je ne suis pas un développeur dans l'âme....
Et ...
afin de faire des choses de correct en développement, cela demande beaucoup de temps et d'investissement
ce que je n'ai pas car j'investis mon temps autre part.
-
C'est pour cela que je fais appel a l'aide de ce forum pour trouver des solutions, ce à quoi je suis incapable de faire.
-
Car enfin même si on comprend un peu le code, 1 seule erreur peut faire planter plein de choses.
j'ai moi même développé sur d'autres langages et je sais que pour maitriser un langage cela demande beaucoup de temps et d'énergie..

Voilà Grand merci à vous tous cela marche enfin avec cette dernière correction.

Pour Finir,
je trouve que Firefox qui avant était un grand espace ouvert commence à restreindre ses étendues..
Ref à ces dernières modifications ..
Je suis étonné que Firefox change de cette manière ...

Grand Merci à vous tous, à Freddy et à PCA
Homie
Arias
Messages : 8
Inscription : 30 janv. 2019, 12:58

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

Message par Homie »

Hello

Firefox vient de passer a la version 69: le script pour la barre des onglets en bas ne fonctionne plus....

Des idées ?

Merci


Sérieux mais quel est le but de foutre cette barre en haut ??? Beaucoup moins ergonomique et esthétique ! Il y a une raison à çà ?
Anonyme1
Varan
Messages : 1474
Inscription : 05 juil. 2006, 15:54

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

Message par Anonyme1 »

Bonjour,
@ Homie
Voir about:config / toolkit.legacyUserProfileCustomizations.stylesheets viewtopic.php?f=13&p=890915&sid=36342ea ... 49#p890915
A+ :wink:
eddynat
Lézard vert
Messages : 181
Inscription : 14 mars 2013, 19:06

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

Message par eddynat »

Merci pour cette information:
Et quel est le script final qu'il faut écrire dans le fichier css du UserChrome pour placer les onglets au bas des barres ?
Chafpa
Lézard à collerette
Messages : 388
Inscription : 07 janv. 2007, 19:22

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

Message par Chafpa »

Homie a écrit : 04 sept. 2019, 12:12Firefox vient de passer a la version 69: le script pour la barre des onglets en bas ne fonctionne plus....
D'accord avec toi pour dire que cette barre d'onglets n'a rien à faire en haut mais toutefois je viens de mettre à jour en version 69 sur mon Mac et la barre d'onglets est toujours restée sous la barre d'adresse ! :wink:
La vie est un long fleuve tranquille.......Quoique.....
eddynat
Lézard vert
Messages : 181
Inscription : 14 mars 2013, 19:06

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

Message par eddynat »

Comme Bob49 l'a écrit: «
Bob49 a écrit : ↑
06 juin 2019, 06:29
Taper about:config dans la barre d'adresse, puis "entrée" et promettre...
Rechercher toolkit.legacyUserProfileCustomizations.stylesheets , puis effectuer un double-clic dessus pour la passer en true

Ça devrait forcer Firefox 69 à accepter le css user et by passer l'interdiction !
Homie
Arias
Messages : 8
Inscription : 30 janv. 2019, 12:58

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

Message par Homie »

Merci masi la valeur est déjà "true".

Rien n'y fait....
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é »

Bonjour,

=> Tous les codes sont là <, rangés par thème.

Bien à vous.
Dernière modification par Cucurbitacé le 06 sept. 2019, 18:13, modifié 2 fois.
Homie
Arias
Messages : 8
Inscription : 30 janv. 2019, 12:58

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

Message par Homie »

Merci pour les codes (pas simple quand on est néophyte de les comprendre :D) mais de toute façon en ce qui me concerne ca ne marche pas....
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é »

Bonjour,

Pourtant les codes fonctionnent, vous semblez être la seule personne à avoir ce problème.
Avez-vous essayé > le mode sans échec < ?

Bien à vous.
Homie
Arias
Messages : 8
Inscription : 30 janv. 2019, 12:58

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

Message par Homie »

Oui bien sur. Aucuns de mes scripts ne marchent.... Je n'ai rien changé de mon fichier qui est dans "chrome" depuis un bout de temps ! Plus rien ne marche depuis la maj de Firefox, la modif de la clé de "false" en "true" ne change strictement rien...

J'ai même réparé Firefox, repartit sur une version propre, sans modules....
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,

Votre code de script date de quelle version de Firefox, voire de quelle année ?
Avez-vous vérifié les nouveaux codes depuis la version 68 les scripts css ne s’écrivent plus de la même manière ?

-- En anglais --
Onglet = Tabs.
En-dessous = below.
Barre de navigation = navigation toolbar.

Donc ce que vous cherchez se trouve sur le lien que j'ai mis plus haut, dans le répertoire des codes à : Tabs.
Le lien direct serait celui-ci => https://github.com/Aris-t2/CustomCSSfor ... r_fx68.css <=

Bien à vous.
Homie
Arias
Messages : 8
Inscription : 30 janv. 2019, 12:58

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

Message par Homie »

Tous mes css marchaient sur la dernière version avant celle ci ;)
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Ahrefs [Bot] et 13 invités