personnaliser Firefox avec le userChrome.css

[ottomar]

bordin ! celle-là je prends qu'elle est bonne
bordin ! le cocotier secoue sec... va coulement Jean-Gildas, t'es que tu me donnes du boulot à retouiller l'index du doigt !

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

[Jean-Gildas]

Arf, désolé de m'être attelé à ce furoncle immonde qui purulait dans la fourrure du panda rouxe, mais je suis un éternel fan des interfaces sobres et simple, à l'ancienne

[pirlouy]

Un petit peu de transparence ?



http://userstyles.org/styles/3874

[ottomar]

yes !
sehr schön... und futé comme seul un pirlouy peut l'être
eu seulement un petit souci (gnome, je pense (c'est sûr) ! ) : juste rajouté quelques... étoiles dans ton ciel

Code : Tout sélectionner

#navigator-toolbox * 
{
   -moz-appearance: none !important;
   background-color: transparent !important;
}

et
#status-bar * dans

Code : Tout sélectionner

#status-bar, 
#status-bar *  
{
   -moz-appearance: none !important;
   background-color: transparent !important;
}

et background-position: 0px 0 !important; (tu vas comprendre... après ! dans

Code : Tout sélectionner

#main-window 
{
   -moz-appearance: none !important;
    background-image: url("http://www.enregistrersous.com/images/184305734920071025065135.png") !important;
background-position: 0px 0 !important;
}

aussi un petit embêtant souci avec les menus transparents... et inutilisables, donc :

Code : Tout sélectionner

menupopup, 
popup {
-moz-appearance: none !important;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAVCAYAAACnvtv5AAAABGdBTUEAALGPC/xhBQAAABh0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjAxHK4kRQAAAHhJREFUaEPt10EKwCAMRFG9/77XTbEX6EYGBp7gViHfn4l7Zp5l9VXggLP7arBA64P2dUnggNNyg7HDuGCxb3Y34IDrzIqbFiTPYhzjGMe4UguAA+73ayXjSh8JcMAZTmRcqQXAAWc4SVqQvMtwUmo3cMCZKpOt8gUvXLyfLua7ewAAAABJRU5ErkJggg==") !important;
}

et c'est tout !

mais !!!!!!!!!
si tu rajoutes dans ton userContent ; l'adresse de l'image étant celle de ton fond d'écran (!) et à la résolution exacte de ton écran (logique, hein ! )

Code : Tout sélectionner

@namespace url(http://www.w3.org/1999/xhtml);

html
{
	background-image: url("http://www.enregistrersous.com/images/184305734920071025065135.png") !important;
	background-attachment: fixed !important;
	background-position: 0 -130px !important;
	background-repeat: no-repeat !important;
}
html *
{
	background: transparent !important;
	color : black !important;
	border-color: transparent !important;
}

tu as la transparence totale !!!!
le reste étant du peaufinage...

bureau

page vide

geckozone


ça donne ça :

Code : Tout sélectionner

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


#navigator-toolbox 
{
-moz-appearance: none !important;
   	background-color: transparent !important;
}
#navigator-toolbox * 
{
-moz-appearance: none !important;
   	background-color: transparent !important;
}
#browser .plain 
{ 
	background-color: transparent !important; 
}
.tabbrowser-tabs 
{
   	background-image: none !important;
   	background-color: transparent !important;
}
#urlbar:not([level="high"]):not([level="low"])  
{
   	background-color: transparent !important; 
}
.searchbar-textbox 
{ 
	background-color: transparent !important; 
}
#status-bar, #status-bar *  
{
-moz-appearance: none !important;
   	background-color: transparent !important;
}
#main-window 
{
-moz-appearance: none !important;
    	background-image: url("http://www.enregistrersous.com/images/184305734920071025065135.png") !important;
	background-position: 0px 0 !important;
}
#navigator-toolbox, 
#status-bar,
menupopup, 
popup 
{
-moz-appearance: none !important;
   	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAVCAYAAACnvtv5AAAABGdBTUEAALGPC/xhBQAAABh0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjAxHK4kRQAAAHhJREFUaEPt10EKwCAMRFG9/77XTbEX6EYGBp7gViHfn4l7Zp5l9VXggLP7arBA64P2dUnggNNyg7HDuGCxb3Y34IDrzIqbFiTPYhzjGMe4UguAA+73ayXjSh8JcMAZTmRcqQXAAWc4SVqQvMtwUmo3cMCZKpOt8gUvXLyfLua7ewAAAABJRU5ErkJggg==") !important;
}
.searchbar-textbox, 
#urlbar:not([level="high"]):not([level="low"]) > .autocomplete-textbox-container 
{
-moz-appearance: none !important;
   	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAVCAYAAACnvtv5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABh0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjAxHK4kRQAAAHhJREFUaEPt18EJACEMRFEtbfsvKovbwF5kYOAJXhXy/Zm4Z+ZZVl8FDji7rwYLtD5oX5cEDjgtNxg7jAsW+2Z3Aw64zqy4aUHyLMYxjnGMK7UAOOB+v1YyrvSRAAec4UTGlVoAHHCGk6QFybsMJ6V2AwecqTLZKl8cVeGlDmCZVQAAAABJRU5ErkJggg==") !important;
}

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.8) Gecko/20071008 Firefox/2.0.0.8

[pirlouy]

Code : Tout sélectionner

#navigator-toolbox * 
{
   -moz-appearance: none !important;
   background-color: transparent !important;
}

Ah ouais mais là, ça ralentit vraiment les menus popup, même en enlevant la transparence des menus. Enfin chez moi.

Sinon, pour la fausse transparence, c'est osé, et ça ne marchera pas dans bien des cas.
Si il n'y a pas la barre d'onglet, si le navigateur n'est pas aligné en haut à gauche de l'écran...
Mais j'avoue que c'est bien trouvé.
Moi je m'étais dit que l'idéal serait d'avoir le "content" réellement transparent. Du coup, j'en ai profité pour tester bugzilla:
https://bugzilla.mozilla.org/show_bug.cgi?id=399856

L'étape suivant étant d'avoir la vraie transparence de firefox en lui-même, c'est à dire qu'il laisse passer le wallpaper et les fenêtre en dessous, mais là, il faudra attendre firefox 15 et casser l'interopérabilité.

ps: c'est bien gnome qui demande des trucs en plus hein.
ps2: merci pour les comm', les améliorations, et les idées !

[ottomar]

en fait, ce qui réduit la vitesse, c'est la multiplication de petites images pour faire un fond, pour tes menus, tu es aussi bien avec une image en au pif 200*300 en no-repeat qu'en repeat avec une image en 4*4 ; par exemple un fond de page complet en 4*4 repeat est... mortel et j'ai l'impression quelque soit la puissance dont tu disposes

... ça marche partout ! sauf que c'est pas gégéne sur certains sites avec beaucoup d'images, faut trouver le bon fond ! tu l'as toi !!
le about:config marche pas

et c'est vrai qu'il être maximisé tout le temps

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.8) Gecko/20071008 Firefox/2.0.0.8

☎ Edith : merci aux modos de mes petits coeurs élastiques

[ottomar]

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.8) Gecko/20071008 Firefox/2.0.0.8

[nico@nc]

Voui, si tu veux !

[ottomar]

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.8) Gecko/20071008 Firefox/2.0.0.8

