[Résolu] V65 et barre d'onglets sous la barre d'adresse

[Robert Mitchum]

Bonjour à tous

Plusieurs sujets déjà sur les Css de positionnement des barres diverses.
Mais ... Sous Windows (7), aucun des codes proposés (merci aux contributeurs) ne positionne tout simplement la barre d'onglets sous la barre d'adresse, sans toucher au reste.
Le code donné par Bob49 ne fonctionne plus en v65 :

--------------------------------------
@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul");

#TabsToolbar
{ -moz-box-ordinal-group: 10000 !important; margin-top: -1px !important; }
--------------------------------------

Si une âme charitable pouvait donner la solution, je pense qu'elle rendrait un grand service à la communauté

Merci, bonne journée

[Cucurbitacé]

Bonjour Robert Mitchum,

En tentant de lire tous les sujets qui concernent les userscript sur github, j’étais tombé là-dessus, une personne qui a l’air de tout répertorier pour le css : https://github.com/Aris-t2/CustomCSSfor ... lassic/css ; dans l'onglet Issue, il semble y a voir une discussion là-dessus.

Et ici faire du css pour la version 65 de Firefox : https://github.com/Aris-t2/CustomCSSfor ... r_fx65.css

Si j’ai bien compris, ils semble qu’ils disent qu’il faille écrire comme ça :

}
#TabsToolbar { /* tabs bar */

Bien à vous.

[Bob49]

Bonjour Robert

Freddy donne de nouveaux codes, hier :viewtopic.php?f=5&t=135747#p880555

[jcganeau]

Bonjour,
Firefox considère toutes les connexions non sécurisées et je dois à chaque fois ajouter une exception, voire répéter la séquence, pour chaque site. C'est usant à la longue, je me demande si je ne vais pas abandonner Firefox à regret (Edge est moins pointilleux, pour ne pas dire capricieux)

[Agent virtuel]

Bonjour

Peut-être est-il mieux d'ouvrir un Nouveau sujet

Bonjour,
Firefox considère toutes les connexions non sécurisées et je dois à chaque fois ajouter une exception, voire répéter la séquence, pour chaque site. C'est usant à la longue, je me demande si je ne vais pas abandonner Firefox à regret (Edge est moins pointilleux, pour ne pas dire capricieux)

Éventuellement

Permettez-moi une parenthèse information complémentaire

Illustration
https://support.kaspersky.com/fr/common/safemoney/12489
viewtopic.php?f=5&t=140106

Autre éditeur du logiciel de protection de l'ordinateur
viewtopic.php?f=5&t=140001

Et vous ? éventuellement

Quel est votre éditeur du logiciel de protection de l'ordinateur

[Robert Mitchum]

Merci de vos réponses

En effet Bob, j'ai copié/collé les codes Css de Freddy, c'est ok, mais la barre de menus est noire et les menus sont visibles au survol de souris...

Freddy (ou autre surdoué ) te serait-il possible à de pondre juste un mini-code Css pour simplement permuter barre d'adresse et barre d'onglets ?

1 - barre de titre (standard, paramétrable dans options)
2 - barre de menus (standard, paramétrable dans options)
3 - barre d'adresse
4 - barre d'onglets

Mille mercis

Bonne journée

(PS: @Cucurbitacé : copié/collé également le code de Gifthub, c'est une catastrophe...)

[Freddy]

Bonjour,

En fait ma proposition correspond déjà à ça sauf que effectivement la barre de menu n'apparait que sur demande par le survol-souris, et en mode fenêtre maximisée seulement, histoire de gagner de la place.
Pour sa couleur il suffit de changer la valeur de 'background-color', et pour changer la couleur du texte, avec 'color: valeur'.

Sinon, pour ceux qui veulent avoir ça de façon "standard" (et avec barre de titre ou non), voilà qui devrait faire l'affaire:

Code : Tout sélectionner

/******* à partir de Fx65 *******/

/*===================== barre MENU en haut =======================*/
/*!!!!! barre de titre désactivée !!!!!*/
/*** fenêtre maxi ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: 8px !important;
}

/*** fenêtre redimentionnable ***/ 
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
}


/*!!!!! barre de titre active !!!!!*/
#main-window:not([tabsintitlebar]) #toolbar-menubar {
  position: fixed !important;
  top: 0px !important;
}

/* ajuster position verticale barre d'outils */
#main-window:not([tabsintitlebar]) > #navigator-toolbox {
  margin-top: 20px !important; 
}

/*================== FIN barre menu en haut ====================*/





/*==================== barre ONGLET dessous ===================*/
#titlebar { -moz-box-ordinal-group: 3 !important; 
}
/*** réduire l'espace avec barre perso ***/

/* règle en fenêtre maxi utile seulement pour windows */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar {
  -moz-appearance: -moz-window-titlebar !important;
}


:root[extradragspace][tabsintitlebar]:not([inFullscreen]) {
	--space-above-tabbar: -10px !important;
}



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

#main-window[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
  margin-top: 20px; 
}


