personnaliser Firefox avec le userChrome.css

[James]

Hello Ottomar,

Je suis en train de farfouiller mais il me semblait qu'il y avait une extension du nom de grip ou quelque chose comme ça, mais je vais chercher

[Shogix]

Hello Ottomar,

Je suis en train de farfouiller mais il me semblait qu'il y avait une extension du nom de grip ou quelque chose comme ça, mais je vais chercher

Grippies?

http://www.extensionsmirror.nl/index.php?showtopic=1386

[James]

Bravo c'est ça

merci

[ottomar]

Toolbar Grippies 0.4.2 compatible

pour la progress-bar de fission dans la barre d'adresse :

Code : Tout sélectionner

.progress-bar 
{ 
	background-image: url("/home/ottomar/images/firefox/fondOpera.png") !important; 
}

tout simplement, c'est simplement qu'elle est juste déplacée

[James]

m.... pas de bol cette extension n'est pas compatible avec les miennes grrrrrrrrr je vais la bouffer là même

je repart à la peche

[pirlouy]

Dis donc Ottomar, est-ce que tu arrives à changer le fond de la barre d'url avec Fission ?

parce que si on utilise le truc normal:

Code : Tout sélectionner

#urlbar .textbox-input-box {
        background-color: #800000 !important;
       } 

alors on n'a plus la barre de progression.

[ottomar]

oui, la progress-bar est en arrière-plan, le meilleur effet semble avec un background : transparent sur l'urlbar (ma première image)
Edith : ou le background sur le #urlbar-container ?

[pirlouy]

Bon bin encore une requête hein.

Est-ce que quelqu'un a réussi à mettre la barre de menu (menubar) en bas (bottom ) ??

[ottomar]

tu peux pas, tu peux pas, Pirlouy ! elle est dans #navigator-toolbox, tu peux pas l'en sortir avec un css

[pirlouy]

Bon bin c'est nul firefox, je change....




Non, sérieusement, c'est dommage, j'aurai bien aimé voir ce que ça pouvait donner...

[ottomar]

essaye tout de même
#main-window {-moz-box-direction: reverse !important;}
si tu n'as pas de barre d'outils supplémentaires, c'est pas si mal, la barre perso est en bas-bas mais tu la passes dans la barre principale et inversement, barre des tas en haut avec les onglets

[pirlouy]

Ah oui c'est pas mal comme ça...

Et on peut pas mettre la barre d'état en haut alors ? (pour qu'elle se retrouve en bas après, suite au #main-window {-moz-box-direction: reverse !important;} ??

[ottomar]

ben non ! ça te met la droite à la gauche et parallèlement...

j'y reviens, c'était pas fait : changer les icônes de la fenêtre préférences (options), pour le reste c'est toujours là et là ou plutôt le contraire, là et là

mais avant !
NON, NON ET NON
ça, ça me plait pas du tout : que mr tabmixpluszero3zero3 se permette de me changer mon'icône de mon onglet 'onglets' de mes options, alors là, non ! merdasse ! bordasse et bordin ! mais tu parles si je rigolais : me suis dit un p'tit css là-dedans, et vais retrouver mon icône à moi...
ben, tiens, ma varice ! me dis 'aaaaattends, ouvre le machin, tu vas ben trouver où il l'a planqué son css...'
ben... niet, rien, nada, alors, là te dis pas le furoncle du colon de la tête que je me suis chopé !
me dis 'l'a tout de même pas planqué dans le xul, son tmp.png ?'
ben SI ! l'enf...
dans le preferencesOverlay.xul

Code : Tout sélectionner

    <prefpane id="paneTabs" label="&tabmix.label;"

              class="dialog-tmp"

              image="chrome://tabmixplus/skin/tmp.png"

              src=""/>

PAS BEAU, PAS GENTIL MR TABMIXPLUS
carton rouge, vais m'en occuper de me faire mes onglets qui se règlent et mes noms de mes marque-pages en titre de mes onglets, ça me prendra deux mois (ou deux ans), mais vais t'arranger ça ! et je te l'envoie aux kerguelen le monsieur
bon, donc je vire les lignes maudites, te recompresse le tout et retrouve mes icônes

Code : Tout sélectionner

/* ====== ICONES DE LA FENETRE PREFERENCES (options) ====== */


#BrowserPreferences radio[pane] {

  list-style-image: url("/home/ottomar/images/firefox/options.png/optionsGnome.png") !important;

}



radio[pane=paneGeneral] 
{

  	-moz-image-region: rect(0px, 32px, 32px, 0px);

}

