personnaliser Firefox avec le userChrome.css

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : Mori, myahoo, jpj, nico@nc

Répondre
Jim
Tyrannosaurus Rex
Messages : 3228
Enregistré le : 20 juil. 2005, 14:34

Message par Jim » 09 nov. 2005, 20:57

L'onglet avec les requins...De quoi parles tu ?
Quelle onglet? quels requins?
Tu as abusé de la cancoillotte ou quoi ?

Avatar du membre
ottomar
Varan
Messages : 1128
Enregistré le : 09 janv. 2005, 07:31

Message par ottomar » 10 nov. 2005, 20:52

Dur à cacher, le menu options, regardez-le bien, loupez les ..., ben, non! c'est pas ..., c'est … ???
quoiiiiiiiiiiiiiiii ? oui, c'est … et c'est là, post 18955 que le geckozonal ( et non pas...) Calimo eut la suprême inspiration!

Code : Tout sélectionner

/* Cacher le menu Options… */
menuitem[label="Options\2026"] 
{
display: none;
}
Calimo a remplacé le …, oui, pas les, par leur codage unicode

Edith me dit de demander à Calimo s'il n'est pas libre, parce que 'slui-la, l'es plus briant que touais, mille sabots'

mnemo
Gecko
Messages : 50
Enregistré le : 08 mars 2005, 10:25

Message par mnemo » 11 nov. 2005, 12:28

salut!

je reviens un peu (j'attends encore des infos pour mon pauv' graveur.. et avec ce foutu 11 nov c'est mal barré..)
Jim a écrit :L'onglet avec les requins...De quoi parles tu ?
Quelle onglet? quels requins?
Tu as abusé de la cancoillotte ou quoi ?
non, j'ai pas fumé la moquette non pu! :lol:
quan tu mets le bouton chromeEdit ds la barre perso, et que tu clique dessus, ça ouvre une fenetre chromeedit, et là y'a +ieurs onglets: 1 pour fichier chrome, 1 pour fichier pref...etc, et 1 où sur l'onglet y'a des requins et quand tu clique y'a une espece de page (qui ressemble à une page web, y'a des tableaux avec des trucs en anglais, des liens, et encore des requins!!! :lol: :lol: )
et je sais pas ce que c'est cette page (peut-être des explications de chrome edit, où alors le site de l'auteur?...)

ottomar: qu'est-ce qu'il arrive à ton bonhomme? on voit plus ses beaux yeux :lol: l'est devenu astigmate? :lol:
à bientôt!

-->ma config détaillée (framakey, portableFirefox...)

merci firefox et geckozone!! 8)

Avatar du membre
ottomar
Varan
Messages : 1128
Enregistré le : 09 janv. 2005, 07:31

Message par ottomar » 11 nov. 2005, 15:26

