personnaliser Firefox avec le userChrome.css

Kadehar · Message par **Kadehar** » 14 sept. 2008, 17:31

Bonjour à tous!

Y a-t-il un endroit où je peux trouver un big récapitulatif de tous les noms, codes, qui composent le navigateur firefox?
Parce que je ne trouve qu'élément par élément et ça me bloque parfois dans mes actions vu que (par exemple) pour les boutons "back", "home", etc il faut qu'ils soient du même style. Or je n'ai aps trouvé comment modifier le bouton "next", "rafraichir", etc.

Merci beaucoup!

Kadé

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Y.J · Message par **Y.J** » 14 sept. 2008, 18:03

Salut à tous,

Je poste à la suite, une question posée ici
http://www.geckozone.org/forum/viewtopi ... 869#473869

Comment mettre en gras les dossiers de la barre perso ?

Merci.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Message par **nico@nc** » 14 sept. 2008, 18:37

Kadehar a écrit :Bonjour à tous!

Y a-t-il un endroit où je peux trouver un big récapitulatif de tous les noms, codes, qui composent le navigateur firefox?
Parce que je ne trouve qu'élément par élément et ça me bloque parfois dans mes actions vu que (par exemple) pour les boutons "back", "home", etc il faut qu'ils soient du même style. Or je n'ai aps trouvé comment modifier le bouton "next", "rafraichir", etc.

Merci beaucoup!

Kadé

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Avec l'inspecteur DOM, Fichier > Examiner le chrome d'un document puis bouton Choisir un noeud à examiner en cliquant dessus (premier bouton de la barre) et clic ! Tu récupère ensuite l'id (#truc) ou la class (.machin).

Il y a aussi un message sur l'inspecteur (par maître ottomar) dans ce topic, regarde l'index en page 1 pour le retrouver.

Kadehar · Message par **Kadehar** » 17 sept. 2008, 13:35

J'ai installé DOM inspector mais il n'y a aucun endroit où on sait voir le contenu proprement dit du navigateur firefox... Que dois-je faire?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Message par **nico@nc** » 17 sept. 2008, 14:08

nico@nc a écrit :Avec l'inspecteur DOM, Fichier > Examiner le chrome d'un document

(et tu choisis la bonne fenêtre de Firefox).

ottomar · Message par **ottomar** » 19 sept. 2008, 19:18

soir...

il y a un topic bien écrit par ottomar (merci Edith) sur l'utilisation du dom à la page une de ce post, merci pirlouy (Pirlouy ? mais c'est vrai que la casse, tu t'en fous, hin!

nan, je rigole...)
tercement, ça ne sert à rien d'avoir tous les codes, vu qu'il est bien difficile de savoir à quoi ils confluent !

ainsi que si je te le dis, que #aHTMLTooltip si t'as pas le nez dans les dents, que tu sais pas que c'est, donc fait bouillir le dom, il aime ça : tout ça, c'est pas vite, c'est patience

maintenant, ma prédication du 19 avril :

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.16) Gecko/20080702 Firefox/2.0.0.16

Edith : ting de chi de ordin, c'est pas PIrlouY, c'est nico@nc, merci nico, et rendons-te que ce te doit, mes excuses

pirlouy · Message par **pirlouy** » 20 sept. 2008, 01:04

ottomar a écrit :merci pirlouy (Pirlouy ? mais c'est vrai que la casse, tu t'en fous, hin! nan, je rigole...)

T'as tout compris !

Pour moi c'est pareil, et un système qui différencie pirlouy de Pirlouy, est un OS NUL. Jamais je n'utiliserais de système comme ça !

ottomar · Message par **ottomar** » 30 sept. 2008, 09:39

bon... m'enfin !IMPORTANT, c'est pas !important : ou l'un qui avec une grande bouche, ou l'autre qui cancoillotte...

saluts...

Code : Tout sélectionner

#bookmarksBarContent .bookmark-item[label="Gmail"] image
{
display: none !important;
}

Code : Tout sélectionner

#bookmarksBarContent .bookmark-item[label="Gmail"] label
{
background-image: url("/home/ottomar/bottom.png") !important;
width: 60px !important;
}

Code : Tout sélectionner

#bookmarksBarContent .bookmark-item[label="Gmail"] label
{
color: transparent !important;
}

