personnaliser Firefox avec le userChrome.css

[B!B!]

'lutations, j'ai cherché dans les méandres du topic, mais pas trouvé...

FF > Menu/Outils > Options > Onglet/Avancé

Ce dernier est un peu trop restreint en largeur, on ne voit plus très bien les bouton les plus à gauche dans les sous onglets Général et Sécurité.

Capture d'écran
Thème : Noia 2.0

Comment qu'on fait ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

[ottomar m'a cancoillotter]

salut, B!B!
euhhh... t'as pas du bien trop gratter dans le premier post du post-it : FENETRE DES OPTIONS, et c'est #BrowserPreferences qu'il faut manoeuvrer, la barbe à tribord !

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1

[Yoko]

T'a vut invité on peut le faire en plus poli:

Code : Tout sélectionner

#BrowserPreferences
{
width: 110% !important;
}

Je pense que les pourcentages fonctionnent sinon tu remplace 110% par 2000px et tu teste jusqu'à la taille souhaitée (faut redémarrer Firefox à chaque fois=.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.4) Gecko/20060602 Firefox/1.5.0.4 (Swiftfox)

[B!B!]

Non, je ne crois pas que les pixels fonctionnent. Ce sont les "em" qu'il faut utiliser.

En tout cas ca marche avec moi

Code : Tout sélectionner

/* === FENETRE OPTIONS === */
/* Dimensions */ 
#BrowserPreferences 
{ 
   width: 58em !important; 
   height: 30em !important; 
}

Mais merci quand même...
A bientôt.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

[ottomar]

T'as vu invité on peut le faire en plus poli:

euhhh.... l'invité, c'était moi, mon cookie avait encore fait cancoillotte, j'étais urgenté et j'ai oublié le smiley qui pête bien
tu m'as déjà lu ronchon ?

tout ça pour dire que dans la 2.0, la fenêtre des préfèrences tiendra (enfin) le redimensionnement

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

[Yoko]

Désolé mais t'étais difficilement reconnaissable. Habituellement tu donne la solution complète entre les zolis balises

Code : Tout sélectionner

, tu a toujours un trais d'humour et tout et tout.
Donc ne le prend pas mal j'ai juste voulut donner la réponse au moins avec ton niveau technique habituel :lol: 

Tien au fait c'est quoi déjà les "em" comme unités?

[size=75]Message envoyé avec : [color=olive]Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.4) Gecko/20060602 Firefox/1.5.0.4 (Swiftfox)[/color][/size]

[B!B!]

Désolé mais t'étais difficilement reconnaissable. Habituellement tu donne la solution complète entre les zolis balises "

Code : Tout sélectionner

", tu a toujours un [b]trait d'humour[/b] et tout et tout.[/quote]

[quote="invité"]la barbe à tribord ![/quote]

Désolé, moi je l'avais reconnu, même si ça ne fait que 3 jours que je suis sur ce forum  :mrgreen:

[ottomar]

bon, la barre à babord !
em : c'est la hauteur de ligne (line-height)

Edith : apparemment plutôt la font-size (j'ai vu line-height, mais je ne sais plus où)

one em is equal to the current font size of the current element

Edith : un trés bon site css
http://www.w3schools.com/css/default.asp
les unités sont ici

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1

[calimo]

me faire ça un soir de cochon de lait...

Code : Tout sélectionner

#toolbar-menubar
{
-moz-appearance: none !important;
   	background-color: red !important;
   	background-image: none !important;
}

Merci Ottomar, même si je n'ai pas nécessairement saisi l'allusion au cochon de lait, c'était bien ce -moz-appearance qui provoquait le chargement des données système

Au final, j'ai retenu ça :

Code : Tout sélectionner

#toolbar-menubar {
	-moz-appearance: none !important;
	border-bottom: 1px solid #cec3b5;
	padding: 1px 1px 0px;
}

qui joue exactement avec le positionnement que j'avais avant, mais avec une plus jolie couleur
(au passage il faudra carrément que je corrige ça dans le thème GTK )

Edith : un trés bon site css
http://www.w3schools.com/css/default.asp
les unités sont iciMais plein d'approximations
1pt c'est beaucoup plus compliqué qu'1/72in

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060508 Firefox Firefox/1.5.0.4

[elemiah]

