Agencement de barre [Résolu]

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

epsilon9f
Lézard vert
Messages : 154
Enregistré le : 29 sept. 2007, 19:29

Agencement de barre [Résolu]

Message par epsilon9f » 06 mars 2020, 21:24

Hello à tous.

Suite à un pb avec mon Firefox j'ai du le réinstaller. => Version : 73.0.1 (64 bits)

Or j'avais l'habitude d'agencer mes barres d'outils de la manière suivante :
1° Ligne : Barre de Menu
2° Ligne : Barre d'Adresse
3° Ligne : Barre perso ===> Attention cette barre a 2 lignes !!!
5° Ligne : Barre d'Onglets

Or J'ai perdu mon chrome.css et je n'y connais rien dans les scripts.
et j'avoue que je ne souhaite pas m'y plonger ..
trop ardu pour moi .

Je sais qu'il faut créer un dossier chrome et placer userchrome.css à l'intérieur
à part cela ... rien .

Y aurait-il une personne qui pourrait ma donner la solution pour retrouver cette organisation

Merci de votre aide à tous par avance.
Modifié en dernier par epsilon9f le 28 mars 2020, 11:34, modifié 1 fois.

Agent virtuel
Tyrannosaurus Rex
Messages : 2100
Enregistré le : 29 janv. 2018, 12:06

Re: Agencement de barre

Message par Agent virtuel » 06 mars 2020, 21:29

Bonsoir

Information
viewtopic.php?f=13&t=141630

Autre ? viewtopic.php?f=5&t=143104 complément
https://support.mozilla.org/en-US/quest ... er-1206689

Éventuellement essayer

Code : Tout sélectionner

#PersonalToolbar {
  min-height: unset !important;
  max-height: unset !important;
/* text-align: center !important; */
}

#PersonalToolbar #PlacesToolbarItems {
  overflow-x: visible !important;
  overflow-y: visible !important;
  display: inline-block !important;
}

/* TABS: on bottom - Firefox 65 and later */

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

#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
/* width: 100vw !important; */
}

:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar{
  bottom: var(--tab-min-height) !important;
  padding-top: calc(var(--tab-min-height) - 20px) !important; /* may need adjustment */
}

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

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

/* TABS: height */
:root {
  --tab-toolbar-navbar-overlap: 0px !important;
  --tab-min-height: 25px !important; /* adjust */
}

:root #tabbrowser-tabs {
  --tab-min-width: 80px !important; /* adjust */
}

#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;
}

#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;
}

/* indicators */
.private-browsing-indicator {display: none !important;}
.accessibility-indicator    {display: none !important;}

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

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

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

/* caption box - hide */
:root[tabsintitlebar]:not([inFullscreen="true"])
 #toolbar-menubar[autohide="true"] ~
  #TabsToolbar .titlebar-buttonbox-container {display: none !important;}

Avatar du membre
Cucurbitacé
Tyrannosaurus Rex
Messages : 4334
Enregistré le : 22 juil. 2012, 05:27

Re: Agencement de barre

Message par Cucurbitacé » 06 mars 2020, 23:02

Bonjour,

Les userChrome.css et userContent.css sont pris principalement sur ce site => CustomCSSforFx <= Il suffit de faire un copier/coller.

Il y a des répertoires pour chaque partie de Firefox, dans chaque répertoire, il y a plusieurs fichiers, le titre du fichier indique ce qu’il fait, le tout est en anglais.

Dans votre demande spécifique, cela sera les répertoires : toolbars et Tabs (onglets)

Cordialement.

Agent virtuel
Tyrannosaurus Rex
Messages : 2100
Enregistré le : 29 janv. 2018, 12:06

Re: Agencement de barre

Message par Agent virtuel » 07 mars 2020, 06:53

Bonjour

Autre ?

Barre personnelle sur plusieurs lignes viewtopic.php?f=5&t=141011

Onglets sous la barre personnelle viewtopic.php?p=894708#p894708

Code : Tout sélectionner

/*======= barre PERSO multilignes ========*/

#PlacesToolbarItems {
   display: block !important;
  overflow: visible !important;
}

