à Tous

Depuis la Maj de Firefox 65.0 (64 bits), je n'ai plus l'ouverture d'une page internet sous la barre d'adresse, le fichier userChrome dans profiles n'y fait plus rien. Auriez vous une idée. Merci d'avance

Message original par Hyportatif

à Tous

Depuis la Maj de Firefox 65.0 (64 bits), je n'ai plus l'ouverture d'une page internet sous la barre d'adresse, le fichier userChrome dans profiles n'y fait plus rien. Auriez vous une idée. Merci d'avance

Ave Y tous,

... euh ... revenir à la version 64 ...!

Bon ... OK je sors !

et > https://forum.pcastuces.com/sujet.asp?page=-1&f=6&s=75529&REP_ID=5968646

L'ancien paramétrage ne marche plus avec FF 65.

Remplacer par :

/* Onglets en dessous de la barre d'adresse et barre de favoris au-dessus des onglets (FF 65 +) */
:root[uidensity=compact] {--tab-min-height_tnot: 28px;}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;}
#TabsToolbar {position: absolute !important;bottom: 0 !important;width: 100vw !important;}
#tabbrowser-tabs {width: 100vw !important;}

Daneel, avec ton fichier ça donne ceci, les onglets ouverts chevauchent sur les onglets de la barre personnelle

La commande dans le fichier est celle ci, qui est pas trop mal

/* Tab bar below Navigation & Bookmarks Toolbars */

#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
box-shadow: none !important; }

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

#titlebar { /* menu bar + tabs bar */
-moz-box-ordinal-group: 3 !important;
padding-top: 0 !important; }
#TabsToolbar {-moz-box-ordinal-group: 2}
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000 !important}

Merci à Tous. Sujet résolu avec cette commande

Bonjour à tous,

Depuis ce matin je suis les pérégrinations des onglets et des marques pages dans Firefox 65 et j'ai fait quelques tentatives pas du tout concluantes pour le fichier userChrome.css et Hourrah! J'ai utilisé la dernière suggestion d'Hyportatif.

J'ai cru que c'était bon. Eh bien non . Voilà maintenant que la barre de menus a suivi les onglets et que ma barre d'adresses se trouve reléguée tout en haut au ras de l'écran...

Alors j'espère une autre suggestion pour remettre ma barre de menus en haut de k'écran

C'est normal, j'ai la même position que toi .

Tu souhaites quoi ?

Bonjour Hyportatif,

Non, si tu regardes bien mon image : ma barre de menus n'est plus en haut de l'écran mais plus bas et par conséquent la croix de fermeture n'est plus tout en haut à droite! ça fait bizarre!

chez toi la barre d'adresse est entre la barre de menus et la barre personnelle et les onglets, du moins je suppose

j'ai copié exactement le css que tu as publié plus haut!

moi je pensais avoir en haut la barre de menus puis la barre de recherche ensuite la barre personnelle et pour finir les onglets

Dans userChromme met ceci à la place de ce que tu as, et dis moi si ça te plait

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" );
/* findbar en haut */
.browserContainer > findbar {
-moz-box-ordinal-group: 0;
border-top: none !important;
margin-top: -1px !important;
position: fixed !important;
border-radius: 0 0 5px 0;
}

.findbar-closebutton {
margin-inline-start: 0.5em !important;
vertical-align: middle !important;
margin-bottom: 0.25em !important;
}


/*
* When bookmarks are displayed on a toolbar, they appear as favicons. (Text is hidden)
*
* Screenshot: https://s26.postimg.org/lnb9akmbd/F [...] kmarks.png
*
* Tested on Firefox 55, Windows 7
* Contributor(s): Okamoi
*/

/* Hides bookmark text for all bookmarks displayed in a toolbar */
#PersonalToolbar .bookmark-item > .toolbarbutton-text {
display: none !important;
}

/* Small visual tweak so it looks exactly the same as if the bookmark really had no text */
#PersonalToolbar .bookmark-item > .toolbarbutton-icon {
margin-inline-end: 0px !important;
}

/* barre personnelle à droite et verticale */