radio[pane=paneGeneral]:hover, 
radio[pane=paneGeneral][selected="true"],  
radio[pane=paneGeneral]:hover:active
{
	-moz-image-region: rect(32px, 32px, 64px, 0px);

}



radio[pane=panePrivacy] 
{

	-moz-image-region: rect(0px, 64px, 32px, 32px);

}

radio[pane=panePrivacy]:hover, 
radio[pane=panePrivacy][selected="true"],  
radio[pane=panePrivacy]:hover:active
{

  	-moz-image-region: rect(32px, 64px, 64px, 32px);

}



radio[pane=paneContent] 
{

  	-moz-image-region: rect(0px, 96px, 32px, 64px);

}

radio[pane=paneContent]:hover, 
radio[pane=paneContent][selected="true"],
radio[pane=paneContent]:hover:active  
{

  	-moz-image-region: rect(32px, 96px, 64px, 64px);

}



radio[pane=paneTabs] 
{

  	-moz-image-region: rect(0px, 192px, 32px, 160px);

}

radio[pane=paneTabs]:hover, 
radio[pane=paneTabs][selected="true"],
radio[pane=paneTabs]:hover:active
{

  	-moz-image-region: rect(32px, 192px, 64px, 160px);

}



radio[pane=paneDownloads] 
{

  	-moz-image-region: rect(0px, 160px, 32px, 128px);

}

radio[pane=paneDownloads]:hover,
radio[pane=paneDownloads][selected="true"], 
radio[pane=paneDownloads]:hover:active
{

  	-moz-image-region: rect(32px, 160px, 64px, 128px);

}



radio[pane=paneAdvanced] {

  	-moz-image-region: rect(0px, 192px, 32px, 160px);

}

radio[pane=paneAdvanced]:hover, 
radio[pane=paneAdvanced][selected="true"], 
radio[pane=paneAdvanced]:hover:active
{

  -moz-image-region: rect(32px, 192px, 64px, 160px);

}


/* ==== /// ICONES DE LA FENETRE PREFERENCES (options) ==== */

aluminium


blackjapan


human/Jim de chez nous


gnome/votre serviteur


et pour le meilleur (il est de plus en plus fatigué, mr Alex Charamel, ya même plus les liens dans son code source...)

mais ça reste le plus beau des thèmes
donc si vous voulez les boutons du thème sans le thème, décompressez le .jar, trouvez le options.png et mettez-le au chaud

moi, c'est pas Joop Zootlemek, mais plutôt Roger Hassenforder


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



Edith et excuses : JOOP ZOETEMELK !