Code : Tout sélectionner

#bookmarksBarContent .bookmark-item[label="Gmail"]
{
margin-top : -7px !important;
}

Code : Tout sélectionner

#PersonalToolbar
{
padding-top: 0 !important;
}

Code : Tout sélectionner

#history-button
{
-moz-image-region: auto !important; 
 	list-style-image: url("/home/ottomar/topleft.png") !important;
}

#bookmarks-button
{
-moz-image-region: auto !important; 
 	list-style-image: url("/home/ottomar/topright.png") !important;
}

Code : Tout sélectionner

#nav-bar
{
-moz-appearance:none !important;
max-height: 30px !important;
border-bottom: 0 !important;
}

☎ juste pour bloquer la hauteur de la barre à sa valeur d'origine : les boutons la poussent en hauteur s'il y a changement de marge (à connaitre avec le dom)

Code : Tout sélectionner

#history-button
{
margin-top: 5px !important;
}
#bookmarks-button
{
margin-top: 5px !important;
margin-left: -10px !important;
}

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.2) Gecko/2008091618 Firefox/3.0.2

Pastisman · Message par **Pastisman** » 30 sept. 2008, 10:11

Mortel ton FF, mais tu lis l'Huma

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.2; fr-FR; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3 ImageShackToolbar/5.0.0

ottomar · Message par **ottomar** » 30 sept. 2008, 10:30

je l'attendais ! nan, c'est mon dossier de news et de journaux, mes humanités !!) c'est d'ailleurs tous des dossiers au-dessus, mes pages les plus fréquentées, c'est les Toolbar Buttons dont tu peux changer la destination

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.2) Gecko/2008091618 Firefox/3.0.2

ottomar · Message par **ottomar** » 30 sept. 2008, 18:28

et je retire illico ce que j'ai dit de Pirlouy à propos de grâce, de vêpres et de fleurs dans le smiley !
Pirlouy, bordin ! le copy selector ! hein !

pas de stylish, pas de copy selector dans le dom !

c'est de vente forcée...

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.3) Gecko/2008092416 Firefox/3.0.3

pirlouy · Message par **pirlouy** » 30 sept. 2008, 18:54

héhé ! Stylish forever !

Sinon ton Firefox est dément (dans le sens "génial").

Comment tu fais pour avoir l'espèce de halo blanc autour de tes dossiers de marque-pages ? Je suppose que ce sont des images ?

ottomar · Message par **ottomar** » 30 sept. 2008, 20:12

merci, mais juste quelques laborieuses idées
la lueur ? gimp : les glow sur calques (menu filtres)

allez, au revoir !

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.3) Gecko/2008092416 Firefox/3.0.3

2.4.5 le gimp, (layers effects)
avec 2.2 c'était menu script.fu ou python.fu, sais plus

Edithé oune fouais pour un nonteux t en place d'une si belle esse

jpbardiau · Message par **jpbardiau** » 01 oct. 2008, 13:27

Bonjour,

j'ai installé le thème Gradient iCool mais les textes de la barre d'état apparaissaient blanc sur fond gris très clair; j'ai remédié en ajoutant ceci au userchrome.css :

Code : Tout sélectionner

#status-bar
{
   color: #000000 !important;
}

, le texte est bien en noir, mais ce que je voudrais c'est le texte blanc sur fond noir.
J'ai essayé ceci :

Code : Tout sélectionner

#status-bar
{
   color: #ffffff !important;
   background: #000000 !important;
}

et ceci :

Code : Tout sélectionner

#status-bar
{
   color: #ffffff !important;
   background-color: #000000 !important;
}

mais rien n'y fait, le texte est toujours blanc sur fond gris clair.
Où est l'erreur ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.3) Gecko/2008092416 Firefox/3.0.3

ottomar · Message par **ottomar** » 01 oct. 2008, 16:28

bonsoir jpbardiau

Code : Tout sélectionner

statusbarpanel
{
   color: #ffffff !important;
   background-color: #000000 !important;
}

si ça ne passe pas, rajoute un -moz-appearance: none !important;
étrange, je suis bien blanc sur gris/noir avec ce thème (zoli-zoli, d'ailleurs)

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.5) Gecko/20031007 Firebird/0.7

Geckozone

personnaliser Firefox avec le userChrome.css

Qui est en ligne