Fenêtre des options: volet vie privée
en fait: les volets 'Général'Contenu'Onglets'Téléchargements' ont les mêmes propriétés, donc
(mais rien n'empêche de les traiter un par un)

Code : Tout sélectionner

/* BP: volet, 'général'contenu'onglets'téléchargements' */
#paneGeneral,
#paneContent,
#paneTabs,
#paneDownloads
{
	background-image: url(file:///D:/images/sunb.jpg) !important;	
	color: Midnightblue !important;
	font-size: 110% !important;
	font-style: italic !important;
}
les volets'Vie Privée' et 'Avancé' ont les 2 une barre de menu (onglets) incluse

Code : Tout sélectionner

/* BP: volet 'Vie Privée'Avancé' */
#panePrivacy, 
#panePrivacy #privacyPrefs > tabpanels,
#paneAdvanced,
#paneAdvanced #advancedPrefs > tabpanels
{
	background-image: url(file:///D:/images/scrat600.png) !important;	
	color: Midnightblue !important;
	font-size: 110% !important;
	font-style: italic !important;
}
#panePrivacy #privacyPrefs > tabs,
#paneAdvanced #advancedPrefs > tabs
{
	background-color: Lavender !important;
	background-image: url(file:///D:/images/dot.png) !important;	
	font-size: 110% !important;
	font-style: normal !important;
}
Image

Edith me demande "Ben pourquoais tes png sont trois fois plus lourdes que tes jpg"
Pourtant je les passe à pngOptimizer, si l'un d'entre vous sait... (sauf les petits formats)

si vous voulez vous y retrouvez dans ces pages, commencez par la page... 1 du post-it, c'est à jour !
Modifié en dernier par ottomar le 17 déc. 2005, 11:27, modifié 1 fois.

Avatar du membre
ottomar
Varan
Messages : 1128
Enregistré le : 09 janv. 2005, 07:31

Message par ottomar » 15 nov. 2005, 07:40

votez pour mozilla.ru voir le topic La Communauté Russe de Mozilla besoin d`aide!

revenons à notre mouton:
предпосылка окна ' персонализирует ', варианты вариантов, коробки диалога, чудодей и сигналы тревога
edit: огорченно, я намереваюсь варианты выдвижений

Code : Tout sélectionner

/* Fond de la boite Personnaliser, des options d'extensions, 
des boites de dialogue, des écrans d'info et d'alerte */
#CustomizeToolbarWindow, #modelist, .menulist-dropmarker, dialog, wizard, page
{ 
	-moz-appearance: none !important;  
    background-color: Mediumspringgreen !important; 
}
Image

et édith: 'tiens, tu connais un médium, toi?'
et et édith: 'les png/jpg! i savent point dans ta zone?'

si vous voulez vous y retrouvez dans ces pages, commencez par la page... 1 du post-it, c'est à jour !
Modifié en dernier par ottomar le 17 déc. 2005, 11:28, modifié 3 fois.

FF_Olivier
Iguane
Messages : 979
Enregistré le : 09 juil. 2004, 15:41

Message par FF_Olivier » 15 nov. 2005, 10:32

ottomar a écrit :Edith me demande "Ben pourquoais tes png sont trois fois plus lourdes que tes jpg"
Pourtant je les passe à pngOptimizer, si l'un d'entre vous sait... (sauf les petits formats)
Je fais (maintenant) mes copies d'écran en .png 256 couleurs indexées, sans aucun tramage (important !), ça me donne des fichiers tout riquiquis ;) ...
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !

Avatar du membre
Mori
Animal mythique
Messages : 13293
Enregistré le : 30 avr. 2004, 19:17

Message par Mori » 15 nov. 2005, 11:24

mnemo a écrit :quan tu mets le bouton chromeEdit ds la barre perso, et que tu clique dessus, ça ouvre une fenetre chromeedit, et là y'a +ieurs onglets: 1 pour fichier chrome, 1 pour fichier pref...etc, et 1 où sur l'onglet y'a des requins et quand tu clique y'a une espece de page (qui ressemble à une page web, y'a des tableaux avec des trucs en anglais, des liens, et encore des requins!!! :lol: :lol: )
et je sais pas ce que c'est cette page (peut-être des explications de chrome edit, où alors le site de l'auteur?...)
le site de l'auteur, mais ne t'avise pas à y prendre des extensions ... regarde leur date de mise à jour.
Linux ubuntu MATE 18.04 (x86_64)

Avatar du membre
ottomar
Varan
Messages : 1128
Enregistré le : 09 janv. 2005, 07:31

Message par ottomar » 16 nov. 2005, 20:46

por faire bô: la propriété 'border-style' qui s'applique à tout

Code : Tout sélectionner

#boite-machin-truc
{
	border-width: 4px !important;
	border-color: Darkslateblue !important;
	border-style: soli[size=9][b]si vous voulez vous y retrouvez dans ces pages, commencez par la [url=http://www.geckozone.org/forum/viewtopic.php?p=193166#193166]page... 1[/url] du post-it, c'est à jour ![/b][/size]d !important;
}
Image

Flore en 'border-style: double' et 'border-style: solid'
P'tit lutin en 'border-style: inset' et 'border-style: outset'
Calimo en 'border-style: dotted' et 'border-style: dashed'
et le baudet de Mori en... 'border-style: groove' et 'border-style: ridge'

'border-style: 0' ... yen a pô de border

si vous voulez vous y retrouvez dans ces pages, commencez par la page... 1 du post-it, c'est à jour !
Modifié en dernier par ottomar le 17 déc. 2005, 11:29, modifié 1 fois.

Avatar du membre
ottomar
Varan
Messages : 1128
Enregistré le : 09 janv. 2005, 07:31

Message par ottomar » 18 nov. 2005, 15:25

le cookiesManager (кашевара менеджер :lol::lol:)
vu les soucis (!) que me donne mon cookie

Code : Tout sélectionner

/* === COOKIES MANAGER === */
/* dans Options/Vie privée */

/* la fenêtre */
#CookiesDialog
{
	background-color: navy !important;
}
/* le cadre */
#CookiesDialog .contentPane
{
	background-color: Cornflowerblue;
	background-image: url(file:///D:/images/check.png) !important;	
	color: Midnightblue !important;
}
/* la boite de recherche */
#CookiesDialog > vbox > hbox
{
	background-color: Slateblue;
	background-image: url(file:///D:/images/dot.png) !important;	
	color: white !important;
}
#CookiesDialog > vbox > hbox > button[label="Effacer"]
{	
	color: midnightblue !important;
}
/* les cookies suivants ... */
#cookiesIntro
{
	font-style: italic !important;
}
/* la boite des cookies */
#cookiesChildren 
{
	background-image: url(file:///D:/images/FirefoxWallpapers/sketch-1024.jpg) !important;	
	color: Midnightblue !important;
	opacity: 0.8;
}
/* LE cookie */
#cookieInfoBox #backgroundbox 
{
	background: midnightblue !important;	
	color: white !important;
	opacity: 0.8;
	border: none !important;	
}
/* le fond des boutons */
#CookiesDialog > hbox
{
	background-color: white;
	background-image: url(file:///D:/images/check.png) !important;	
}
/* calage à peu près des boutons */
#CookiesDialog > hbox .actionButtons
{
	margin-top: 6px !important;
}
/* les boutons */
#removeCookie, #removeAllCookies, #CookiesDialog > hbox .actionButtons .box-inherit
{
	background-color: midnightblue !important;
	background-image: url(file:///D:/images/dot.png) !important;	
	color: white !important;
}
Image

je sais... les couleurs ~~~~
et c'est quoi ce cookie gecko qui périt en fin de session ? c'est pas le mien ça ??????????
je pose la question
je ne vous demande par contre pas pourquoi le resizer est passé à gauche...
j'ai même pas fait exprès... pffffffffffffffffffffffffff....

si vous voulez vous y retrouvez dans ces pages, commencez par la page... 1 du post-it, c'est à jour !
Modifié en dernier par ottomar le 17 déc. 2005, 11:30, modifié 1 fois.

Avatar du membre
ottomar
Varan
Messages : 1128
Enregistré le : 09 janv. 2005, 07:31

Message par ottomar » 20 nov. 2005, 10:42

on vous ment!

les boutons de vos barres d'outils n'en sont pas! ce sont des
Image

puces!
un bouton, c'est une image et un libellé (label), l'image est régie par la propriété list-style-image qui est la même que celle des listes à... puces! Quod erat demonstrandum!
au fait, le sujet, c'est: remplacer les images des boutons d'extension dans votre barre d'outils par des images en accord avec votre thème!

1/ trouvez l'IDentité du bouton, pour mettre le doigt dessus, la plus simple manière, c'est colorzilla
ou le DomInspector d'un maniement plus lourd, une ID s'applique à un seul élément de toutes les fenêtres firefox, et commence toujours par '#' qui en est le signe
exemple le bouton 'sage', c'est '#sage-button'

2/ trouvez le bouton qui va bien dans votre thème
- ou vous en faites un ( deux plutôt, un aussi pour le hover -passage de la souris dessus-)
- ou vous le trouvez dans votre thème, pour celà, décompressez le .jar dans le dossier du thème dans le dossier extensions de votre profil (pas peur: ne risque rien) le mieux: utilisez 7zip, clic droit sur le .jar et > extract Files... [pas extract here]
dans le dossier décompressé, il y a tout votre thème... un vrai bordin de .css et de .png
pour s'y retrouver, faites une recherche windows (excuses à osX et Linux) [bien sur que ça marche avc tux et mac] sur '.png' dans le dossier décompressé, vous aurez en résultat tous les .png du thème, choisissez celui qui convient à votre extension, mettez-le au chaud à l'abri

3/ dans votre userChrome: si vous avez deux images

Code : Tout sélectionner

/* le ereader-button */
#ereader-button
{
	list-style-image: url("file:///D:/images/FF_SE_eReader.png") !important;
}
#ereader-button:hover
{
	list-style-image: url("file:///D:/images/FF_SE_eReaderHover.png") !important;
}
Il arrive souvent que les images de thèmes sont... moulti-moulti-images en incluant plusieurs (y compris les hover) auquel cas vous aurez besoin de -moz-image-region:
et là!!, c'est le caca, parce que le seul qui sache vraiment les dimensions et les coordonnées, c'est le créateur du thème et plutôt que de vous enrhumer le boyau de la tête, retournez dans votre recherche windows, même dossier, mais ce coup-ci dans la zone 'un mot ou une phrase dans le fichier...' inscrivez le nom de votre image .png, résultat: vous aurez l'image et le fichier .css qui la règle, ouvrez le .css, trouvez le nom de votre image, vous aurez avec le -moz-image-region: pour le bouton et son hover
dans votre userChrome:

Code : Tout sélectionner

/* le sage-button */
#sage-button
{
	list-style-image: url("file:///D:/images/FF_SE_sage.png") !important;
	-moz-image-region: rect(0px 35px 28px 0px); 
}
#sage-button:hover
{
	list-style-image: url("file:///D:/images/FF_SE_sage.png") !important;
	  -moz-image-region: rect(0px 70px 28px 35px); 
}
j'espère être à peu près clair!
avant: à gauche, restartFirefox et eReader; à droite, editConfigFiles et Sage

Image

après, avec :hover sur eReader

Image

non! je ne redescendrai pas de mon antre bénédictine

si vous voulez vous y retrouvez dans ces pages, commencez par la page... 1 du post-it, c'est à jour !
Modifié en dernier par ottomar le 02 janv. 2006, 20:28, modifié 2 fois.

Arzo
Salamandre
Messages : 38
Enregistré le : 11 avr. 2005, 19:41

Message par Arzo » 21 nov. 2005, 13:13

Je dois être branque... Aucun des codes ne marche chez moi... Pourtant j'ai tout fait comme vous dites :

Code : Tout sélectionner

/* Do not remove the @namespace line -- it's required for correct functioning */
/* Ne pas effacer la ligne @namespace -- elle est nécessaire pour un fonctionnement correct */
/* Pas besoin d'être angloglotte pour comprendre ça */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* set default namespace to XUL */
/* détermine l'espace-temps pour le ksouls (en gros) */

/* Supprimer les items du menu contextuel PAGE WEB */

#context-back, /* "Précédente" */
#context-forward, /* "Suivante" */
#context-reload, /* "Actualiser" */
#context-stop, /* "Arrêter" */
#context-sep-stop, /* Separateur en dessous de "Arrêter" */
#context-bookmarkpage, /* "Marquer cette Page" */
#context-savepage, /* "Enregistrer sous..." */
#context-sendpage, /* "Envoyer un lien vers la page..." */
#context-sep-viewbgimage, /* Separateur au dessus de "Afficher l'image de fond" */
#context-viewbgimage, /* "Afficher l'image de fond" */
{
-moz-appearance: none !important; 
display: none !important;
}


/*  Supprimer les items du menu contextuel LIENS */

#context-openlink, /* "Ouvrir le lien dans une nouvelle fenêtre" */
#context-openlinkintab, /* "Ouvrir le lien dans un nouvel onglet" */
#context-sep-open, /* Separateur en dessous de "Ouvrir le lien dans un nouvel onglet" */
#context-bookmarklink, /* "Marque-Page sur ce lien" */
#context-copylink, /* "Copier l'adresse du lien" */
#context-sep-copylink, /* Separateur en dessous de "copier l'adresse du lien" */
{
display: none; !important;
}

/* Supprimer les items du MENU PRINCIPAL */
/* sauvegarder le userChrome.css en code utf8 pour faire passer"Aller ࢠ*/
/* http://www.geckozone.org/forum/viewtopic.php?t=13003&highlight=supprimer+menu */

#navigator-toolbox menu[label="Aller à"],

{
display: none !important;
}
C'est sauvergardé en UTF-8 avec Notepad2 dans le bon userChrome.css dans le bon profil, et rien ne change... :?

'comprends pas...
--
Arzo

FF_Olivier
Iguane
Messages : 979
Enregistré le : 09 juil. 2004, 15:41

Message par FF_Olivier » 21 nov. 2005, 13:51

Il ne faut pas de virgule entre le dernier élément de la liste et l'accolade ouvrante des instructions :

Code : Tout sélectionner

/* Do not remove the @namespace line -- it's required for correct functioning */
/* Ne pas effacer la ligne @namespace -- elle est nécessaire pour un fonctionnement correct */
/* Pas besoin d'être angloglotte pour comprendre ça */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* set default namespace to XUL */
/* détermine l'espace-temps pour le ksouls (en gros) */

/* Supprimer les items du menu contextuel PAGE WEB */

#context-back, /* "Précédente" */
#context-forward, /* "Suivante" */
#context-reload, /* "Actualiser" */
#context-stop, /* "Arrêter" */
#context-sep-stop, /* Separateur en dessous de "Arrêter" */
#context-bookmarkpage, /* "Marquer cette Page" */
#context-savepage, /* "Enregistrer sous..." */
#context-sendpage, /* "Envoyer un lien vers la page..." */
#context-sep-viewbgimage, /* Separateur au dessus de "Afficher l'image de fond" */
#context-viewbgimage /* "Afficher l'image de fond" */
{
-moz-appearance: none !important; 
display: none !important;
}


/*  Supprimer les items du menu contextuel LIENS */

#context-openlink, /* "Ouvrir le lien dans une nouvelle fenêtre" */
#context-openlinkintab, /* "Ouvrir le lien dans un nouvel onglet" */
#context-sep-open, /* Separateur en dessous de "Ouvrir le lien dans un nouvel onglet" */
#context-bookmarklink, /* "Marque-Page sur ce lien" */
#context-copylink, /* "Copier l'adresse du lien" */
#context-sep-copylink /* Separateur en dessous de "copier l'adresse du lien" */
{
display: none !important;
}

/* Supprimer les items du MENU PRINCIPAL */
/* sauvegarder le userChrome.css en code utf8 pour faire passer"Aller ࢠ*/
/* http://www.geckozone.org/forum/viewtopic.php?t=13003&highlight=supprimer+menu */

#navigator-toolbox menu[label="Aller à"]
{
display: none !important;
}
Modifié en dernier par FF_Olivier le 21 nov. 2005, 13:58, modifié 1 fois.
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !

Avatar du membre
Mori
Animal mythique
Messages : 13293
Enregistré le : 30 avr. 2004, 19:17

Message par Mori » 21 nov. 2005, 13:55

il y a aussi un ; de trop entre un none & !important;
Linux ubuntu MATE 18.04 (x86_64)

FF_Olivier
Iguane
Messages : 979
Enregistré le : 09 juil. 2004, 15:41

Message par FF_Olivier » 21 nov. 2005, 13:59

Mori a écrit :il y a aussi un ; de trop entre un none & !important;
Tiens oui, je corrige, merci ;)
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !

Arzo
Salamandre
Messages : 38
Enregistré le : 11 avr. 2005, 19:41

Message par Arzo » 21 nov. 2005, 15:54

Merci les gars, ça marche.
--
Arzo

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 8 invités