Demande de précision terminologie sur les barres

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

Demande de précision terminologie sur les barres

Message par epsilon9f »

bonjour à tous.

j'aimerais avoir quelques précisions sur certaines terminologies des "Barres"

Barre d'adresse : OK
Barre d'onglets: OK
Barre personnelle : OK

Mais cette "Barre" ?
Image

quel nom porte t-elle ?
il me semblait que c'était la barre de titre...

Pourtant...
quand on va dans Affichage / Barre d'outils / Personnaliser la Barre d'outils
Image

si on clique sur Afficher la barre de Titre:
Image

=> un nouvel espace apparait ????

Image

ce nouvel espace porte donc le nom de Barre de titre ?

d'où .....
donc la barre avec les 3 boutons

Image

=> quel nom porte t-elle ?
Gloops
Tyrannosaurus Rex
Messages : 3816
Inscription : 22 mai 2006, 11:55

Re: Demande de précision terminologie sur les barres

Message par Gloops »

Si, là où il y a les trois boutons système, c'est la barre de titre. Enfin la vraie.
Sauf qu'apparemment tu as dû la générer avec une feuille de style, et que quand tu as demandé à Firefox depuis les options de la mettre, il en a ajouté une autre.

Ça rendrait bien service, une fois que tu aurais trouvé confirmation de ça, de dire quel code tu as utilisé, ça permettrait d'avoir une barre d'outils en plus, et parfois ça rendrait bien service quand on a plein de boutons à afficher.

À supposer qu'elle fonctionne bien. Il y a eu une époque où c'était le cas.
D'ailleurs ça serait assez facile à vérifier : depuis "Personnaliser une barre d'outils", est-ce que tu arrives à glisser un bouton dessus, et est-ce que le bouton fonctionne ?
epsilon9f
Lézard à collerette
Messages : 215
Inscription : 29 sept. 2007, 19:29

Re: Demande de précision terminologie sur les barres

Message par epsilon9f »

Re Gloops,

avec mon userchrome.css , =>cela donne la présentation suivante :

1) Barre de titre "Firefox"
2) Barre de titre "Css" (s'affiche uniquement si je demande l'affichage via "Affichage / Barre d'outils / Personnaliser la Barre d'outils")
3) Barre URL et Barre de Recherche et Boutons de Firefox
4) Barre perso sur 2 lignes
5) Barre d'onglets
6) Fenêtre de navigation

voici mon userchrome.css :

Code : Tout sélectionner

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
  --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
  max-height: none !important;
}

#PlacesToolbar > hbox{ 
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
  scrollbar-width: thin;
}

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
  :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
  position: absolute;
  display: block;
  top: var(--uc-titlebar-padding,0px);
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  :root{ --uc-titlebar-padding: 50px !important }
  .titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
  -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
  --tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(25px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
  position: fixed;
  display: flex;
  top: var(--uc-titlebar-padding,0px);
  height: 29px;
  width: 100%;
  overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
  order: 99;
  flex-grow: 20;
  min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 30px }

/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/
 
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 8px 8px !important; border-image: none !important;
}
.tab-line {
display: none;
} 

.tab-close-button {
color: red!important; 
}

/*====== DEBUT Couleur Onglets sur onglet actif ======*/

 /* Onglet Actif Bleu ciel */
.tab-background[selected="true"] {
background-attachment: none!important;
background-color: lightblue !important;
background-image: none!important; } 

/* Croix Rouge sur onglet actif */
.tab-close-button {
color: red !important; } 

/* Croix de fermeture sur les onglets inactifs */
.tab-close-button:not([selected]) {
color: white !important; } 

/*====== FIN Couleur Onglets sur onglet actif ======*/
donc si je comprends bien
il y a la barre de titre native de Firefox (espace rouge)
et une autre créé par mon code css (espace jaune) ? c'est cela ?

Image

j'ai essayé de mettre un bouton sur la barre de titre "créée".. (espace jaune)
ce la ne passe pas ...
je ne peux mettre aucun bouton sur cette "barre de titre "css"

cela fait double emploi ....
mais si je retire/ désactive via cette barre de titre "css" via Affichage / Barre d'outils / Personnaliser la Barre d'outils
je ne peux plus bouger la fenêtre de Firefox en faisant "cliqué déplacer" la fenêtre de Firefox ...

comment faire ...
cela me fait perdre de la place....