[pirlouy]

Wah ! Que de personnalisation !

Attention au background fixed qui a tendance à bien manger du CPU lorsqu'on scrolle !

ps: oula ! les anglophobes ne vont pas apprécier.

[ottomar]

Que de

faut dire que j'ai le temps... [ça devient inquiètant, ça m'arrive de plus en plus souvent]

périgrination
1/ j'y sais pas si on a déjà fait ça [pas eu le courage de me répéter (!) les 50 pages du post, mais on y comprendra avant après]
pour le fond de la page pendant quelle s'ouvre :

Code : Tout sélectionner

/* image de fond pendant que le panda tourne la page */
tabbrowser tabpanels 
{
	background: url("/home/ottomar/icones/nasa/about.blank.sts116-s-021.v010.jpg") no-repeat center center fixed black !important;
}

périgrination
2/ vu que quand je l'ai dans l'oreille, je ne l'ai pas dans la rate, et que, d'une certaine manière je suis têtu, et toujours à la recherche d'une solution pour ces fonds bas [bientôt résolu bientôt par toi, oui toi pirlouy ! ] j'y vais sur mozilla.org voir ce qu'il nous propose sur le userContent
donc recherche 'userContent' sur addons.mozilla.org... breuhhhh, brahhhh, brouffff, une seule réponse de la nasa ! la nasa, bordin ! qui me cause à mouais, petit buveur d'arbouais et de tokay pinot gris [j'envoie, même outre-manche ] que j'étais à Fort-Wayne, Indiana le 21 juillet 69 et jamais, et jamais plus, j'aurai autant d'admiration devant l'enflement de l'humble l'humain boillot de la tête du palbipède zèlé qu'est l'homme ! ouf !
bon, je vous dis pas ! Nasa, tu penses si je clique ! fusée, modules complémentaires, extensions lunatiques, je clique, je clique !! et j'en tombe (sens propre) sur le synapse : le plus évolué, le plus 'pulchrutudinous' & 'peated' black dark-vadorisé thème pour ff, j'en ai pris un coup au poil majeur de mon nez ! que je me le fais ch... avec mon userChromathique ! et là, le Monsieur t'envoie de l'image de fond en chargement et du tsétéra et du tsétéra que j'en suis le boyau sur le chiotte de mes faiblements !
bon... après une tite perfusion, je m'attelle devant mes mules et ça me pique, et ça me pique et je me gratte ! et touve une espèce de mauvaise solution