#PersonalToolbar {
max-height: 100% !important;
}

#PlacesChevron {
  display: none !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 {
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: 32px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 32px !important; /* needs to be the same as above under :root */
--tab-min-width: 100px !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !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;
}

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

epsilon9f
Lézard vert
Messages : 154
Enregistré le : 29 sept. 2007, 19:29

Re: Agencement de barre

Message par epsilon9f » 09 mars 2020, 20:46

Re à vous.

Tout d'abord, merci à vous tous.

j'ai réinstallé Firefox et tout semble revenu ???
Merci de ton info Agent virtuel => "La prise en charge des fichiers userContent.css et userChrome.css sera désactivée par défaut avec FX 69"
peut être que le pb venait de là ???

Enfin bref, le principal est que cela remarche....

-

j'en profite pour vous demander cette info.

J'utilise Firefox depuis très longtemps et au fur et a mesure des changements de versions ........
mon Userchrome.css s'allonge.....

Car je fais les modifs demandées au fur et à mesure que Firefox évolue pour conserver ma config

Mais je pense que l'on doit pouvoir supprimer des choses mais quoi ????
Donc Help à vous.

Je souhaiterais garder cette config :

1° Barre : Barre de menu (Fichier, Édition, Affichage ...)(Masquée par défaut, Visible via Alt)
(elle était visible avant via survol de la souris mais cela ne marche plus ...
(inutile en fait ... donc le code peut être supprimé mais quoi ???)
2° Barre : Barre D'adresse (Http.....)
3° Barre : Barre Perso (Attention, elle est sur 2 Lignes)
4° Barre : Barre d'onglets
=> En Plus Onglet Actif de couleur Bleu Ciel avec Croix Rouge
=> Et Marque Page "Presse Info" d'une couleur particulière)

Y aurait-il une âme charitable qui saurait faire le Ménage dans mon Userchrome afin de garder cette config.

Mon Userchrome.css : https://www.cjoint.com/c/JCjtOd14tQp

Merci d'avance.

Freddy
Lézard à collerette
Messages : 380
Enregistré le : 15 nov. 2009, 11:37

Re: Agencement de barre

Message par Freddy » 10 mars 2020, 19:54

Bonjour,

T'avais déjà fais cette demande à laquelle j'avais répondu ici.
Enfin comme y a eu de légères modifs depuis, voilà:

Code : Tout sélectionner

/*<<<<<<<<<<<<<<<<<<<<<< modif ordre des barres d'outils >>>>>>>>>>>>>>>>>>>>*/
/*Barre de Titre*/
/*Barre des Menus*/
/*Barre de Navigation*/
/*Barre Personnelle*/
/*Barre d'Onglets*/

/*=========== Barre d'Onglets au-dessous ==========*/
#TabsToolbar,
/*avec Barre de Titre activée et Barre Menu désactivée*/
#main-window:not([tabsintitlebar]) #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar 
{
  -moz-box-ordinal-group: 10 !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
}
/*avec Barre de Titre désactivée et Barre Menu désactivée*/
#titlebar > #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar 
{
  bottom: -15px !important;
}

:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar{
  bottom: var(--tab-min-height) !important;
  padding-top: calc(var(--tab-min-height) - 20px) !important;
}


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

:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 0px); 
}
/*=========== fin Barre d'Onglets au-dessous ==========*/


/*=========== barre MENU en haut ==========*/
/*!!! barre de titre désactivée !!!*/
/*** fenêtre maxi ***/
/* barre Menu cachée (apparait au survol souris) */ 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar:not([autohide="true"])>#menubar-items { 
  display: block !important;
  position:fixed !important;
  top: -10px !important;
  z-index: 100 !important;
  background-color: rgba(20%,20%,20%,0.7) !important; 
  color: rgba(95%,80%,20%,0.90) !important;
  text-shadow: none !important;
  transition-duration: 500ms !important;
}

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



/*** fenêtre redimensionnable ***/ 
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar:not([autohide="true"]) > #menubar-items { 
  display: block !important;
  position: fixed !important;
  top: 0px !important;
}

/*........................*/
/* créer espace pour préhension/glisser fenêtre redimentionnable */

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