comment faire pour avoir uniquement la barre de titre native seulement et pouvoir utiliser la fonction "cliquer déplacer" de la fenêtre de Firefox ?
aurais tu une idée ?
Gloops
Tyrannosaurus Rex
Messages : 3816
Inscription : 22 mai 2006, 11:55

Re: Demande de précision terminologie sur les barres

Message par Gloops »

Hum ... Là, j'ai commencé à dormir :)
Alors donc, la deuxième barre de titre, on ne peut rien mettre dessus ?
Dommage, trop pratique.
Bon, si j'ai bien suivi, en décochant la barre de titre dans l'interface de paramètres, ça donne le résultat escompté, bien que de façon inattendue.
Quand j'ai le temps, si je n'ai pas oublié, je regarde ce que ta feuille de styles a dans les tripes.
pitpat692002
Lézard à collerette
Messages : 427
Inscription : 03 mars 2005, 20:01

Re: Demande de précision terminologie sur les barres

Message par pitpat692002 »

Salut,
non, la 2ème barre est la barre de menus.
Si elle apparait vide comme sur votre capture, c'est que vous ne l'avez pas activé.
Activez-la en faisant un clic droit dessus et en cochant "barre de menus" ..... les menus "Fichier","Edition","Affichage"......apparaitront dessus.
epsilon9f
Lézard à collerette
Messages : 215
Inscription : 29 sept. 2007, 19:29

Re: Demande de précision terminologie sur les barres

Message par epsilon9f »

@ Gloops,
Gloops a écrit : Hum ... Là, j'ai commencé à dormir :)
Alors donc, la deuxième barre de titre, on ne peut rien mettre dessus ?
c'est bien cela... elle ne sert que pour afficher la barre de menu .... (quand on souhaite l'afficher)
car pour ma part, je masque cette barre de menu ..., d'où... elle ne me sert a rien .. et prend de l'espace ...pour rien ...
...............
mais pour utiliser la fonction "cliqué glisser", je suis obligé de l'afficher ..
sinon cela ne fonctionne plus ?????

donc si on résume,
on ne peut s'en servir que pour afficher la barre de menu ... rien d'autre et permet la fonction cliquer glisser...
Gloops a écrit : Bon, si j'ai bien suivi, en décochant la barre de titre dans l'interface de paramètres, ça donne le résultat escompté, bien que de façon inattendue.
cela dépend de ce que tu veux dire par "ça donne le résultat escompté"
je me retrouve avec 2 barres de titre dont 1 vierge qui, si elle est supprimée, m’empêche d'utiliser la fonction cliquer glisser
Gloops a écrit : Quand j'ai le temps, si je n'ai pas oublié, je regarde ce que ta feuille de styles a dans les tripes.
Ok merci.
---------------------------------------------------
@ pitpat692002,
pitpat692002 a écrit :
non, la 2ème barre est la barre de menus.
Si elle apparait vide comme sur votre capture, c'est que vous ne l'avez pas activé.
Activez-la en faisant un clic droit dessus et en cochant "barre de menus" ..... les menus "Fichier","Edition","Affichage"......apparaitront dessus.
la 2° ligne semble apparaitre car j'ai un css, c'est du moins ce que l'on me dit..