hover sur les onglets

quand vous avez quelques onglets ouverts,
ça donne ça :
[...]

Code : Tout sélectionner

tab[selected="true"] 
{
min-width: 400px !important;
}
tab:not([selected="true"]):hover 
{
min-width: 400px !important;
}

ça donne ça :
[...]

pas de quoi se faire mal au rognon de la tête, hein ?
et là on ne me dira pas : babelaire !

Pas mal ; et très pratique.

Est t'il possible de faire la même chose, mais sans imposer de taille a l'onglet ? En gros, si le titre est plutot court, l'onglet n'utilise que l'espace minimum qui permet d'afficher l'onglet.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1

[ottomar]

calimo : le porcinet était grillé, ottomar aussi !

elemiah : grillé aussi, le width:auto sur les onglets, c'est bien domm'âge, c'est ce que fait si bien tabmixplus

coucou : grillé aussi, cui-cui et archi-cuit le mode coucou sur la barre de recherche : c'est un truc tout neuf, complètement refondu, l'icône du moteur sert d'indicateur de moteur, le loupe sert d'accés à l'url du moteur et le basculeur ouvre la liste des moteurs. L'imbrication des noeuds est nouvelle et impressionnante. Jetez l'oeil ! c'est dans l'ordre



on n'arrive bien (!) mais mal, essayé aussi avec des display none, -moz-box et hover, le tout n'est pas 'agréable' ni vraiment fonctionnel, je rends les armes, demain est un autre jour.

à propos de points et de 1/72e d'inch :
l'échelle de Scoville en points (prononcez à l'anglaise)
piment doux : 0
piment d'espelette : 1500
piment de cayenne : 50000
piment oiseau : 80000
piment antillais : 300000
dans le chili exclusif ottomar, piment oiseau : ça grille

si vous voulez vous y retrouvez dans ces pages, commencez par la page... 1 du post-it, l'index (!) est à jour !

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1

[édith]

quelques jaretelles d'abord :
c'est vrai que le chili con carne de mon ottomar, c'est quelque chose !
c'est vrai que mon ottomar quand il est en mode coucou, c'est pas si mal !

plus sérieusement, ce qui le gêne dans ce mode coucou-là, c'est que la barre se replie quand vous cliquez sur le dropmarker (la petite flèche vers le bas) pour afficher les moteurs de recherche, ça bouge un coup de trop, mais faut pas éxagérer, si vous ne changez pas de moteur à tout bout de champ, c'est supportable et 'agréable' comme il dit, mon ottomar, surtout si vous la mettez à la droite de votre barre d'outils et dans le code, si vous ne mettez pas le max-width avant hover à 0
donc tout simplement :

Code : Tout sélectionner

#search-container
{
max-width: 70px !important;
min-width: 70px !important;
}
#search-container:hover
{
max-width: 240px !important;
min-width: 240px !important;
}

pour changer l'apparence du dropmarker :

Code : Tout sélectionner

#searchbar .menubutton-dropmarker-icon
{
-moz-appearance: none !important;
list-style-image: url("/home/ottomar/icones/TuxnTosh/16x16/apps/gnome-run.png") !important;
}

pour changer l'apparence de la loupe

Code : Tout sélectionner

#searchbar .toolbarbutton-icon
{
-moz-appearance: none !important;
list-style-image: url("/home/ottomar/icones/TuxnTosh/16x16/apps/gnome-run.png") !important;
}

en tous cas, les ovaires me démangent, normal à mon âge !! et mon p'tit doigt aussi, ça, c'est que du bon :
mon p'tit doigt m'a dit :

Code : Tout sélectionner