/*========== fin barre menu en haut ==========*/



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


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

/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/*avec thème*/
#main-window[tabsintitlebar][sizemode="normal"] #titlebar  .titlebar-buttonbox-container{ 
  display: block !important;
  position: fixed !important; 
  top: -13px; right: 0; 
}

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


/*** supprimer couleur de fond des barres navigation et 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 autres ajustements ==========*/

/*<<<<<<<<<<<<<<<<<<<<<< fin modif ordre des barres d'outils >>>>>>>>>>>>>>>>>>>>*/







/*<<<<<<<<<<<< barre PERSO multilignes >>>>>>>>>>>*/

#PlacesToolbarItems {
  display: block !important;
  overflow: visible !important;
}

#PersonalToolbar {
max-height: 20px !important;
  transition: all 0.5s ease 0s !important;
}

#PersonalToolbar:hover {
max-height: 900px !important;
  background-color: black !important;
  color: white !important;
  transition-delay: 500ms !important;
}


#PlacesChevron {
  display: none !important;
}

/* Affiche les favicons sans texte */
/*
#personal-bookmarks .toolbarbutton-text {
display: none !important; }
*/
/*<<<<<<<<<<< barre PERSO multilignes >>>>>>>>>>>>*/




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


/* DEBUT icône particulière pour Marque Page "presse Info" */
.bookmark-item[container="true"][label="Presse Info"] { list-style-image: url('Presse Info.png') !important; }
/* (label = Nom du Marque Page) ,  (url('Presse Info.png') : Nom de l'icône associée au Marque Page) */
/* ps : important le fichier image doit être dans le dossier chrome du profil */
/* FIN icône particulière pour Marque Page "presse Info" */

Agent virtuel
Tyrannosaurus Rex
Messages : 2100
Enregistré le : 29 janv. 2018, 12:06

Re: Agencement de barre

Message par Agent virtuel » 11 mars 2020, 00:37

Bonjour

À titre illustration expérimentation

Essai1
https://drive.google.com/file/d/1qQeU1h ... sp=sharing

Code : Tout sélectionner

/*======= barre PERSO multilignes ========*/

#PlacesToolbarItems {
   display: block !important;
  overflow: visible !important;
}

#PersonalToolbar {
max-height: 100% !important;
}

#PlacesChevron {
  display: none !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 {
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: 32px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 32px !important; /* needs to be the same as above under :root */
--tab-min-width: 100px !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !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;
}

#TabsToolbar {
 display: block !important;
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}
https://www.camp-firefox.de/forum/thema ... ost1140421
Essai2
https://drive.google.com/file/d/1NL7yMJ ... sp=sharing

Code : Tout sélectionner

/*Mehrzeilige Lesezeichen-Symbolleiste*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
     #PersonalToolbar {
        max-height: calc(20px * 3) !important;
    }
    
    #personal-bookmarks,
    #PlacesToolbar,
    #PlacesToolbar > hbox {
        display: block !important;
    }
    
    #PersonalToolbar toolbarbutton {
        min-height: 20px !important;
        max-height: 20px !important;
    }
    
    #PlacesToolbarItems {
        max-height:60px!important;
        display: flex!important;
        flex-wrap: wrap!important;
        overflow-x: visible!important;
        overflow-y: auto!important;
    }
    
    #PlacesToolbar,
    #PersonalToolbar > scrollbar {
        -moz-window-dragging: no-drag !important;
    }
    
    #PlacesToolbar #PlacesChevron {
        display: none !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 {
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: 32px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 32px !important; /* needs to be the same as above under :root */
--tab-min-width: 100px !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !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;
}

#TabsToolbar {
 display: block !important;
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}
https://www.reddit.com/r/firefox/commen ... s_in_ff_74
Autre essai
https://drive.google.com/file/d/11uTm7m ... sp=sharing

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

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 3px !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 {
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: 32px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 32px !important; /* needs to be the same as above under :root */
--tab-min-width: 100px !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !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;
}

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

epsilon9f
Lézard vert
Messages : 154
Enregistré le : 29 sept. 2007, 19:29

Re: Agencement de barre