La barre de menu consiste a afficher "fichier, édition ...", non ?
car selon que l'on active la barre d'état ou pas (dans Affichage / Barre d'outils / Personnaliser la Barre d'outils" la Battre d'etat
ce fameux "menu" se place sur la 1° ligne ou la 2° ligne ...
c'est assez étonnant ...

et tu dis "non, la 2ème barre est la barre de menus."
comment se fait-il qu'elle se place sur la 1° ou 2° ligne si en soit, elle constitue une barre à elle seule.
elle se place différemment si on affiche cette barre d'état ou pas ...
elle est donc dépendant d'autre chose ? ne crois tu pas ?

Merci de votre aide
epsilon9f
Lézard à collerette
Messages : 215
Inscription : 29 sept. 2007, 19:29

Re: Demande de précision terminologie sur les barres

Message par epsilon9f »

Re à vous ,

Je viens de m'apercevoir d'un détail .....
Barre d'état non affiché Mais avec menu affiché
=> le cliqué glissé fonctionne

menu non affiché, le cliqué glissé ne marche plus ?

la fonction "cliquer déplacer" serait lié à l'affichage de la barre de menu ?
si c'est cela, ce n'est pas grave puisqu'elle se place dans la barre d'état (barre qui a avec les 3 boutons système..)
mais c'est quand même curieux que :
selon que l'on affiche ou pas la barre de menu cette fonction "cliqué glissé" ne marche plus ??

votre avis ?
Gloops
Tyrannosaurus Rex
Messages : 3816
Inscription : 22 mai 2006, 11:55

Re: Demande de précision terminologie sur les barres

Message par Gloops »

Ah oui il y a des choses surprenantes, là-dedans.
Je me suis créé une alerte parce qu'apparemment il va falloir y revenir de temps en temps.
Si tu as réussi à mettre cette barre d'outils obligatoire à un endroit où elle ne te dérange pas, c'est déjà ça.
epsilon9f
Lézard à collerette
Messages : 215
Inscription : 29 sept. 2007, 19:29

Re: Demande de précision terminologie sur les barres

Message par epsilon9f »

Re Gloops,

Agent virtuel m'a donné un autre code css qui fonctionne.

Code : Tout sélectionner

.bookmark-item[label="mozfrorg"] > .toolbarbutton-icon {
  width: 0px!important;
  height: 0px!important;
  padding: 0 0 16px 16px!important;
  background-image: url("mozfr.png")!important;
  background-size: cover!important;
}
.bookmark-item[label="forumsmozfr"] > .toolbarbutton-icon {
  width: 0px!important;
  height: 0px!important;
  padding: 0 0 16px 16px!important;
  background-image: url("mozfr2.png")!important;
  background-size: cover!important;
}
.bookmark-item[label="Nouveau dossier1"] > .toolbarbutton-icon {
  width: 0px!important;
  height: 0px!important;
  padding: 0 0 16px 16px!important;
  background-image: url("bleu.png")!important;
  background-size: cover!important;
}

/* changer la couleur des dossiers Marque-pages/Historique (ok FF84) */
.bookmark-item[container], treechildren::-moz-tree-image(container) {
fill: red !important;
} 

/*====== DEBUT Couleur Onglets sur onglet actif ======*/

 /* Onglet Actif Bleu ciel */
.tab-background[selected="true"] {
background-attachment: none!important;
background-color: lightblue !important;
background-image: none!important; } 

/* Croix Rouge sur onglet actif */
.tab-close-button {
color: red !important; } 

/* Croix de fermeture sur les onglets inactifs */
.tab-close-button:not([selected]) {
color: white !important; } 

/*====== FIN Couleur Onglets sur onglet actif ======*/

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
  --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
  max-height: none !important;
}

#PlacesToolbar > hbox{ 
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
  scrollbar-width: thin;
}

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
  :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
  position: absolute;
  display: block;
  top: var(--uc-titlebar-padding,0px);
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  :root{ --uc-titlebar-padding: 50px !important }
  .titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
  -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
  --tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(25px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
  position: fixed;
  display: flex;
  top: var(--uc-titlebar-padding,0px);
  height: 29px;
  width: 100%;
  overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
  order: 99;
  flex-grow: 20;
  min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 30px }

/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/
 
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 8px 8px !important; border-image: none !important;
}
.tab-line {
display: none;
} 

.tab-close-button {
color: red!important; 
}
onglet actif de couleur bleu avec croix rouge
et prime marque pages avec entourage rouge.

Choses remarquées..
avec barre de menu affichée la fct cliquer clisser fonctionne (en cliquant sur la barre systeme de Firefox cad la barre tout en haut avec les 3 boutons)
menu non affiché la fonction cliquer glisser ne fonctionne plus ????

curieux .... la fct cliquer glisser serait lié a l'affichage de la barre de menu ??

en soit ...
ce n'est pas grave puisque la barre de menu se place dans la barre système (barre qui a avec les 3 boutons système..)
mais c'est quand même curieux que :
selon que l'on affiche ou pas la barre de menu cette fonction "cliqué glissé" ne marche plus ??

Aussi ....
tu m'avais demandé si on pouvait mettre des boutons sur la barre d'état css...
je t'avais dit non ...
en fait je viens de m'apercevoir que l'on pouvait en mettre sur la barre système et sur la barre d'état css ...
mais .... que dans un cas ...
A condition d'afficher le menu...., on peut mettre des outils a sa droite ....

