personnaliser Firefox avec le userChrome.css
Modérateurs : myahoo, nico@nc, Mori, jpj
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;
}
Edith me dit de demander à Calimo s'il n'est pas libre, parce que 'slui-la, l'es plus briant que touais, mille sabots'
je reviens un peu (j'attends encore des infos pour mon pauv' graveur.. et avec ce foutu 11 nov c'est mal barré..)
non, j'ai pas fumé la moquette non pu!Jim a écrit :L'onglet avec les requins...De quoi parles tu ?
Quelle onglet? quels requins?
Tu as abusé de la cancoillotte ou quoi ?
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!!! )
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 l'est devenu astigmate?
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;
}
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;
}
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 !
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;
}
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 !
-
- Iguane
- Messages : 979
- Inscription : 09 juil. 2004, 15:41
Je fais (maintenant) mes copies d'écran en .png 256 couleurs indexées, sans aucun tramage (important !), ça me donne des fichiers tout riquiquis ...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)
userContent.css : modifiez l'apparence et le contenu des sites visités !
le site de l'auteur, mais ne t'avise pas à y prendre des extensions ... regarde leur date de mise à jour.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!!! )
et je sais pas ce que c'est cette page (peut-être des explications de chrome edit, où alors le site de l'auteur?...)
Linux debian 12 bookworm stable / LXQt 1.2.0
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;
}
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 !
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;
}
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 !
les boutons de vos barres d'outils n'en sont pas! ce sont des
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;
}
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);
}
avant: à gauche, restartFirefox et eReader; à droite, editConfigFiles et Sage
après, avec :hover sur eReader
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 !
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;
}
'comprends pas...
Arzo
-
- Iguane
- Messages : 979
- Inscription : 09 juil. 2004, 15:41
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;
}
userContent.css : modifiez l'apparence et le contenu des sites visités !
-
- Iguane
- Messages : 979
- Inscription : 09 juil. 2004, 15:41
Tiens oui, je corrige, merciMori a écrit :il y a aussi un ; de trop entre un none & !important;
userContent.css : modifiez l'apparence et le contenu des sites visités !
Qui est en ligne ?
Utilisateurs parcourant ce forum : Amazon [Bot] et 2 invités