#PersonalToolbar {
position: fixed!important;
/* own width of bookmark-bars */
right: 35px!important;
/* hight of url-bar + menu bar (top:0 corresponds of very top of firefox's interface) */
top: 80px!important;
height: 35px!important;
width: 100%!important;
/* turns the personnalToolbar on its side (from top-right, 90° CCW */
transform-origin: top right!important;
transform: rotate(-90deg)!important;
padding: 0!important;
margin: 0!important;
}

#personal-bookmarks {
height: 100%!important;
width: 100%!important;
padding: 0!important;
margin: 0!important;
/* to have the icons in the previous listing order, rotate the list-of bookmarks 180° CW */
transform: rotate(180deg)!important;
transform-origin: 50% 50%!important;
}
#personal-bookmarks .bookmark-item {
/* Icons are on theire side due to the 90° + 180° rotation. Put them back with a rotation, 90° CCW */
transform: rotate(-90deg)!important;
height: 35px!important;
width: 35px!important;
margin-top:0!important;
}

/* this is to make room for the toolbar besides the browsing area of Firefox */
#browser,
#browser-bottombox {
margin-right: 35px!important;
}

Re

Barre d'outils en haut avec ceci

-moz-box-ordinal-group: 0;
position: fixed !important;
right: 1em;
border: 1px solid threedshadow !important;

/* Hide the "border" at the top by removing the box-shadow and background-image */
border-top: none !important;
box-shadow: none !important;
background-image: none !important;

/* Uncomment to add a transition from the top */
/*
transition: 400ms !important;
z-index: 0 !important;
*/
}

/* Margin from top when hidden (necessary for the transition to work) */
/*findbar[hidden]{ margin-top: -2em !important; }*/

/* Aligns the close button to the center */
.findbar-closebutton {
margin-inline-start: 0.5em !important;
vertical-align: middle !important;
margin-bottom: 0.25em !important;
height: inherit !important;
}

Me revoici...

J'ai tenté ta première proposition, mais la barre personnelle sur le côté droit avec toutes les icônes je n'ai pas aime...

Alors j'ai essayé la seconde et là oh surprise c'est pareil avec ou sans Chrome j'ai même vérifié plusieurs fois et redémarré identiques

avec Chrome:

sans Chrome:

alors je vais en rester là merci d'avoir essayé

Re

En haut la barre de menus OUI AVEC CECI

La barre personnelle

et pour finir les onglets

Bonjour Hyportatif j'ai tenté cette proposition mais je ne vois pas de différence. C'est comme lorsque je supprime chrome...

Cela m'a intéressée de voir les essais et échanges de helpers . Je vois que beaucoup de problèmes sont présentés et des solutions proposés.

Comme pour moi cela ne change rien. Merci quand même. Je supprime chrome et me retrouve comme avant et je m'habituerai

Hello

Avec la version Firefox 65, j'arrive a modifier avec userChrome.css , position, forme et taille des onglets,..

ou

C'est hyper moche ton truc

batik a écrit :

avec Chrome:

sans Chrome:

et ça veut dire quoi "avec" ou"sans" chrome pour deux mêmes captures (firefox je pense)

Hyportatif a écrit :

C'est hyper moche ton truc

Hello

Ouais, pas de chance pour toi ce sont que des exemples! ok.

Re

Des exemples comme ça, il y en a des tas un peu plus joli

réponse à Jujube2

oui deux images identiques avec ou sans le css dans chrome de firefox proposé par Hyportatif donc pas d'intérêt pour moi

J'admire les essais de Christian-S mais trop bariolé pour moi et aucun ne présente la solution désirée

Amusez-vous bien les gars

je lirai toujours avec attention curiosité et admiration les conseils des cadors de pcastuces

batik a écrit :

réponse à Jujube2

oui deux images identiques avec ou sans le css dans chrome de firefox proposé par Hyportatif donc pas d'intérêt pour moi

J'admire les essais de Christian-S mais trop bariolé pour moi et aucun ne présente la solution désirée

Amusez-vous bien les gars

je lirai toujours avec attention curiosité et admiration les conseils des cadors de pcastuces