=> si on affiche la barre d'état (et le menu) on peut mettre des outils dessus (mais pas sur la barre systeme avec les 3 boutons ...)
Si on n'affiche pas la barre d'état pas on peut mettre alors des outils sur la barre systeme...
mais seulement si on affiche en permanence le menu !!!!
Par contre pb ....ces outils, bien que bien positionnés ....placés on ne les voit pas ....


voir ces captures ....
1) Barre d'état affichée ou pas et barre de menu non affichée : on ne peut pas mettre d'outils

2) Barre d'état affichée et barre de menu affichée on peut mettre des outils
ils sont à la droite du menu...., mais on ne les voit pas ....
j'ai ajouté ici l'outil "fenêtre privée" et l'outil "paramètre"...
Image
on peut voir 2 rectangles qui apparaissent légèrement mais dont on ne voit pas le symbole...
pourtant les 2 outils sont bien présents sur la barre d'état .... juste à coté du menu ....
Image
et si on clique on ouvre bien soit une fenêtre privée ou la page paramètre....
... il faudrait arriver à les afficher pour qu'ils soient visibles .....

3) autre cas ..
maintenant, barre d'état non affichée, mais avec le menu affiché dans la barre système..
cette fois j'ai mis les 2 outils "ouvrir un fichier" et "envoyer un lien"
Image

de la même manière, on ne voit pas les outils pourtant ils sont bien présent ...
Image

la couleur qui affiche les outils ne ressort pas ????
la seule chose qui permet de voir qu'il y a un outils c'est le positionnement de la souris (alors la bulle apparait)
ou un tout petit espace trouble ...
Image

en fait..
c'est facile de voir si on peut positionner des outils ou pas ...
un sens interdit si cela n'est pas possible...
exemple menu on affiché rien n'est possible ...
si j'essaye de mettre fenetre privée ... cela ne passe pas :
Image

on voit bien le sens interdit ...
même opération avec la barre de menu affichée
Image
cela passe ?????
mais par contre ...une fois positionnés, on ne voit pas l'outil que l'on a placé ........

sans doute faudrait-il un expert de code pour corriger ce pb ???
Agent virtuel

Re: Demande de précision terminologie sur les barres

Message par Agent virtuel »

Bonjour

viewtopic.php?p=916299#p916299
Bien entendu et à titre de clarification et d'exemple, mozfr.png , mozfr2.png, bleu.png, sont
epsilon9f a écrit : 02 juin 2021, 20:45 /* ps : important le fichier image doit être dans le dossier chrome du profil */
Personnaliser les boutons et barres d’outils de Firefox https://support.mozilla.org/fr/kb/perso ... ls-firefox
Glisser les éléments niveau barre d’outils
Dernière modification par Agent virtuel le 04 juin 2021, 17:36, modifié 1 fois.
Freddy
Lézard à collerette
Messages : 498
Inscription : 15 nov. 2009, 11:37

Re: Demande de précision terminologie sur les barres

Message par Freddy »

Bonjour,

Cette barre supplémentaire n'en est pas une, c'est un espace "hérité" par le changement de l'ordre des barres.
En fait c'est parce que suivant si l'option "barre de menu" est cochée, avec le chamboulement généré par le code css, on ne peut pas, en css, avec la structure actuel initiale, faire disparaitre cette espace si on décoche l'option.

Je me suis fais un code mais pour Linux, je suis venu voir ce que ça donne pour windows, et évidemment y a plus de trucs bidules à bidouiller :roll:
Bon après test, j'arrive à obtenir qqchose de potable je pense, mais ça se peut qu'il y est encore des défauts, vu toutes les configurations possibles (barre de titre ou pas, barre de menu ou pas, fenêtre redimensionnable ou maximisée,et tout ça intercombinable... :shock: )
Du coup j'ai les yeux qui voient aussi bien que sous l'eau et les neurones qui fondent :mrgreen:

Bon sinon voilà pour mon code qui permet bien le glissé/déposé même sans la barre de menu:

Code : Tout sélectionner

/*==================== ordre des barres =================*/
/* barre de titre */
/* barre de menu */
/* barre de navigation */
/* barre personnelle */
/* barre d'onglets */




#titlebar {
  -moz-box-ordinal-group: 2;
}


/* afficher [barre de menu] par le raccourci "Alt" */

#main-window[sizemode="maximized"] #toolbar-menubar  {
  display: flex;
  position: absolute;
  top: 9px;
  background-color:black; 
  /*color: menubartext!important;*/
  width: 100vw !important;
}


