personnaliser Firefox avec le userChrome.css

[ottomar]

va voir dans le haut, c'est expliqué (sélection ou je sais plus trop quoi) mais c'est dedans, à mettre après

[Bluedreams]

Oki trouvé !

[ottomar]

encore une histoire de boutons et c'est fini pour les boutons, après vous vous débrouillez avec le DOMINspector pour trouver les 'id' et 'classe' des boutons !!! ben... je vais tout de même pas faire tout le tout du panda !
on revient aux boutons des options pour y coller une image (aussi)

Code : Tout sélectionner

* les boutons de la barre de commande des options */
#BrowserPreferences .prefWindow-dlgbuttons .dialog-button[label="Annuler"] .box-inherit
{
list-style-image: url("file:///D:/images/x_flore32.png") !important;
}
#BrowserPreferences .prefWindow-dlgbuttons .dialog-button[label="OK"] .box-inherit
{
list-style-image: url("file:///D:/images/chat_myahoo32.png");
}
#BrowserPreferences .prefWindow-dlgbuttons .dialog-button[label="Aide"] .box-inherit
{
list-style-image: url("file:///D:/images/baudet_mori32.png");
}

ça peut donner ça



vous pouvez faire aussi un effet passage souris avec :hover, comme ça

Code : Tout sélectionner

#BrowserPreferences .prefWindow-dlgbuttons .dialog-button[label="Aide"]:hover .box-inherit
{
list-style-image: url("file:///D:/images/baudet_mori32_hover.png");
}

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

[Flore]

J'adore

[Jim]

Attends avant de dire cela Flore...
Il n'a pas encore parlé sur ce sujet de l'effet hover
Mais l'a evoque sur un autre sujet

[Flore]

Voui, j'ai vu
Allez, un jour j'enlèverai le pingouin (de toutes façons, je ne m'en sers plus, alors)

[ottomar]

clin d'oeil à fredorn
ma première traduction d'extension

je vous fais grâce du code...

[ottomar]

Au départ, il y avait deux trous à nos boutons. Un génial inventeur de Quimper imagina le bouton à quatre trous.


le bouton à quatre trous de firefox, c'est le bouton retour page précédente: 4 aspects, normal(actif), hover(passage souris), down(appui dessus), disabled(désactivé). L'idéal est un bouton multiple à 4 images, plutôt que 4 images

actif, désactivé, hover, down, 4x40x40px

Code : Tout sélectionner

/* le back-button */
#back-button 
{
	list-style-image: url("file:///D:/images/FF_back.png") !important;
	-moz-image-region: rect(0px, 40px, 40px, 0px) !important;
	margin-top: -4px !important;
}
#back-button[buttonover="true"] 
{
	-moz-image-region: rect(0px, 120px, 40px, 80px) !important;
}
#back-button[buttondown="true"]
{
	-moz-image-region: rect(0px, 160px, 40px, 120px) !important;
}
#back-button[disabled="true"] 
{
	-moz-image-region: rect(0px, 80px, 40px, 40px) !important;
}

Dans cet ordre! normal, hover, down, disabled sinon vous aurez des problèmes avec le disabled
Vous n'avez besoin de déclarer qu'une fois l'image, vous déclarez ensuite la position dans l'image
Comment ça marche? j'ai mis le temps pour comprendre!
Dans l'ordre: l'ordonnée, l'abscisse de fin, la largeur, l'abscisse de début
abscisse: coordonnée horizontale servant à déterminer un point dans un plan
ordonnée: coordonnée verticale servant à déterminer un point dans un plan

bien sur, idem pour le #forward-button de page suivante
---
[aparté]rêve-je ou rêve-je pas ? j'ai du rêver les quinquets ouverts! bon, brofff, bof...[/aparté]

Question: si alt+s=envoyer, présuvilasition, c'est quoi ?
je sais, ici, on ne répond jamais à mes questions

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

[Yoko]

Je cherchais à virer la recherche avec les moteurs qui ne m'interesse pas (google.com par exemple) et je me suis dit que l'on pouvait faire ca à partir du profil mais je n'ai rien trouvé de "facile" et pour ne pas risquer de tout fair planter je préfère m'en remetre à vous.

(si vous avez une option sans passer par le profil je suis preneur)

[myahoo]

Oh ben merci, hé, j'avais même pas vu que tu m'avais mis dans la liste

[ottomar]

Yoko, tout simplement

Code : Tout sélectionner

#searchbar { display: none !important;}

mais c'est bien dommage, il y a des searchplugins...passionnants; jette l'oeil à Sherlock Cherche, tu pourrais aussi la faire toute rikiki

Code : Tout sélectionner

#searchbar { width: 80px !important; }

myahoo,
j'aime mieux ton que ton en coin du bas

[Yoko]

Non je veut juste virer l'un des moteurs pas tous. Comme je prend les dernières version avant leur traduction j'ai google.com et moi j'installe le plug-in google.fr. le problème c'est que l'image est la même.

[ottomar]

[ottomar]

home, sweet home...



les 3 boutons, home , actualiser, stop : même code, différent des back-forward puisque pas de lien (-moz-bindings) avec la navigation, quoique 4 positions aussi, quoique le home... l'est jamais (?) désactivé

Code : Tout sélectionner

/* le home-button */
#home-button 
{
	list-style-image: url("file:///D:/images/FF_homeEdith.png") !important;
	-moz-image-region: rect(0px, 32px, 32px, 0px) !important;	
}
#home-button:hover
{
	-moz-image-region: rect(0px, 64px, 32px, 32px) !important;
}
#home-button:hover:active
{
	-moz-image-region: rect(0px, 96px, 32px, 64px) !important;
}
#home-button[disabled="true"]
{
	-moz-image-region: rect(0px, 128px, 32px, 96px) !important;
}

actif, souris dessus, clic dessus, désactif
les coordonnées, dans l'ordre: l'ordonnée, l'abscisse de fin, la largeur, l'abscisse de début, hein!
idem donc pour le #stop-button et le #reload-button

et si vous mettez le #stop-button à gauche du #reload-button dans votre barre, pour n'avoir qu'un seul bouton

Code : Tout sélectionner

#stop-button[disabled="true"]                                                       
{
       display:none;
}
#stop-button:not([disabled]) + #reload-button
{
       display:none;
}

et le raccourci clavier pour préviluatisasion ?????? y'en a pas ????????????

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

[j,b]

Bonjour a tou(te)s

j'ai personnalisé la barre d'adresse mais un petit soucis avec,voici comment elle s'affiche:


pas terrible,par contre celle pour les site sécurise est impeccable


voici le contenu du userchrome:
#urlbar .textbox-input-box
{
background-image: url('barreB.png') !important;
background-color: none !important;
font-weight: 600 !important;
}

.autocomplete-textbox-container:hover, .autocomplete-textbox-container:active {
color: #0000FF !important;
}

#urlbar[level="high"] > .autocomplete-textbox-container
{
background-image: url('barre.png') !important;
background-color: none !important;
font-weight: 600 !important;
}
#urlbar[level="low"] > .autocomplete-textbox-container
{
background-image: url('barre-c.png') !important;
background-color: none !important;
font-weight: 600 !important;
}

#urlbar[level="broken"] > .autocomplete-textbox-container
{
background-image: url('barreB.png') !important;
background-color: none !important;
font-weight: 600 !important;
}

ou serait l'erreur car après quelques éssais divers ,je piétine

merci