[Résolu] barre personnelle au-dessus de la barre navigation

[lucette]

est-ce possible et si oui, comment?

bonjour, et merci d'avance

[Bob49]

Bonjour

Un peu vague ! Qu'elle barre as-tu envie ?..


Si c'est pour une barre personnelle en plus, à lire : http://www.geckozone.org/forum/viewtopi ... 96#p614896

[lucette]

vivi, c'est bien pour une barre personnelle mais au-dessus de la barre de navigation...

[edit] : pas spécialement en plus, mais au dessus

[Freddy]

Bonjour,

vi c'est possible

En mettant ce code dans le fichier userChrome.css (ou en passant par "Stylish")

Code : Tout sélectionner

#navigator-toolbox
{
  -moz-appearance: none !important;
  -moz-box-direction: reverse !important; 
}

Remarque: du coup il faut résonner à l'inverse pour la sélection de l'option "Barre des onglets au-dessus".

[lucette]

bon, ben j'y suis arrivé avec stylish et

Code : Tout sélectionner

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#PersonalToolbar {
	-moz-box-ordinal-group: 6 !important;
}

mais il y a sans doute mieux...ou plus simple? non???

[lucette]

bonjour,

si, par peur ne pas y arriver, vous n'osiez pas utiliser stylish, n'hésitez plus, c'est super simple :

on va prendre quelqu'un qui veut afficher la barre personnelle au-dessus des autre (c'est un exemple au hasard, hein ) :

il faut :
1 installer stylish (c'est en français)
2 trouver le code qui correspond au changement d’apparence que l'on veut appliquer, il y a plusieurs endroits :

===> userstyles.org, par exemple (ils en ont aussi pour Thunderbird), là, pour le coup c'est anglais si quelqu’un a une adresse plus facile d'accès...

===> geckozone : welcome to ze Ottomar's world!

===> d'autres???

#(pour ceux qui veulent comprendre comment fonctionne ce code : la p'tite initiation de Freddy, merci! )

pour notre exemple (barre perso en haut), userstyles.org donne :

Code : Tout sélectionner

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#PersonalToolbar {
	-moz-box-ordinal-group: 6 !important;
}

3 une fois qu'on a le code, c'est facile, il suffit de copier ce code ,d'aller dans les options de stylish (outils/modules complémentaires/styles utilisateurs), de cliquer sur "créer un nouveau style", et de le coller dans la fenêtre qui vient de s'ouvrir :


et c'est fini...

ou, aussi, piquer le code de freddy, (perso, c'est ce que j'ai fait )merci encore

Code : Tout sélectionner

#navigator-toolbox
{
  -moz-appearance: none !important;
  -moz-box-direction: reverse !important;
}

Le bon code c'est celui qui va bien, qui fait ce que tu souhaites avoir
Ici, les deux fonctionnent.
La ptite différence apparemment, c'est si on veut la barre-onglet placée au-dessus → avec ta solution elle sera entre la barre-perso et la barre-navigation, alors qu'avec mon code les onglets seront bien au-dessus de toutes les autres.
Pour avoir le même résultat avec ta solution, tu peux modifier la valeur par exemple:

Code : Tout sélectionner

    #PersonalToolbar {
       -moz-box-ordinal-group: 10 !important;
    }

Mais sinon les deux sont bon si tu affiches les onglets en bas.

et valààà...

[lucette]

oups, bonjour et désolé Freddy, ch'uis passé à côté de ton message, merci bcp...

mais alors...c'est quoi le bon code???

merci...

[Freddy]

Le bon code c'est celui qui va bien, qui fait ce que tu souhaites avoir

Ici, les deux fonctionnent.
La ptite différence apparemment, c'est si on veut la barre-onglet placée au-dessus → avec ta solution elle sera entre la barre-perso et la barre-navigation, alors qu'avec mon code les onglets seront bien au-dessus de toutes les autres.
Pour avoir le même résultat avec ta solution, tu peux modifier la valeur par exemple:

Code : Tout sélectionner

#PersonalToolbar {
   -moz-box-ordinal-group: 10 !important;
}

Mais sinon les deux sont bon si tu affiches les onglets en bas.

[lucette]

bonjour,

ok, merci bcp

mais alors, si je la veux tout en bas? y'a juste à changer le chiffre, c'est lui qui fait tout?

et -moz-box-ordinal-group, ça veut dire quoi, en humain...

merci...

[Freddy]

C'est malheureusement pas si simple
En fait, en gros, la fenêtre de Firefox est construite comme ça:
►Fenêtre principale
   → une zone "barre de titre".
   → une zone pour les différentes barres.
   → une zone pour la fenêtre affichant les pages internet.
   → une zone pour la barre des modules et de recherche instantanée (dans la page affichée)

Une zone peut aussi s'appeler un cadre, un contenu, un bloc, une boite, bref in english → "box".
Chacune contenant à son tour plusieurs "cadres", se sont des élément-"enfants"; par exemple le cadre des barres (élément-parent) contient les élément-enfants suivant:
- le cadre pour la barre des menus
- le cadre pour la barre de navigation
- le cadre pour la barre personnelle
- le cadre pour la barre d'onglet