#main-window[sizemode="normal"] #toolbar-menubar  {
  display: flex;
  position: absolute;
  top: 2px;
 /* background-color:black; 
  color: menubartext!important;*/
  width: 100vw !important;
}



#main-window:not([tabsintitlebar])[sizemode="normal"] {
  margin-top: -25px !important;
}

#main-window:not([tabsintitlebar])[sizemode="maximized"] {
  margin-top: -7px !important;
}



/* si Thème clair activé */
#main-window[lwthemetextcolor="dark"][sizemode="maximized"] #toolbar-menubar:not([inactive="true"]),
#main-window[lwthemetextcolor="dark"][sizemode="maximized"] #toolbar-menubar .toolbarbutton-1
{
  filter: invert(95%); 
}



/* décaler la barre de navigation pour emplacement des boutons fenêtre */
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar-customization-target {
  max-width: calc(100vw - 140px);
}

/* positionner les boutons contrôle fenêtre */
#main-window[sizemode="maximized"] #toolbar-menubar/*[autohide="true"]*/ .titlebar-buttonbox-container {
  display: flex;
  position: fixed;
  right: 0px;   
  top: 0px !important;
}

#main-window[sizemode="maximized"] #toolbar-menubar[inactive="true"] .titlebar-buttonbox-container {
  display: flex;
  position: fixed;
  right: 0px;   
  top: 8px !important;
}

#main-window[sizemode="normal"] #toolbar-menubar .titlebar-buttonbox-container {
  display: flex;
  position: fixed;
  right: 0px;   
  top:0px!important;
}


#TabsToolbar .titlebar-buttonbox-container {
  display: none;
}


/*#main-window[tabsintitlebar]*/ #toolbar-menubar[autohide="true"]+ #TabsToolbar{
  margin-top: -7px !important;
  margin-right: -40px !important;
}



#nav-bar {
  margin-top: 7px !important;
}

/* recréer espace préhension fenêtre en mode redimentionné */
#main-window[sizemode="normal"] #navigator-toolbox {
  padding-top: 15px !important;
  -moz-window-dragging: drag !important;
}

/* supprimer décalage gauche de la barre d'onglets */
#main-window[sizemode="normal"]  #TabsToolbar .titlebar-spacer[type="pre-tabs"] {
  display:none;
}

/* pour les boutons placés dans la barre de menu */
#toolbar-menubar .toolbarbutton-1 {
  margin-top: -5px !important;
}


/* boutons controle fenêtre en plein écran (F11) */
#main-window[sizemode="fullscreen"] #window-controls[pack="end"] {
   display: flex;
  position: fixed;
  right: 0px;   
  top:-0px!important;
}


/************************************************************/
/* si [barre de menu] toujours affichée, ajouter ces règles */
/************************************************************/
/*
#main-window:not([tabsintitlebar])[sizemode="normal"]  #nav-bar {
  margin-top: 32px !important;
}


#main-window[sizemode="maximized"] #nav-bar {
  margin-top: 30px !important; 
}

#main-window[tabsintitlebar] #nav-bar-customization-target {
  max-width: 100vw !important;
}

#toolbar-menubar {
  background-color:initial !important;
}

#toolbar-menubar + #TabsToolbar{
  margin-top: -10px !important;
}

#main-window[sizemode="normal"] #toolbar-menubar[autohide="false"] + #TabsToolbar {
  margin-top: 0px !important;
}
/**/

/***********************************************************/
/* fin [barre de menu] toujours affichée */
/************************************************************/

Pour ceux qui affiche toujours la barre de menu voir à la fin du code.

Et pour la barre d'outils supplémentaire en ajoutant les boutons à côté du menu, c'est ok effectivement en activant l'option "barre de menu" et si les menus ne sont pas utiles, y a possibilité de les faire disparaitre tout en conservant les boutons.

Et pour gagner encore de la place, y encore la solution de la [barre perso verticale].

Voilà, je sais pas si tout est clair, pcq même moi j'en suis pas sûr... (et vu que t'as posé plusieurs questions dans plusieurs fils, je suis..., ça n'arrange rien à ma pauvre citrouille)
epsilon9f
Lézard à collerette
Messages : 215
Inscription : 29 sept. 2007, 19:29

Re: Demande de précision terminologie sur les barres

Message par epsilon9f »