Message par epsilon9f » 25 mars 2020, 20:54

Hello agent virtuel,

panne de pc d'où ma réponse tardive ...

Tout d'abord donc merci pour ton code, il a dépanné mon pb.

Il reste juste un petit pb
En dessous du nom du 1° onglet :
il y a toujours un rectangle noir qui reste affiché en permanence....

Il disparaît lorsque je demande l'affichage de la barre de Menu Via la touche "Alt"
Mais, lorsque je masque de nouveau ma barre de menu (Fichier, Edition, etc ....) (en réappuyant sur "Alt")
=> le rectangle noir réapparaît ???

Voir cette capture :
Image

aurais tu une solution pour supprimer ce rectangle noir ?
Merci par avance de ton aide

Agent virtuel
Tyrannosaurus Rex
Messages : 2100
Enregistré le : 29 janv. 2018, 12:06

Re: Agencement de barre

Message par Agent virtuel » 25 mars 2020, 21:05

Bonsoir

Ne sais pas

Sinon

Avez-vous essayé viewtopic.php?p=899170#p899170

Avatar du membre
Cucurbitacé
Tyrannosaurus Rex
Messages : 4334
Enregistré le : 22 juil. 2012, 05:27

Re: Agencement de barre

Message par Cucurbitacé » 26 mars 2020, 00:49

epsilon9f a écrit :
25 mars 2020, 20:54
Il reste juste un petit pb
En dessous du nom du 1° onglet :
il y a toujours un rectangle noir qui reste affiché en permanence....

Bonjour,

Ouvrez votre fichier userChrome.css et cherchez une ligne de code qui contiendrait un code couleur (color ou un truc qui fait ça : #900ff45).

Utilisez-vous des personnas, des habillages (skins) pour Firefox ?

Il y a une solution d’enquête ; retirez vos fichiers userChrome.css et userContent.css.
Est-ce que cela change quelque chose ?

Créez un nouveau fichier userChrome.css vierge et par étapes copiez/collez les lignes de code, pas toutes en même temps.

Pour exemple, vous copiez/collez juste :
/*=========== Barre d'Onglets au-dessous ==========*/

Jusqu’à
/*=========== fin Barre d'Onglets au-dessous ==========*/

Vous fermez Firefox, réouvrez et constatez.
Et vous recommencez jusqu’à avoir mis toutes les lignes.

Cordialement.

Agent virtuel
Tyrannosaurus Rex
Messages : 2100
Enregistré le : 29 janv. 2018, 12:06

Re: Agencement de barre

Message par Agent virtuel » 26 mars 2020, 07:07

Bonjour
epsilon9f a écrit :
25 mars 2020, 20:54
Il reste juste un petit pb
En dessous du nom du 1° onglet :
il y a toujours un rectangle noir qui reste affiché en permanence....
viewtopic.php?p=899493#p899493 similaire

GlopGlop
Varan
Messages : 1277
Enregistré le : 05 juil. 2006, 15:54

Re: Agencement de barre

Message par GlopGlop » 26 mars 2020, 14:52

Bonjour,
Cucurbitacé a écrit :
26 mars 2020, 00:49
epsilon9f a écrit :
25 mars 2020, 20:54
Il reste juste un petit pb
En dessous du nom du 1° onglet :
il y a toujours un rectangle noir qui reste affiché en permanence....
Ouvrez votre fichier userChrome.css et cherchez une ligne de code qui contiendrait un code couleur (color ou un truc qui fait ça : #900ff45).
Salut Cucurbitacé
je ne crois pas que cela soit dû a une couleur, mais plus a une erreur dans le code. :wink:
il faudrait que epsilon9f nous mette son code pour que ceux qui connaissent le CSS vérifient.
code à mettre entre les balises [code]← Mettre le code entre les 2 balises code →[/code]

Sur un autre poste les codes qui fonctionnent avec Firefox 74, avec entre autre: la Barre de Menu cachée (visible au survol-souris)viewtopic.php?p=899253#p899253
A+ :wink:
Vous venez chercher de l'aide, alors aider les autres, penser à marquer votre message en [Résolu]
Comment ?, Explication pour mettre votre sujet en [Résolu]: clic sur ce lien: Mettre en [Résolu]

epsilon9f
Lézard vert
Messages : 154
Enregistré le : 29 sept. 2007, 19:29

Re: Agencement de barre

Message par epsilon9f » 26 mars 2020, 18:40

@ GlopGlop,

Ce code m'a été donné par Agent virtuel.
car ... à part savoir ou placer ce fichier (dans le dossier chrome) je ne sais pas interpréter ce code......

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

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 3px !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 {
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: 32px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 32px !important; /* needs to be the same as above under :root */
--tab-min-width: 100px !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !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;
}

#TabsToolbar {
 display: block !important;
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
 }
@ Cucurbitacé
Utilisez-vous des personnas, des habillages (skins) pour Firefox ?
non
Il y a une solution d’enquête ; retirez vos fichiers userChrome.css et userContent.css.
pas de UserContent.css
lorsque je retire UserChrome.css
ma barre perso est sur 1 ligne avec double fl^mche en haut à droite
l'agencement des barres est :
Barre de Titre
Barre de Menu masqué (affichable via "Alt")
Barre d'onglets
Barre d'adresse
et enfin Barre Perso (sur 1 ligne)
voir cette capture :
Image
Créez un nouveau fichier userChrome.css vierge et par étapes copiez/collez les lignes de code, pas toutes en même temps.
j'ai appliqué ta méthode, , j'ai donc copié dans un UserChrome Vierge :
1) la section : /* Makes bookmarks toolbar span multiple rows */ => pas de rectangle Noir
2) j'ai ajouté la section : /* Hide the all-bookmarks button */ => pas de rectangle Noir
3) j'ai ajouté la section : /* TABS: on bottom */ => pas de rectangle Noir
4) j'ai ajouté la section : /* TABS: height */ => pas de Rectangle Noir
5) j'ai ajouté la section : /* drag space */ => pas de Rectangle Noir