Et chaque zone/cadre de barre contient lui aussi d'autres cadres, un cadre ou bloc pour chaque élément qui s'y trouve; par exemple le cadre pour la barre de navigation contient:
- un bloc pour chaque bouton
- un bloc pour la barre d'adresse
- un bloc pour la barre de recherche

etc...

Et donc la propriété "-moz-box-ordinal-group" permet de spécifier l'ordre d'affichage des élément-enfants d'une boîte. Et les éléments d'une valeur inférieure sont affichés avant ceux qui ont une valeur plus élevée.
Donc pour ton exemple, la barre-perso est un élément-enfant faisant partie du cadre des barres (élément-parent) ,et la propriété "-moz-box-ordinal-group" ne peut intervenir que pour l'ordre des élément-enfants de cette zone-parent:

►Fenêtre principale
   → une zone "barre de titre".
   → une zone pour les différentes barres.
      - la barre des menus
      - la barre de navigation
      - la barre personnelle
      - la barre d'onglet
   → une zone pour la fenêtre affichant les pages internet.
   → une zone pour la barre des modules et de recherche instantanée (dans la page affichée)

ainsi, même en indiquant

Code : Tout sélectionner

#PersonalToolbar {
   -moz-box-ordinal-group: 1000000000000000 !important;
}

elle ne se retrouvera pas en-dessous de la barre des modules



Pour la placer tout en bas (de la fenêtre je suppose) et elle seule (sans les autres barres, je suppose aussi d'après ce que je comprend), ça peut se faire par exemple comme ça:

Code : Tout sélectionner

/*====== remonter le bas de la fenetre 
pour créer un espace pour l'emplacement de la barre-perso ====*/
#browser-bottombox
{ margin-bottom: 24px !important; }


/*====== Positionner la barre-perso tout en bas ======*/
#PersonalToolbar
{ 
 position: fixed !important;
bottom: 0px !important;
width: 100% !important;
 }

#personal-bookmarks
{ width: 100% !important; }

A moins que ce soit pas ça que tu veux...

[Blogus]

Bravo pour l'explication....

[Bob49]

Bonjour

Bravo pour l'explication....

+1

[lucette]

bonjour,

Bonjour

Bravo pour l'explication....

+1

+1 (faudra plusieurs relectures... )

la placer tout en bas (de la fenêtre je suppose) et elle seule (sans les autres barres, je suppose aussi d'après ce que je comprend)
A moins que ce soit pas ça que tu veux...

bah, c'était pour l'exemple, mèbon, puisque tu as l'air de très bonne constitution, est-il possible (et comment) de choisir :
-l'affichage des barres toutes en haut ou toutes en bas
-+l'ordre des barres
-+inverser cet ordre (selon si elles sont en bas ou en haut) :
je choisi en haut :
(de haut en bas)
-titre
-statut
-perso (qui s'ajoutent les unes par dessus les autres)
-navigation
-onglets
ou
je choisi en bas (ben, l'inverse) :
(toujours de haut en bas)
-onglets
-navigation
-perso (qui s'ajoutent les unes au dessous des autres)
-statut
-titre (euuuh, la moins sur???)

en gros, ou toutes les barres en haut, ou toutes les barres en bas, mais en inversant l'ordre des barres selon si elles sont en haut ou en bas

et aussi,
(pis après je vais m'arrêter là, ou aller voir du côté Ottomar de la force, paske vous allez voir, si l'élagueur jpj passe par là, avec sa tronçonneuse quadricœur ) :

on m'a donné j'ai crée personnellement moi-même tout seul, ça :

Code : Tout sélectionner

[list]/*start*/
.tabbrowser-tab:not([pinned]) .tab-text,
.tabbrowser-tab[selected=true][pinned] .tab-text {
-moz-border-radius: 12px !important;
background: white !important;
border: 2px solid !important;
-moz-border-top-colors: #3F70A0 #5B84AD !important;
-moz-border-right-colors: #3F70A0 #5B84AD !important;
-moz-border-bottom-colors: #3F70A0 #5B84AD !important;
-moz-border-left-colors: #3F70A0 #5B84AD !important;
padding-left:3px !important;
/*margin-top: -10px !important;/*for tab height like org tabs*/
/*margin-bottom: -1px !important;/*for tab height like org tabs*/
text-align:center;
font-size:100%;/*change/romove how you like*/
}
/*end*/[/list]

pour avoir dans les onglets une zone de texte blanches
est-il possible et (comment, again ):
-de réduire la hauteur de cette zone sans toucher à la hauteur des onglets
-d'intégrer le favicône à cette zone blanche (avec des onglets de couleurs, certains disparaissent)
-d'ajuster automatiquement la largeur de cette zone à la taille du titre de la page

le gars qui me l'a donné m'a dit que c'est impossible
en réfléchissant, je me suis dis que c'est peut-être impossible...

tu/vous en pense-s/ez quoi?

grand merci pour tout

[Bob49]

Bonjour

Je comprends pas vraiment ton explication ! et je n'ai pas trouver ce que pouvait modifier ton code..

En image serait plus compréhensible

[lucette]

hello,

Je comprends pas vraiment ton explication

c'est normal, chaque fois que je me relis...ça me fait pareil

merci...