Page 80 sur 92
Re: personnaliser Firefox avec le userChrome.css
Publié : 02 déc. 2009, 19:59
par bormat
oui il suffisait de se souvenir de position fixed
Re: personnaliser Firefox avec le userChrome.css
Publié : 03 déc. 2009, 13:49
par 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
Re: personnaliser Firefox avec le userChrome.css
Publié : 03 déc. 2009, 15:43
par 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;
}
Re: personnaliser Firefox avec le userChrome.css
Publié : 03 déc. 2009, 19:56
par pirlouy
Pas très fonctionnel tout ça !
Re: personnaliser Firefox avec le userChrome.css
Publié : 03 déc. 2009, 20:56
par 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.
Auriez-vous une idée de comment faire ?
Re: personnaliser Firefox avec le userChrome.css
Publié : 04 déc. 2009, 09:43
par 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
Re: personnaliser Firefox avec le userChrome.css
Publié : 04 déc. 2009, 11:16
par Pastisman
Bonjour,
En coupant l'image en deux, et en mettant un bout en haut et un bout en bas
Re: personnaliser Firefox avec le userChrome.css
Publié : 04 déc. 2009, 12:58
par pirlouy
Re: personnaliser Firefox avec le userChrome.css
Publié : 04 déc. 2009, 13:54
par 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
Re: personnaliser Firefox avec le userChrome.css
Publié : 04 déc. 2009, 18:23
par 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;
}
Re: personnaliser Firefox avec le userChrome.css
Publié : 04 déc. 2009, 18:25
par bormat
Pastisman a écrit :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
Re: personnaliser Firefox avec le userChrome.css
Publié : 04 déc. 2009, 19:13
par pirlouy
ottomar a écrit :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 !
Re: personnaliser Firefox avec le userChrome.css
Publié : 04 déc. 2009, 19:20
par pirlouy
bormat a écrit :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.
Re: personnaliser Firefox avec le userChrome.css
Publié : 04 déc. 2009, 19:44
par bormat
pirlouy a écrit :bormat a écrit :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.
Re: personnaliser Firefox avec le userChrome.css
Publié : 05 déc. 2009, 14:25
par 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 ?