et enfin j'ai ajouté la section : /* Override vertical shifts when moving a tab */
===>>> Le rectangle Noir apparaît <<<===

Donc il y aurait peut être un pb dans cette dernière section ...

Code : Tout sélectionner

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

#TabsToolbar {
 display: block !important;
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
 }
@+ de vous lire et merci encore de votre aide

Avatar du membre
Cucurbitacé
Tyrannosaurus Rex
Messages : 4334
Enregistré le : 22 juil. 2012, 05:27

Re: Agencement de barre

Message par Cucurbitacé » 26 mars 2020, 19:14

epsilon9f a écrit :
26 mars 2020, 18:40
et enfin j'ai ajouté la section : /* Override vertical shifts when moving a tab */
===>>> Le rectangle Noir apparaît <<<===

Donc il y aurait peut être un pb dans cette dernière section ...
Bonjour,

C'est supposé faire quoi au juste, pourriez-vous l'indiquer.

Merci.
Modifié en dernier par Cucurbitacé le 26 mars 2020, 19:31, modifié 2 fois.

epsilon9f
Lézard vert
Messages : 154
Enregistré le : 29 sept. 2007, 19:29

Re: Agencement de barre

Message par epsilon9f » 26 mars 2020, 19:20

Re Cucurbitacé,
C'est supposé faire quoi au juste, pourriez-vous l'indiquer.
si tu parles du code de la section : /* Override vertical shifts when moving a tab */
je ne sais pas trop..
après avoir regardé ...
cela semble déplacer la barre d'onglets en bas
et la positionner sur un espace préalablement créé (en bleu clair)
voir avec Agent Virtuel ..
c'est lui qui m'a donné le code.

Le pb
En dessous du nom du 1° onglet :
il y a toujours un rectangle noir qui reste affiché en permanence....

Il disparaît lorsque je demande l'affichage de la barre de Menu Via la touche "Alt"
Mais, lorsque je masque de nouveau ma barre de menu (Fichier, Edition, etc ....) (en réappuyant sur "Alt")
=> le rectangle noir réapparaît ???

Voir cette capture :
Image
Modifié en dernier par epsilon9f le 26 mars 2020, 19:36, modifié 2 fois.

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Bing [Bot] et 9 invités