Agencement de barre [Résolu]
Modérateurs : myahoo, nico@nc, Mori, jpj
Agencement de barre [Résolu]
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.
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.
Dernière modification par epsilon9f le 28 mars 2020, 11:34, modifié 1 fois.
Re: Agencement de barre
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
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;}
- Cucurbitacé
- Animal mythique
- Messages : 5637
- Inscription : 22 juil. 2012, 05:27
Re: Agencement de barre
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.
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.
Re: Agencement de barre
Bonjour
Autre ?
Barre personnelle sur plusieurs lignes viewtopic.php?f=5&t=141011
Onglets sous la barre personnelle viewtopic.php?p=894708#p894708
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;
}
Re: Agencement de barre
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.
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.
Re: Agencement de barre
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à:
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" */
Re: Agencement de barre
Bonjour
À titre illustration expérimentation
Essai1
https://drive.google.com/file/d/1qQeU1h ... sp=sharing
https://www.camp-firefox.de/forum/thema ... ost1140421
Essai2
https://drive.google.com/file/d/1NL7yMJ ... sp=sharing
https://www.reddit.com/r/firefox/commen ... s_in_ff_74
Autre essai
https://drive.google.com/file/d/11uTm7m ... sp=sharing
À 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;
}
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;
}
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;
}
Re: Agencement de barre
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 :
aurais tu une solution pour supprimer ce rectangle noir ?
Merci par avance de ton aide
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 :
aurais tu une solution pour supprimer ce rectangle noir ?
Merci par avance de ton aide
- Cucurbitacé
- Animal mythique
- Messages : 5637
- Inscription : 22 juil. 2012, 05:27
Re: Agencement de barre
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.
Re: Agencement de barre
Re: Agencement de barre
Bonjour,
je ne crois pas que cela soit dû a une couleur, mais plus a une erreur dans le code.
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+
Salut CucurbitacéCucurbitacé a écrit : ↑26 mars 2020, 00:49Ouvrez votre fichier userChrome.css et cherchez une ligne de code qui contiendrait un code couleur (color ou un truc qui fait ça : #900ff45).
je ne crois pas que cela soit dû a une couleur, mais plus a une erreur dans le code.
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+
Re: Agencement de barre
@ 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:
@ Cucurbitacé
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 :
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 ...
@+ de vous lire et merci encore de votre aide
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;
}
nonUtilisez-vous des personnas, des habillages (skins) pour Firefox ?
pas de UserContent.cssIl y a une solution d’enquête ; retirez vos fichiers userChrome.css et 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 :
j'ai appliqué ta méthode, , j'ai donc copié dans un UserChrome Vierge :Créez un nouveau fichier userChrome.css vierge et par étapes copiez/collez les lignes de code, pas toutes en même temps.
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;
}
- Cucurbitacé
- Animal mythique
- Messages : 5637
- Inscription : 22 juil. 2012, 05:27
Re: Agencement de barre
Bonjour,
C'est supposé faire quoi au juste, pourriez-vous l'indiquer.
Merci.
Dernière modification par Cucurbitacé le 26 mars 2020, 19:31, modifié 2 fois.
Re: Agencement de barre
Re Cucurbitacé,
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 :
si tu parles du code de la section : /* Override vertical shifts when moving a tab */C'est supposé faire quoi au juste, pourriez-vous l'indiquer.
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 :
Dernière modification par epsilon9f le 26 mars 2020, 19:36, modifié 2 fois.
Qui est en ligne ?
Utilisateurs parcourant ce forum : Semrush [Bot], wiroth et 30 invités