personnaliser Firefox avec le userChrome.css

[bormat]

oui il suffisait de se souvenir de position fixed

[ottomar]

est-ce que tu m'imaginerais me promener sans ma vêleuse ?

par contre, un -moz-box-ordinal-group qui fonctionne bien, trouvé chez userstyles pour changer l'ordre de ses barres d'outils, quoique si je me souviens bien, j'ai du faire ça dans le temps (!) sans code, juste en torturant un peu les dites barres

Code : Tout sélectionner

/* barre perso */
#navigator-toolbox #PersonalToolbar
{
 -moz-box-ordinal-group: 1 !important; 
}
/* barre menu principal */
#navigator-toolbox #toolbar-menubar
{ 
-moz-box-ordinal-group: 2 !important; 
}
/* barre de nav */
#navigator-toolbox #nav-bar 
{ 
-moz-box-ordinal-group: 3 !important;
}

pour avoir la barre perso au dessus du dessous

[bormat]

voici un code pour mettre les onglet au dessus de la barre de menu

Code : Tout sélectionner

.tabbrowser-strip {

  top: 0px !important;

  position:fixed !important;

  z-index:0 !important;

  width:100% !important;

 margin-left:0px;

}

[pirlouy]

Pas très fonctionnel tout ça !

[yfscooby]

Bonjour,

J'ai testé ceci pour mettre une image en arrière plan des menus:

Code : Tout sélectionner

#navigator-toolbox
{
   -moz-appearance: none !important;
   background: url("file:///C:/header.png") top right !important;
}

Mon problème est que la barre d'onglets n'est pas utilisée.

Si j'utilise la ligne suivante, l'image apparait bien sur la barre d'onglets mais je me retrouve avec 2 fois la même image affichée, alors que je n'en voudrais qu'une seule utilisant tout l'espace possible. Je sais cela possible puisque l'extension Personas le fait.

Code : Tout sélectionner

#navigator-toolbox, .tabbrowser-tabs

Auriez-vous une idée de comment faire ?

[bormat]

ha oui j'avais réussis dans un ancien theme à mettre une seul image pour les barre et les onglets
si je retrouve le code je le mettrais

[Pastisman]

Bonjour,

En coupant l'image en deux, et en mettant un bout en haut et un bout en bas

[pirlouy]

[ottomar]

et pirLOuy qui rigole alors qu'il est l'auteur d'un magic code qui fait ça sans se mettre les pouces dans les narines

Code : Tout sélectionner

#navigator-toolbox
{
-moz-appearance: none !important;
background-color: transparent !important;
}
#navigator-toolbox toolbar
{
-moz-appearance: none !important;
background-color: transparent !important;
}
.tabbrowser-tabs
{
background-image: none !important;
background-color: transparent !important;
}
#main-window
{
-moz-appearance: none !important;
background: url("http://www.izipik.com/images/20080920/j4w2y7h2ady4iqqfl2-Fluorescent-Blue-Mushroom-2-QL3R4YTHJ6-1280x1024.jpg") !important;
background-position: 0px -15px !important;
}

tu peux aussi bien mettre un chemin local
tu peux supprimer la ligne de calage background-position si tu ne veux pas caler
s'il s'agit d'un motif, ajoute background-repeat:repeat!important;

en fait, le code de PIRlouy permet avec autres ajouts la page imagée complète, yes ?



je ne fais que passer

[bormat]

j'ai retrouvais le code
#navigator-toolbox {
-moz-appearance : none !important;
background-image : url("chrome://global/skin/toolbar/t65.png") !important;
background-position: top left !important;
background-repeat : repeat-x !important;
background-color : #FFFFFF !important;
border : 0px !important;
}

#navigator-toolbox[iconsize="small"] {
-moz-appearance : none !important;
background-image : url("chrome://global/skin/toolbar/t65.png") !important;
background-position: top left !important;
background-repeat : repeat-x !important;
background-color : #FFFFFF !important;
border : 0px !important;
}


tab[selected="true"],
tab:hover:active[selected="true"] {
background: transparent url("chrome://global/skin/toolbar/t65.png") fixed top center !important;
-moz-background-clip: padding !important;
border: 1px solid #666666 !important;
border-top: none !important;
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-topright: 0px !important;
-moz-border-radius-bottomleft: 4px !important;
-moz-border-radius-bottomright: 4px !important;
margin: -1px 0px 0px -1px !important;
padding: 1px 1px 0px 1px;
}

[bormat]

Bonjour,

En coupant l'image en deux, et en mettant un bout en haut et un bout en bas

sauf que ça ne marche pas si on a une bar comme web développer ou autre

[pirlouy]

en fait, le code de PIRlouy permet avec autres ajouts la page imagée complète, yes ?

Ouais.

Sauf que j'avais remarqué un petit problème de CPU lorsqu'on mettait une image complète:
http://userstyles.org/styles/3874

Jul 22 2009, Note : I've noticed that if you use an image "below" web content, it uses more CPU for some sites. I guess it's a Firefox bug, or rather a limitation (I also guess things will be better when Compositor is integrated). So I advise you to test if it slows things down. If you prefer performances over appearance, you'd rather display an image only for toolbars (tabbar and statusbar include).

La flemme de traduite mon anglais minable !

[pirlouy]

sauf que ça ne marche pas si on a une bar comme web développer ou autre

Si...................................................................... Tu coupes ton image en 3...

Plus sérieusement, il faut s'inspirer du code évoqué dans le post d'ottomar au-dessus.
Admirez la modestie: je renvois vers le post d'ottomar... qui est à ma gloire.

[bormat]

sauf que ça ne marche pas si on a une bar comme web développer ou autre

Si...................................................................... Tu coupes ton image en 3...

Plus sérieusement, il faut s'inspirer du code évoqué dans le post d'ottomar au-dessus.
Admirez la modestie: je renvois vers le post d'ottomar... qui est à ma gloire.

[yfscooby]

Merci les gars,
Mais j'ai quand même des problèmes avec ces deux scripts.

Script de bormat :


Script de pirlouy :


Aucun des deux n'utilise la barre d'onglets.

Bizarrement, les script le plus convainquant que j'ai pu écrire ressemble étrangement à celui de pirlouy mais a un comportement plus proche de ce que je souhaite. Le seul problème restant étant que, comme avec le script de pirlouy, dès que je trouche à 'window' ou '#main-window', tout le cadre de la fenêtre disparait :


Mon script :

Code : Tout sélectionner

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

window {background-color:white!important;
background: url("http://www.izipik.com/images/20080920/j4w2y7h2ady4iqqfl2-Fluorescent-Blue-Mushroom-2-QL3R4YTHJ6-1280x1024.jpg") !important;
}

toolbox,
.tabbrowser-tabs {
-moz-appearance: none !important;
background-color:transparent!important;
}

D'autres idées ?