Re Freddy ,
et si les menus ne sont pas utiles, y a possibilité de les faire disparaitre tout en conservant les boutons
non ....si les menus ne sont pas affichés, on ne peut pas placer d'outils .... (je parle sur la même barre que le menu ...)
j'ai essayé .....

j'ai affiché la barre de titre, affiché la barre de menu, puis mis un outil qui est invisible ... => outil fonctionnel
la barre de menu retirée de l'affichage, l'outil n'est plus accessible... il semble ne plus y avoir d'outil ????

cela fait pareil avec la barre "systeme"...

si la barre de menu est affichée, on peut mettre des outils et ils sont fonctionnels... mais sont "invisibles"...
barre de menu non affichée l'outil précédemment placé semble avoir été perdu ???
il n'apparait plus ...

que ce soit sur la barre "systeme" ou la barre "de titre"..
c'est le même mode ...
Cette barre supplémentaire n'en est pas une, c'est un espace "hérité" par le changement de l'ordre des barres.
j'avoue que je n'y retrouve plus ...
de quelle barre/espace parles tu ?
Image

perso, moi j'ai :
barre avec les 3 boutons (reduire agrandir fermer)
la barre de titre si je l'affiche
Barre d'adresse
Barre personnelle
Barre d'onglets
et enfin fenêtre de navigation..
Freddy
Lézard à collerette
Messages : 498
Inscription : 15 nov. 2009, 11:37

Re: Demande de précision terminologie sur les barres

Message par Freddy »

epsilon9f a écrit : 04 juin 2021, 18:03 et si les menus ne sont pas utiles, y a possibilité de les faire disparaitre tout en conservant les boutons

non ....si les menus ne sont pas affichés, on ne peut pas placer d'outils .... (je parle sur la même barre que le menu ...)
j'ai essayé .....
Si on peut le faire.
Si tu prend le code que j'ai donné, et en ajoutant ces règles:

Code : Tout sélectionner

/*supprimer l'affichage des menus*/
#main-menubar { 
display: none;
}

/* changer la couleur des boutons */
#main-window[sizemode="normal"] #toolbar-menubar .toolbarbutton-icon {
  fill: white;
}
Ça donne:
Image

On supprime l'affichage des menus sans supprimer la barre.
Et j'ai ajouter le changement de couleur des boutons car apparemment pour le thème que tu utilises c'est mieux, mais suivant le thème utilisé c'est pas forcément nécessaire.

Tu peux faire le test sur un autre profil si tu veux pas t'embrouiller :wink:
Gloops
Tyrannosaurus Rex
Messages : 3816
Inscription : 22 mai 2006, 11:55

Re: Demande de précision terminologie sur les barres

Message par Gloops »

Au risque de chipoter, la barre tout en haut avec les boutons système s'appelle la barre de titre (même si la feuille de style semble avoir introduit une certaine confusion dans la façon de la faire apparaître).

On y trouve :
  • tout à gauche, l'icône de l'application ; en cliquant sur l'icône de l'application on accède au menu système, qui permet d'agrandir, réduire, fermer ...
  • sur la plus grande partie de la largeur le titre de la fenêtre de l'application ; cliquer ici pour les actions mentionnées ci-après
  • à droite les trois boutons système, pour réduire, agrandir/restaurer, fermer
Dans le mode d'affichage en taille intermédiaire (restauré), un glissé de souris sur la barre de titre permet de déplacer la fenêtre.
Un double-clic sur la barre de titre permet d'agrandir/restaurer la fenêtre.
pitpat692002
Lézard à collerette
Messages : 427
Inscription : 03 mars 2005, 20:01

Re: Demande de précision terminologie sur les barres

Message par pitpat692002 »

Bonjour,
tu ne chipote pas, les confusions de ce sujet qui empêchent les résolutions des problèmes qui sont venus se greffer sont dues au fait que la réponse principale du sujet (le titre:Demande de précision terminologie sur les barres) n'a toujours pas été acquise ... sinon epsilon9f ne mentionnerait pas encore dans sa dernière intervention "barre d'état" et "barre système" .... le début du code donné par Fred hier à 17h31 donne le "La" des barres:

Code : Tout sélectionner

/*==================== ordre des barres =================*/
/* barre de titre */
/* barre de menu */
/* barre de navigation */
/* barre personnelle */
/* barre d'onglets */
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 11 invités