/* ====== MON PETIT DOIGT M'A DIT ====== */
/* pour que ça marche sur les onglets */
tab .tab-text,
/* pour que ça marche sur les marque-pages */
.bookmark-item
{
cursor:url("data:image/x-icon;base64,AAACAAEAICAQAAcAAADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAgAIAAAAAAAAAAAAAEAAAABAAAAAAAAAAAACAAACAAAAAgIAAgAAAAIAAgACAgAAAgICAAMDAwAAAAP8AAP8AAAD%2F%2FwD%2FAAAA%2FwD%2FAP%2F%2FAAD%2F%2F%2F8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD%2F%2F%2F8AAAAAAAAAAAAAAAAA%2F%2F%2F%2FAAAAAAAAAAAAAAAAD%2F%2F%2F%2F%2FAAAAAAAAAAAAAAAP%2F%2F%2F%2F%2F%2FAAAAAAAAAAAAAA%2F%2F%2F%2F%2F%2F%2FwAAAAAAAAAAAAAP%2F%2F%2F%2F%2F%2F%2FwAAAAAAAAAAAA%2F%2F%2F%2F%2F%2F%2F%2F8AAAAAAAAAAAD%2F%2F%2F%2F%2F%2F%2F%2F%2FAAAAAAAAAAAP%2Fw%2F%2F%2F%2F%2F%2F%2FwAAAAAAAAAAD%2FAP%2F%2F%2F%2F%2F%2F8AAAAAAAAAAAAAD%2FD%2FD%2FD%2FAAAAAAAAAAAAAA%2Fw%2Fw%2Fw%2FwAAAAAAAAAAAAAP8P8P8AAAAAAAAAAAAAAAD%2FAAAAAAAAAAAAAAAAAAAA%2FwAAAAAAAAAAAAAAAAAAAP8AAAAAAAAAAAAAAAAAAAD%2FAAAAAAAAAAAAAAAAAAAA%2FwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FgH%2F%2F%2F4B%2F%2F%2F8AP%2F%2F%2BAB%2F%2F%2FAAf%2F%2FwAD%2F%2F4AA%2F%2F8AAP%2F%2BAAD%2F%2FgAA%2F%2F8gAP%2F%2F4AD%2F%2F%2BAB%2F%2F%2FgT%2F%2F%2F4f%2F%2F%2F%2BH%2F%2F%2F%2Fh%2F%2F%2F%2F4f%2F%2F%2F%2FP%2F%2F%2Fw%3D%3D"),pointer !important;
}
/* pour exclure l'onglet sélectionné */
tab[selected="true"] .tab-text,
/* pour exclure les dossiers de marque-pages */
.bookmark-item[container="true"]
{
cursor: default !important;
}
/* === /// MON PETIT DOIGT M'A DIT ====== */

bien coller tout le code, attention à celui de l'image qui doit être complet-complet !

ça change le curseur en p'tite mimine sur les onglets (sauf l'actif) et sur les marque-pages (sauf les dossiers marque-pages (encore une indication pour ne pas cliquer milieu sur les susse-dits dossiers(vous savez bien quand vous faites ouvrir 72 onglets d'un coup)))
facile ! c'est coucou, tu l'as vu mon p'tit doigt, coucou, tu l'as pas vu ?
c'est pompé-amélioré de userstyles.org

les valeurs css de cursor : http://wiki.media-box.net/documentation/css/cursor

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1

si vous voulez vous y retrouvez dans ces pages, commencez par la page... 1 du post-it, l'index (!) est à jour !

[Yoko]

Code : Tout sélectionner

/* Passage de la souris sur un onglet (hover) */
/* Ou une image (background-color) */

tab:hover
{
background-image: url("http://www.sf-fan.de/sf-buch/interview/thiemeyer/25-800x600.jpg") !important;
color: white !important;
}

Pourquoi ça marche pas?
Avec Firefox 2.0 beta

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1

[ottomar]

salut, Yoko
il faut que tu rendes le .tab-text de l'onglet transparent avant

Code : Tout sélectionner

tab:hover .tab-text
{
-moz-appearance: none !important;
background-image: none !important;
background-color: transparent !important;
}
tab:hover
{
-moz-appearance: none !important;
background-image: url("http://www.sf-fan.de/sf-buch/interview/thiemeyer/25-800x600.jpg") !important;
color: white !important;
}

l'ennui avec de grandes et belles images comme ça est que ça se calle en 0;0, donc l'onglet est... noir-gris
mais tu sais caler, hein ?

Edith : tu l'as sors d'où, ta b1 ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1

[Yoko]

Ok merci

T'inquiète pas pour l'image c'est juste pour les tests maintenant si ça marche (pas encore tenté) je me la crée avec the gimp. Et oui le positionnement je commence à connaître.

Si non ma version je crois que c'était sur un server ftp de mozilla (j'avais trouvé le lien sur le forum) pourquoi ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1