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

Répondre
Anonyme1
Varan
Messages : 1474
Inscription : 05 juil. 2006, 15:54

Re: Demande de précision terminologie sur les barres

Message par Anonyme1 »

Bonjour,

les différentes barres (sans codes css) : viewtopic.php?p=916224#p916224

@Freddy → merci :D
Les codes fonctionnent parfaitement.
J'ai juste ajouter:
Le code: Supprimer le liseret au dessus de l'onglet

Code : Tout sélectionner

/* Supprimer le liseret au dessus de l'onglet */
.tab-line {
display: none; }
/* fin Supprimer le liseret au dessus de l'onglet */
Le code: Barre personnelle cachée (afficher au passage de la souris)

Code : Tout sélectionner

/* Barre personnelle cachée (afficher au passage de la souris) */
#PersonalToolbar {
background: #F9F9FA !important;
font-family: Times, sans-serif !important;
font-size: 13px !important;
color: #000 !important;
height: 6px !important;
min-height: 6px !important;
max-height: 6px !important;
transition-duration: 1s !important;
padding:0;
z-index: 100 !important;
}
/* Barre personnelle affichée en hover */
#PersonalToolbar:hover{
background: #f9f9fa !important;
height: 43px !important;
min-height: 40px !important;
max-height:43px !important;
transition-duration: 1s !important;
padding: 2px 2px;
box-shadow: 1px 1px 2px #000 !important;
}
/* Fin Barre personnelle cachée (afficher au passage de la souris) */
Le code: Panneau latéral Marque-pages caché (afficher au passage de la souris)

Code : Tout sélectionner

/* Panneau latéral Marque-pages caché (afficher au passage de la souris) */

    #sidebar-box {
        overflow: hidden !important;
        min-width: 0px !important;
        max-width: [b]250[/b]px !important;
    }

:root {
  --sidebar-hover-width: 5px;
  --sidebar-visible-width: [b]250[/b]px;
}

#sidebar-box {
  position: relative !important;
  overflow-x: hidden !important;
  left: var(--sidebar-hover-width) !important;
  min-width: var(--sidebar-hover-width) !important;
  max-width: var(--sidebar-hover-width) !important;
  transition-duration: 2s !important;
}

#sidebar-box:hover {
  left: var(--sidebar-visible-width) !important;
  min-width: 300px !important;
  transition-duration: .0.1s !important;
}
/* fin Panneau latéral Marque-pages caché (afficher au passage de la souris) */
Ce qui donne avec tes codes:
Barre de titre (non afficher dans la personnalisation de Firefox
Barre de menu
Barre de navigation
Barre personnelle
Barre d'onglets

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

/* supprimer le liseret au dessus de l'onglet */
.tab-line {
display: none; }
/* fin supprimer le liseret au dessus de l'onglet */

/* Barre personnelle cachée (afficher au passage de la souris) */
#PersonalToolbar {
background: #F9F9FA !important;
font-family: Times, sans-serif !important;
font-size: 13px !important;
color: #000 !important;
height: 6px !important;
min-height: 6px !important;
max-height: 6px !important;
transition-duration: 1s !important;
padding:0;
z-index: 100 !important;
}
/* Barre personnelle affichée en hover */
#PersonalToolbar:hover{
background: #f9f9fa !important;
height: 43px !important;
min-height: 40px !important;
max-height:43px !important;
transition-duration: 1s !important;
padding: 2px 2px;
box-shadow: 1px 1px 2px #000 !important;
}
/* Fin Barre personnelle cachée (afficher au passage de la souris) */

/* Panneau latéral Marque-pages caché (afficher au passage de la souris) */

    #sidebar-box {
        overflow: hidden !important;
        min-width: 0px !important;
        max-width: [b]250[/b]px !important;
    }

:root {
  --sidebar-hover-width: 5px;
  --sidebar-visible-width: [b]250[/b]px;
}

#sidebar-box {
  position: relative !important;
  overflow-x: hidden !important;
  left: var(--sidebar-hover-width) !important;
  min-width: var(--sidebar-hover-width) !important;
  max-width: var(--sidebar-hover-width) !important;
  transition-duration: 2s !important;
}

#sidebar-box:hover {
  left: var(--sidebar-visible-width) !important;
  min-width: 300px !important;
  transition-duration: .0.1s !important;
}
/* fin Panneau latéral Marque-pages caché (afficher au passage de la souris) */
En plus:
- Revenir au look d'avant.
Le réglage dans about:config → browser.proton.enabled pour passer la valeur à false

- Faire la recherche avec le moteur de recherche au centre de la page.
Le réglage dans about:config → browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebarpour passer la valeur à false
A+ :wink:
Dernière modification par Anonyme1 le 05 juin 2021, 16:49, modifié 1 fois.
Haut
Avatar de l’utilisateur
lool_lauris
Animal mythique
Messages : 7186
Inscription : 14 mars 2008, 22:51

Re: Demande de précision terminologie sur les barres

Message par lool_lauris »

[modération]
Les posts de suni ont été déplacés vers cette nouvelle discussion.
[/modération]lool-lauris
.
Soutenez le Libre !

Image
Haut
Gloops
Tyrannosaurus Rex
Messages : 3816
Inscription : 22 mai 2006, 11:55

Re: Demande de précision terminologie sur les barres

Message par Gloops »

Bon, en y mettant chacun un peu du sien, on va y arriver.
Apparemment, avec la nouvelle version, il faut suivre, donc se serrer les coudes.
Haut
Répondre

Revenir à « Mozilla Firefox : le navigateur »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Bing [Bot], Google [Bot] et 14 invités