C'est vrai qu'en langage humain c'est plus long à décrire.
► Alors sinon, pour choisir l'affichage des barres en haut ou en bas, je sais pas si tu veux dire au moyen d'un genre de boite de dialogue où on coche soit l'une ou soit l'autre des deux options, mais ça je pense que ça dépasse la manipulation du CSS.
En revanche, comme tu utilises Stylish le même principe peut se faire:
en créant un style pour chaque cas, ensuite il suffit de décocher l'un et ensuite cocher l'autre, youpiii !!! \o/
Et donc ça peut se faire par exemple ( y aurait plusieurs solutions) comme ça:
→ Style pour les barres en haut ( faut que l'option "barre-onglet au-dessus" soit décochée)
Code : Tout sélectionner
/****** Barre en haut ******/
/*====== barre-Modules ======*/
#browser-bottombox
{ -moz-box-ordinal-group: 1 !important; }
/*====== toutes les barres ======*/
#navigator-toolbox
{ -moz-box-ordinal-group: 2 !important; }
/*--- barre-perso au-dessus ---*/
#PersonalToolbar
{ -moz-box-ordinal-group: 6 !important; }
/*====== fenêtre-page ======*/
#browser
{ -moz-box-ordinal-group: 3 !important; }
/***** Si toutefois "Barre-Onglet au-dessus" cochée *****/
/* mais normalement pas utile dans ton choix */
#titlebar[style="margin-bottom: -45px;"]
{ margin-bottom: 0 !important; }
#titlebar[style="margin-bottom: -45px;"] + #tab-view-deck > vbox #TabsToolbar
{
margin-left: -118px !important;
margin-right: -140px !important;
}
Par contre en effet, pour les barres en bas c'est possible de mettre la barre-titre aussi en bas, mais ça peut être un problème par rapport aux bouton-commandes de la fenêtre de Windows (en haut à droite). Ils seront cachés par la page pcq eux ils restent en haut, mais tout en restant actifs, ça risque peut-être de pas être pratique ???
Donc là j'ai laissé la barre-titre en haut (mais à toi de voir)
→ Style pour les barres en bas ( faut que l'option "barre-onglet au-dessus" soit décochée)
Code : Tout sélectionner
/****** Barre en bas ******/
/*======= fenêtre-page =======*/
#browser
{ -moz-box-ordinal-group: 2 !important; }
/*======= toutes les barres =======*/
#navigator-toolbox
{ -moz-box-ordinal-group: 3 !important; }
/*--- ordre des barres ---*/
#TabsToolbar
{ -moz-box-ordinal-group: 1 !important; }
#nav-bar,
#PersonalToolbar
{ -moz-box-ordinal-group: 2 !important; }
/*======= barre-Modules =======*/
#browser-bottombox
{ -moz-box-ordinal-group: 4 !important; }
Euh, pis sinon ça
j'ai pas bien saisilucette a écrit :-perso (qui s'ajoutent les unes au dessous des autres)
T'as plusieurs lignes pour la barre-perso ?
Si oui, ç'est avec une extension (laquelle) ?
Ou avec ce genre de code → http://www.geckozone.org/forum/viewtopi ... 4a#p616186
► Et 2° question:
D'après tes précédentes captures je pense que tu utilises le thème "Noia 4" (voir Noia Fox, mais je penche plus pour le premier), mais ta dernière capture me met le doute pcq j'ai pas tout capté...
Sinon j'avais bien saisi ton code, mais:
- de 1, je sais pas trop si c'est utile de traiter la zone de texte pour les onglets épinglés vu qu'il y en a pas justement pour les épinglés...
- de 2, si c'est une question de meilleure lisibilité je me demande si se serait pas mieux de faire autrement, pcq au final tu te retrouves avec des onglets pratiquement entièrement blancs, et du coup ça atténue pas mal la distinction entre l'onglet "actif" et les autres (et aussi le look du beau boulot de ce thème - mais ça c'est question de goût perso)
Est-ce qu'un truc dans ce genre ça t'irai pas ?
en plus en même temps ça résoudrait les trois points qui t'embête.
Voilà le code si tu veux essayer:
Code : Tout sélectionner
/*--- Onglet Actif ---*/
.tabbrowser-tab[selected="true"] .tab-text
{
text-shadow: white 2px 1px 1px, white -2px -1px 1px, white 2px -1px 1px !important
}
/*--- autres Onglets ---*/
.tabbrowser-tab:not([selected="true"]) .tab-text
{
color: white !important;
text-shadow: black 2px 2px 2px, black -2px -1px 2px !important;
}
/*--- Favicone ---*/
.tab-icon-image
{
opacity: 1 !important;
/*background: rgba(100%,100%,100%,0.7) !important; /*ajouter un fond*/
}
Et si tu veux ajouter un fond aux favicone tu supprime les /* devant /*background: rgba(100%,100%,100%,0.7) !important;
Je sais pas si tout est clair pour toi, pcq
moi j'sais même plus si tout est ok avec tout ces trucs, si ça se trouve c'est moi qui suis passer en mode "reverse"lucette a écrit :puisque tu as l'air de très bonne constitution