Reviens à la version antérieure alors, ICI

Pour ceux que ça intéresse.

Avec FF 64 et inférieur, il suffisait de 3 lignes pour déplacer la barre d'onglets en bas.

Avec FF 65, il faut une usine à gaz. Un fichier userChrome.css de 20 Ko.

https://support.mozilla.org/en-US/questions/1241903

Que nul ne prenne en mal mes hésitations, fluctuations ou peut-être maladresses

et surtout aucun reproche ni agressivité envers qui que ce soit

Je reste comme je suis avec 65 . Ce n'est pas si désagréable et avec l'habitude je n'y pense déjà plus;

Bonne continuation à tous

à la prochaine ...

Bonjour à tous,

Nouvelle version de firefox avec son lot de changements comme dab.

Sur la version 70 j'avais un beau fichier Chrome avec mon menu, ma barre d'adresse, ma barre personne et mes onglets.

Mais voilà avec la version 71 on à de nouveau un problème du menu qui se retrouve en bas. J'ai testé plusieurs choses mais le menu est lié à la barre des onglets. Du coup je cherche une solution.

En gros avec la version 70:

Avec la version 71 (J'ai repris une image du sujet) j'ai même une barre vide tout en haut avec les boutons pour agrandir ou fermer. Je referais une capture chez moi.

Si vous avez une idée de la modif je vous remercie, je vous partagerais mon code ce soir.

Bonjour à tous,

FF mise à jour 71.0 du 6/12/2019..

suite au message de titis14, moi aussi je viens de me retrouver avec mon fichier chrome qui ne fonctionne plus bien, j' ai utilisé le code ("" la commande dans le fichier est celle-ci, qui est pas trop mal"" ) du coup je n' ai plus la barre noir en haut toute vide mais j' ai la barre de menus + les boutons agrandir fermer qui se retrouve toujours collée au dessus de mes onglets.. et si je décoche l'affichage de la barre de menus il subsiste à droite les boutons agrandir et fermer mais ils ne repassent pas en haut à droite..

à Tous

pommy28

Voilà ce qu'il faut mettre dans le dossier userchrome

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 33px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 33px !important; /* needs to be the same as above under :root */
--tab-min-width: 80px !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}

/* Override vertical shifts when moving a tab */
#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;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}
/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
-moz-box-ordinal-group: 10;
}
#TabsToolbar {
-moz-box-ordinal-group: 1000 !important;
}

#TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}

#tabbrowser-tabs {
width: 100vw !important;
}

#TabsToolbar #window-controls {
display: none !important;
}

Bonsoir Hyportatif,

Merci beaucoup pourtla réponse ( sans vraie demande ..) et pour le fichier Chrome mais après un copier-collé dans le mien et bien voici ma situation:

j' ai toujours la barre de menus collée avec mes onglets en dessus et à présent une nouvelle: une toute petite barre mais qui semble se développer en diagonale vers le haut, tout en haut je n' avais noté cette déviation avant..Fine en haut à gauche et plus nette en haut à droite ( 1mm en haut à gauche, + 5 mm en haut à droite, à vérifier de mon côté mais le le remarque).

C' est tout de même " curieux " que cette fonctionnalité de pouvoir gérer nos ' barres ' ne soit pas prise en compte par les ' développeurs ' de Firefox..C' est tout de même la première fonctionnalité d' analyse que l' on regarde auprès d' un client quand on développe un logiciel non ?

Quand j' utilise FF c'est cette fonctionnalité qui m' intéresse en PREMIER VISUELLEMENT.. Lorsque je ' surfe' mon regard se porte de bas vers le haut dans une page sur l' écran et donc directement vers les précedants onglets ouverts et lorsque je veux fermer FF je me porte en haut à droite comme sur toutes les fenêtres ' Windows' . c' est la première fonction à prendre en compte avant de développer tout le reste..

Je n'arrive pas de Mars, il doit y en voir " Pleins d' autres comme moi " qui regrettent que tout d' un coup, à propos d'une mise à jour non confirmée tout notre monde visuel s' en trouve chamboulé..