/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/*sans thème (fenêtre redimentionnable)*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:not(:-moz-lwtheme) > #titlebar  .titlebar-buttonbox-container{
  display: none
}
/*avec thème*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:-moz-lwtheme > #titlebar  .titlebar-buttonbox-container{
  position: fixed !important; 
  top: 0; right: 0; margin-top: -15px; 
}

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


/*** ajuster position horizontale barre d'onglets ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-right: -40px; 
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-left: -40px; margin-right: -40px; 
}

/*======================= FIN barre onglet dessous ==========================*/

serait-il possible à de pondre juste un mini-code Css pour simplement permuter barre d'adresse et barre d'onglets ?

désolé pour le mini-code, mais la nouvelle config oblige quelque ajustements au niveau des marges des barres dû au décalage provoqué par l'encombrement des boutons de commande de la fenêtre (en haut-droite).
Et le réglage de la barre d'onglets tient compte aussi des boutons qui apparaissent quand on utilise un grand nombre d'onglets.

[Robert Mitchum]

Freddy, tu es un génie (ça rime câlisse)

Tu vas faire bien des heureux ... merci, merci et merci !

Bonne journée

[aphrodyte]

Bonjour Freddy,

Tout est redevenu nickel chez moi grâce à ton mini-code, sauf 1 chose :
Mes onglets se trouvent au-dessus de ma barre personnelle, alors qu'avant ils étaient en-dessous (juste au-dessus des fenêtres ouvertes).
Aurais-tu une solution ? Car j'ai passé la journée à essayer toutes les config possibles pour le .css et rien n'y fait !
J'attends ta réponse avec impatience. Il semble que tu sois faiseur de miracles......

J'AI TROUVÉ: :
Il suffit de remplacer le chiffre "3" par "100" à la ligne ci-dessous:
/*==================== barre ONGLET dessous ===================*/
#titlebar { -moz-box-ordinal-group: 100 !important;
}

[Homie]

Merci Freddy !! Super.

Par contre impossible de bouger la fenêtre (faut cliquer dans un espace vierge de la barre de recherche pour pouvoir la bouger...)

[Freddy]

Merci Freddy !! Super.

Par contre impossible de bouger la fenêtre (faut cliquer dans un espace vierge de la barre de recherche pour pouvoir la bouger...)

Oui j'en ai parlé ici.
Après si c'est pas trop pratique ou facile de trouver un espace dans cette barre, c'est aussi possible à droite de la barre d'onglets quand y en a pas trop d'ouverts, et si la barre est rempli peut y avoir la solution d'en créer un (espace), comme c'est le cas si la barre de menu n'est pas activée.

Je mets juste la partie du code qui change, c'est à la fin de mon code précédent, juste après

/*** ajuster position horizontale barre d'onglets ***/
/* fenêtre maximisée */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
margin-right: -40px;
}

Code : Tout sélectionner

/* fenêtre redimentionnable SANS barre de menu */
/* créer un espace à droite des onglets pour glisser la fenêtre */
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-left: -40px; margin-right: 40px; 
}

/* fenêtre redimentionnable AVEC barre de menu */
/* créer un espace à droite des onglets pour glisser la fenêtre */
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar + #TabsToolbar {
  margin-left: 0px; margin-right: 70px; 
}

Après, bien sûr chacun choisi ses valeurs, tout comme le choix d'en créer un plutôt à gauche, voir des deux côté (comme quand la barre de menu n'est pas activée.

edit: voir la modif qui permet de retrouver le comportement équivalent à la barre de titre dans ce post viewtopic.php?p=881665#p881665

[travesdf]

J'ai un problème avec le code, il me permet bien d'avoir ma barre d'onglet en dessous de ma barre d'adresse mais les Boutons "réduire" "agrandir" fermer" se retrouve a moitié visible ou bien quand je fait agrandir disparaisse tout simplement.

[Freddy]

Je pense qu'il faut que tu change de valeur pour la propriété "top:" concernant les règles suivantes

/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre ***/
/*sans thème (fenêtre redimentionnable)*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:not(:-moz-lwtheme) > #titlebar .titlebar-buttonbox-container{
display: none
}
/*avec thème*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:-moz-lwtheme > #titlebar .titlebar-buttonbox-container{
position: fixed !important;
top: 0; right: 0; margin-top: -15px;
}

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

J'en profite pour préciser que je me suis un peu compliqué la vie, mais bon ça arrive quand on bricole une modif, le "margin-top:" n'est pas nécessaire, il suffit d'agir sur la valeur de "top:"
Du coup ça deviendrait plus simplement ça:

Code : Tout sélectionner

/*avec thème*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:-moz-lwtheme > #titlebar  .titlebar-buttonbox-container{
  position: fixed !important; 
  top: -15px; right: 0; /*margin-top: -15px; */
}

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

Bref, je peux pas te dire de combien, mais je dirai qu'il faut augmenter sa valeur (dans le positif).
Après ce qui me parait bizarre c'est que c'est plutôt les boutons qui remontent plutôt que la zone de recouvrement
Mais c'est ptêt dû à ton OS, car mes test sont sur w7...