► Pour la barre d'état, en fait le code tel qu'il est ça revient comme s'il y avait un "repeat-y" , et du coup l'image est prise en compte aussi dans cette barre.
Mais si tu trouve que les motifs de l'image tombent mal par rapport à la barre, tu peux rajouter "no-repeat" , et tu ré-affiches l'image dans la barre d'état, et tu peux même jouer sur sa position si les motifs sont mal appropriés pour bien lire les infos de la barre (suivant l'image utilisée bien entendu) J'ai trouvé les infos ici
http://www.openweb.eu.org/articles/background_css . Je soupçonne même Personas de jouer à ça, d'après les quelques images que j'ai testé...
Pour le sélecteur de la barre d'état, j'ai pris
#browser-bottombox au lieu de
statusbar, pcq si on colle ce code sans la première partie:
window {...} , ce sélecteur permet d'avoir la priorité par rapport au Thème (pas Personas), sinon avec
statubar ça passe pas
(j'en profite pour préciser que j'ai fais un essai avec seulement un thème- "walnut" - donc ça dépend peut-être du thème...)
Donc je résume ce que je propose comme code:
Code : Tout sélectionner
window
{
-moz-appearance: none !important;
background: rgb(255,255,255) url("http://getpersonas-cdn.mozilla.net/static/0/6/73206/zhuhai1.JPG?1261082679") top right no-repeat !important;
}
#browser-bottombox
{
-moz-appearance: none !important;
background: rgb(255,255,255) url("http://getpersonas-cdn.mozilla.net/static/0/6/73206/zhuhai1.JPG?1261082679") 50%/*horizontal*/ 100%/*vertical*/ no-repeat !important;
}
Sinon bien entendu on peut choisir sa propre image, et bien encore une (ou des couleurs) avec par exemple des dégradés, voir cette page:
https://developer.mozilla.org/fr/Utilis ... rad%c3%a9s
Tout en sachant que les couleurs peuvent être attribuées de plusieurs façons:
- le nom→ background: red ;
- le code hexadécimal→ background: #ff0000 ;
- le code rgb(...,...,...) où chaque valeur de red/green/blue peut s'afficher de 0 à 255 ou encore en % .
voir le ptit plus avec le code rgba , voir ceci:
http://www.alsacreations.com/tuto/lire/ ... -rgba.html
► Pour l'utilisation d'inspecteur DOM, une fois sa fenêtre ouverte → Fichier → Examiner le chrome d'un document → puis choisi une page.
Ensuite dans le cadre de gauche clique sur
window et ensuite je pense que ça sera plus parlant en image:
et t'as plus qu'à copier l'adresse par un clic-droit:
/!\ il faut que le thème-Personas vienne d'être sélectionné: si tu installes le thème-Personas et que tu fermes FF, à la prochaine relance de FF si tu recherche l'url de l'image-personas tu obtiendras l'adresse de ton fichier dans le profile FF.
Voilà, si ça peut éviter de se trimballer avec une version de FF qui finira par plus être à jour...
j'espère avoir réussi à être clair, pcq c'est pas toujours évident.