périgrination
1/ stylkitsh et son mauvais bouton mais que pitluoiy va m'arranger ça ou me pondre une 'tite extension pour désactiver d'un clic le userContent,

périgrination
2/ bon, moi quand l'écran fait plus de 1024, au delà de 1024 (1025, 1026, 1027, etc...) [il paraîtrait qu'il ne fallut initialement pas de ... àprès tsétéra, mais qu'aujourd'hui, ça le supporte] parce que c'est bien que bien que ce soit relativement satisfaisant avec des fonds bas jartellés, donc disant que les bords du delà (d'ain) je les vois ni le les lis, me dit : ! bordin ! tes images de fond mets les là où tu ne les vois pas ! génieux, hein ! et cencentre le centre au centre ! quelle logique, quel homme cet ottomar ! [ ]

Code : Tout sélectionner

/* excluses quelques finasses lignes de code */
html

{
	width: 1024px !important;
	margin: auto !important;

}

en plus du machin d'avant et si vous avez un 16/9 qui vous met l'athrose au coup par coup à gauche, à droite !

périgrination
5/ c'est fini !

☎ Edith : tout de même, vaut mieux des pourcentages que des puxels (mais la plie est fatiguée)





Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.8) Gecko/20071008 Firefox/2.0.0.8

[pirlouy]

Effectivement, ça rend pas mal !
J'avoue ne pas trop comprendre à quoi sert ce machin euh... margin.

Mais, je persiste, les images fixes, ça fait travailler le CPU ! (faudrait essayer avec une nightlie pour voir si c'est la même chose, mais ça ne m'étonnerait pas... sauf si ça exploite la carte graphique, mais bon, très peu de chance).


Pour Stylish (la belle ), il est facile de désactiver le dropmarker (qui, soit dit au passage, ne sert à rien) avec un peu de css. Et pour désactiver un style global, il suffit de naviguer (c'est super vite fait) à travers le (court) menu contextuel.
Sinon, l'extension custombuttons² doit sûrement permettre une telle fonctionnalité, mais ce serait domamge d'utiliser un bouton pour une si petite fonctionnalité.

Sinon, il est vrai que la coloration syntaxique manque un peu; je ne sais pas si ce serait facile d'intégrer un "RichEdit" dans une extension, notamment au niveau de l'interopérabilité...

[ottomar]

je pige pas... cette histoire de cpu, d'autant que j'ai pas une bombe, mais c'est correct
11 onglets ouverts et des coups de scroll sur une page avec fond fixe


qui n'a rien à voir avec le flash du topic Bug Firefox
(le flash en onglet arrière plan et scroll sur la page à fond fixe : les pics, c'est le scroll)


donc... mieux vaut avoir la mémoire fixe que la mémoire qui flashe

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.8) Gecko/20071008 Firefox/2.0.0.8

☎ aie ! ma tête
c'est aussi un petit peu dommage d'installer une (grosse) extension pour activer/désactiver 2 entrées de css... mais c'est vrai qu'en 2 clics c'est fait

[pirlouy]

Une fois que t'as essayé Stylish, tu ne peux plus t'en passer, c'est super bien: tu n'es pas obligé de redémarrer Firefox pour tester tes réglages. Il suffit juste de lancer une nouvelle fenêtre, sans fermer celle en cours !

En tout cas, moi sous Windows, je peux te garantir, avec ou sans smooth wheel, ou Yet Another Smooth Scrolling, que dès que je scrolle, le même diagramme (?) montre que mon processeur travaille à fond ! D'ailleurs, on le sent quand on scrolle.

[sasukestyle]

bonjour à tous !!
désolé si je ne poste pas au bonne endroit.
je voudrais savoir svp comment personnaliser la barre d'état.
-par priorité je voudrais enlevers les séparateurs !!
-puis intégrer ou supprimer ou déplacer les petits icones qui s'y trouve, adblock plus, foxytunes etc...
je vous remercie d'avance !!


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.9) Gecko/20071025 Firefox/2.0.0.9