+ en attendant de votre côté ou du mien une remise comme avant de cette fonctionnalité très ' basique '.

encore merci pour ton ajout de fichier qui malheureusement ne corrige pas ma situation.

Un grand merci à toi Hyportatif pour moi ton code marche sans problème voici un avant et après.

pommy28 j'ai la même réflexion que toi sur la navigation pour moi les onglets doivent être juste au dessus de la page pour changer rapidement au lien d'aller les chercher tout en haut. Les options de personnalisation permette uniquement de bouger la barre personnelle.

Avant:

Après

Content pour toi titis14

pommy28, il te faut supprimé tout ce que tu avais dans le fichier chrome, avant de coller ce que j'ai mis, ensuite une fois que tu as supprimé le texte dans le fichier userchrome, tu y colle mon texte, ensuite clique sur fichier enregistrer, ferme firefox, puis tu l'ouvre à nouveau, essaye aussi pour voir de changer ton thème Firefox

Bonjour Hyportatif,,

après une bonne nuit de sommeil et des redémarrage..Ça fonctionne à merveille,,

Un grand merci..

à présent c'est mon usb3.0 qui est retombé en usb2.0 mais c'est un autre topic..

Content pour toi

Bonjour,

Nouvelle version = nouveau bug encore les barre des onglets et sur les marques pages une idée de la modif ?

Merci

Voici mon fichier actuel

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 33px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 33px !important; /* needs to be the same as above under :root */
--tab-min-width: 80px !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}

/* Override vertical shifts when moving a tab */
#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;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}
/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
-moz-box-ordinal-group: 10;
}
#TabsToolbar {
-moz-box-ordinal-group: 1000 !important;
}

#TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}

#tabbrowser-tabs {
width: 100vw !important;
}

#TabsToolbar #window-controls {
display: none !important;
}

dans about:config, il te faut mettre toolkit.legacyUserProfileCustomizations.stylesheets sur false

galoupia à donné la solution sur ce sujet

https://forum.pcastuces.com/onglet_firefox-f6s77272.htm

Bonjour à tous,

Nouvelle version nouvelles galères avec cette barre d'onglet je comprends pas que l'ont galère à chaque mise à jour.

Quand Firefox va nous laisser le choix de positionner cette barre !

Avec le .css + l'activation dans le about:config et la version 92 mes onglets sont tout en bas est en plus il n'y a plus le + pour ouvrir un nouvel onglet.

Si je retire le .css forcément mes onglet son dessus de la barre d'adresse ce que je souhaite pas.

Avez vous aussi le souci ?

Merci

Lien vers une image externe

Bonjour j'ai trouvé un nouveau css et j'ai vu comment modifier le code en live pour voir les modif en direct sur Firefox => https://vimeo.com/242513527?embedded=true&source=vimeo_logo&owner=73872986

@NamEspace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* TABS: on bottom - 89+ */

*|*:root {
--tab-toolbar-navbar-overlap: 0px !important;

--tab-min-height: 32px !important; /* adjust to suit your needs */
--tab-min-width: 80px !important; /* adjust to suit your needs */

--menubar-height: 32px;
--bookmarkbar-height: 32px;
--tabbar-top: calc(var(--menubar-height) + var(--bookmarkbar-height) + var(--tab-min-height) + 9px); /*89+*/
}

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
display: block !important;
position: absolute !important;
top: var(--tabbar-top) !important;
width: 100vw !important;
}

#tabbrowser-tabs {
width: 100vw !important;
}

/* navigator-toolbox - padding */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*adjust*/
}

/* TABS: height */
#tabbrowser-tabs,
#tabbrowser-tabs .tabbrowser-tab {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /* omit */
background-color: var(--toolbar-bgcolor) !important;
color: var(--toolbar-color) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}

/* Override vertical shifts when moving a tab */
#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;
}

/* hide indicators and caption buttons */
#TabsToolbar .private-browsing-indicator {display: none !important;}
#TabsToolbar .accessibility-indicator {display: none !important;}
#TabsToolbar .titlebar-buttonbox-container {display: none !important;}