Edition Firefox 2.0b2 (j'espère 2.0)

Code : Tout sélectionner

/* ====== ICONES DE LA FENETRE PREFERENCES (options) ====== */
#BrowserPreferences radio[pane] 
{
-moz-appearance: none !important;
  	list-style-image: url("http://www.enregistrersous.com/images/3dfaec86f47e0d588ab3144ae5ff1b87.png") !important;
	opacity: 0.7 !important;
}
#BrowserPreferences radio[pane] .paneButtonIcon
{
-moz-appearance: none !important;
  	width: 45px !important;
  	height: 45px !important;
}
#BrowserPreferences radio[pane]:hover,
#BrowserPreferences radio[pane][selected="true"], 
#BrowserPreferences radio[pane]:hover:active
{
	opacity: 1 !important;
}
/* moz-region : ordonnée début > abscisse fin > ordonnée fin > abscisse début */
radio[pane=paneMain] 
{
-moz-appearance: none !important;
	-moz-image-region: rect(0px, 45px, 45px, 0px) !important;
}
radio[pane=paneTabs]
{
-moz-appearance: none !important;
	-moz-image-region: rect(0px, 90px, 45px, 45px) !important;
}
radio[pane=paneContent] 
{
-moz-appearance: none !important;
	-moz-image-region: rect(0px, 135px, 45px, 90px) !important;
}
radio[pane=paneFeeds] 
{
-moz-appearance: none !important;
	-moz-image-region: rect(0px, 180px, 45px, 135px) !important;
}
radio[pane=panePrivacy] 
{
-moz-appearance: none !important;
	-moz-image-region: rect(0px, 225px, 45px, 180px) !important;
}
radio[pane=paneSecurity] 
{
-moz-appearance: none !important;
	-moz-image-region: rect(0px, 270px, 45px, 225px) !important;
}
radio[pane=paneAdvanced] 
{
-moz-appearance: none !important;
	-moz-image-region: rect(0px, 315px, 45px, 270px) !important;
}
/* ==== /// ICONES DE LA FENETRE PREFERENCES (options) ==== */

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

[ottomar]

Pipelining de la barre perso


soit
distingage des dossiers et des marque-pages par groupe
ou
groupage des dossiers et des marque-pages par distinction
ou
affichage des dossiers et des marque-pages par affinités

changeage du fond des dossiers et marque-pages de même curiosité ?
c'est mieux ?

Code : Tout sélectionner

/* ====== FOND DES MARQUE-PAGES BARRE PERSO ====== */
.bookmark-item[container="true"][label="Fire"],
.bookmark-item[container="true"][label="Fox"], 
.bookmark-item[container="true"][label="altX"],
.bookmark-item[container="true"][label="altH"]
{
	background-image: url("/home/ottomar/images/gnomeHuman/fondBarreFox.png") !important;
	margin-top: 0px !important;
	border-top: 0px !important;
}
.bookmark-item[container="true"][label="oTTo"],
.bookmark-item[container="true"][label="foTTos"], 
.bookmark-item[container="true"][label="foTo"]
{
	background-image: url("/home/ottomar/images/gnomeHuman/fondBarreOtto.png") !important;
	margin-top: 0px !important;
	border-top: 0px !important;
}
.bookmark-item[container="true"][label="Gecko"],
.bookmark-item[container="true"][label="Topic's"],
.bookmark-item[label="ZONE"]
{
	background-image: url("/home/ottomar/images/gnomeHuman/fondBarreZone.png") !important;
	margin-top: 0px !important;
	border-top: 0px !important;
}
/* ==== /// FOND DES MARQUE-PAGES BARRE PERSO ==== */

clair, c'est ?

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

Edith qu'est futée n'a pas été sans remarquer comme certains d'entre vous qu'on peut régler la largeur des marque-pages de la barre perso:

Code : Tout sélectionner

#PersonalToolbar .bookmark-item
{
	max-width: 60px !important;
	min-width: 60px !important;
}

bon, c'est l'heure de new-york police judiciaire : quand je suis là, je ne loupe pas !

[ottomar]

@Bambi : find it !

Edith : ottomar, ton truc ne marche absolument pas que ça en est honteux de s'être fourvoyé à ce point !
réponse à Edith : la seule raison que ça ne marche pas est que si tu fixes une largeur fixe à tes onglets, par exemple 200px, le cinquième onglet sur un écran en 1024px, il va aller se quicher où ?? donc, la largeur fixe, c'est là : http://www.geckozone.org/forum/viewtopi ... 115#286115 et pas ottrement ! et je peux encore coser plus fort que touais !

hattends ! c'est le genre de truc qu'est simple comme bonjour et qu'est sous tes yeux et que tu vois pas ! et soudainement, là, tout de suite, l'inspiration, le caillot dans le boyau de la tête saute, mon p'tit coeur élastique s'emballe : la solution est là !

J'ai cherché à regler la largeur des onglets sans succès.
J'ai bien vu la manip pour la hauteur.
J'ai essayé de rajouter un width mais ça ne change rien.

bordin, c'est d'une simplicité que même Edith n'y a pas pensé, Bambi, quand t'as la tête qui enfle, c'est bien l'intérieur qui gonfle, hein ! donc...
mais avant pêtez-vous ça, que ça vous changera les idées : je le chante à Edith tous les matins (je suis du matin, moi, pas comme jpj qui s'est encore couché tôt tard )

T'aimer ainsi dévoilé
entre argile fraîche et ardeur.
Boire entre des lèvres fendues
l'ardeur de la lumière de rosée.

Glisser sur le versant
de la gorge, être musique
où le silence afflue
et se concentre.

Irrépressible brûlure
ou vertige dédoublé
baiser à baiser,
blancheur dilacérée.

Pénétrer la douceur du sable
ou du feu,
dans la lumière brûlée
de la pupille la plus bleue,

dans l'or assombri
entre des pétales clos,
dans le haut et navigable
golfe du désir,

où la fureur habite
crispée d'aiguilles,
où je ferai saigner
tes eaux nues.

-Eugénio de Andrade- sur le blog d'Elvira : Tabacaria

Code : Tout sélectionner

.tab-middle
{
min-width: 150px !important;
max-width: 150px !important;
}

simplissime, hein ?
tu joues sur l'un, l'autre et les deux
bonjour à tous


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

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4