personnaliser Firefox avec le userChrome.css

[lili]

bonjour

pour la première question j'ai trouvé

mais toujours pasd pour la seconde

merci

lili

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[pepito]

Code : Tout sélectionner

/* ============ PHOTO DANS MENUS ET BARRES ============== */

menupopup,
#toolbar-context-menu,
#contentAreaContextMenu {
   background:
     rgb(255,255,255)
     url(http://ottomar.chez.tiscali.fr/res/redpanda.jpg)
     top left
     repeat-y
     !important;
}

sidebarheader,
#sidebar-box,
#appcontent,
#content {
   url(http://ottomar.chez.tiscali.fr/res/redpanda.jpg)
   top left
   repeat-x
   !important;
}

#navigator-toolbox {
   background:
     url(http://ottomar.chez.tiscali.fr/res/redpanda.jpg)
     top left
     repeat
     !important;
}

la mëme photo en fond des barres d'outils, des menus et de la sidebar,
résultat ici

merci à JPBardiau pour la photo : Firefox Pictures

ou simplement une photo de votre disque dur avec url(file:///D:/images/redpanda.jpg) par ex.
center au lieu de top left pour les menus, c'est mieux

voilà pour la 2eme question

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[lili]

bonsoir

merci por la réponse mais cela ne donctionn pas

j'ai ca pourtant

/* ============ PHOTO DANS MENUS ET BARRES ============== */

menupopup,
#toolbar-context-menu,
#contentAreaContextMenu {
background:
rgb(255,255,255)
url(http://i3.tinypic.com/wgpwmg.jpg)
center
repeat-y
!important;
}

sidebarheader,
#sidebar-box,
#appcontent,
#content {
url(http://i3.tinypic.com/wgpwmg.jpg)
center
repeat-x
!important;
}

#navigator-toolbox {
background:
url(http://i3.tinypic.com/wgpwmg.jpg)
top left
center
!important;
}

voilà

lili

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[pepito]

dommage!
la photo est......au poil

essaye en commentant tes precedentes modifs(menus et texte) et en ne laissant actif que cette derniere

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[lili]

dommage!
la photo est......au poil

essaye en commentant tes precedentes modifs(menus et texte) et en ne laissant actif que cette derniere

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

vi j'aime bien, les menus sont plus agréables a regarder comme cela

bon ca ne fonctionne pas, tant pis je vais en rester là. je te remerci pour ton aide

lili

[pepito]

bonjour,
bon,alors essayes ça

Code : Tout sélectionner

#nav-bar,
#PersonalToolbar,
.plain {
-moz-appearance: none !important;
background-image: url(http://i3.tinypic.com/wgpwmg.jpg) !important;
color: black !important;
font-weight: bold !important;
}

testé chez moi et ça marche sans problémes
tu peux rajouter les barres que tu veux
il est évident que le rendu sur une petite image n'est pas terrible,car bcp de repetitions,
voilà

edit: il est preférable d'importer l'image sur ton DD et de pointer vers ,ainsi
tu n'es tributaire que de ta machine

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[lili]

merci ca fonctionne mais comme tu dis c'est pas super

pas contre pour pour l'image direct depuis mon dd cela marche pas. tu vas te dire pas doué la lili

j'indique

C:\Documents and Settings\???\Mes documents\Mes images\dieuxstade2006.jpg et rien

j'ai mm inversé les \ en méttant / mais non



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[pepito]

en effet je n'ai pas précisé le chemin car je pensais que tu connaissais

exemple : *file:///C:/Mesimages/dieuxstade2006.jpg* (sans asterisques)
il est preférable de creer un dossier "images" sur ton DD le plus rapide(1ere partition)
exemple : *file:///F:/images/dieuxstade2006.jpg* (F pris au hasard)

pour l'image de fond il vaut mieux choisir du paysage que du portrait et autant que possible adapté à ta resolution d'écran
voilà...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[lili]

en effet je n'ai pas précisé le chemin car je pensais que tu connaissais

exemple : *file:///C:/Mesimages/dieuxstade2006.jpg* (sans asterisques)
il est preférable de creer un dossier "images" sur ton DD le plus rapide(1ere partition)
exemple : *file:///F:/images/dieuxstade2006.jpg* (F pris au hasard)

pour l'image de fond il vaut mieux choisir du paysage que du portrait et autant que possible adapté à ta resolution d'écran
voilà...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

et voilà ca marche

merci beaucoup

je vais me chercher un paysage maintenant

lili

[Berni]

J'ai réussi à faire 2 lignes mais je souhaiterais les distinguer par un séparateur horizontal! est ce possible?

Peut on mettre un espace dans la barre perso!

Merci d'avance



Message envoyé avec : Mozilla/5.0 (Windows; U; Win98; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

[ottomar]

bouhhhhhhhhhhhhh... c'est toujours trop court


salut les jeunes

J'ai réussi à faire 2 lignes mais je souhaiterais les distinguer par un séparateur horizontal! est ce possible?

ça demande des éclaircissages, ça n'être pas net ! où les lignes ?

une espace ?
tu peux peut-être donner un peu d'air à ton marque-pages, à gauche ou à droite comme tu penches (si tu ne penches pas, à droite et à gauche) :

Code : Tout sélectionner

.bookmark-item[label="mon beau label"]
{
	margin-left: 100px !important;
}

ou peut-être créer un nouveau marque-page, le cibler sur n'importe où, lui sucrer l'icône, le dénommer ( rien dans la zone nom des propriétés, rien, c'est rien : pas "rien") comme ça, tu peux le promener et le mettre où tu veux. je ne sais pas bien si c'est faisable (pas d'icône et rien)

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

Edith, que j'ai ramenée (ben... oui !) me dit que ça marche

Code : Tout sélectionner

.bookmark-item[label=""] .toolbarbutton-icon
{
	display: none !important;
}
.bookmark-item[label=""]
{
	min-width: 40px !important;
	max-width: 40px !important;
}

et elle ajoutera que tu peux bien en faire plus d'un de rien

dis-voir, Pépito, tu l'as connue où, Edith ? sur le ponte vecchio elle arrêtait pas de dire : "ohhhh, la pépite ohhhh, la pépite"

[pepito]

dis-voir, Pépito, tu l'as connue où, Edith ? sur le ponte vecchio elle arrêtait pas de dire : "ohhhh, la pépite ohhhh, la pépite"

j'ai oublié de preciser....Localisation: " cigarettes...pastis...et petites pépées"
ça se trouve que dans le Sud
sans aller jusqu'à Venise

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[Invité]

Yoko, tout simplement

Code : Tout sélectionner

#searchbar { display: none !important;}

mais c'est bien dommage, il y a des searchplugins...passionnants; jette l'oeil à Sherlock Cherche, tu pourrais aussi la faire toute rikiki

Code : Tout sélectionner

#searchbar { width: 80px !important; }

myahoo,
j'aime mieux ton que ton en coin du bas

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

[a7]

lu',

j'utilise le code ci-dessous pour gagner de la place (en supprimant les marges) dans les toolbars

une ptite capture :


UI size reduction customisations :

Code : Tout sélectionner

/* =========> UI size reduction customisations =========>*/

/* Top toolbar */
toolbar {
border: none !important;
padding-bottom: 3px !important;
}
 
/* Content area (encompasses TBE tab bar) */
#content {
   padding-left: 0px !important;
   padding-top: 0px !important;
   padding-bottom: 0px !important;
   border-left: 0px !important;
   border-bottom: 0px !important;
}
 
/* Tab bar itself */
tabbox {
   padding-top: 0px !important;
   }
 
/* Individual tab size */
tab {
   margin-top: -2px !important;
   margin-bottom: -2px !important;
   margin-left: 1px !important;
   } 
 
/* Individual tab inner content area */
#content > tabbox tab {
padding: 0px 1px 1px 1px !important;
}
 
/* Text menus */
menubar > menu {
max-height: 24px !important;
padding-left: 3px !important;
padding-right: 0px !important;
margin-left: 1px !important;
margin-right: 0px !important;
margin-top: 0px !important;
margin-bottom: -1px !important;
}
 
/* URL entry box */
#urlbar {
height: 22px !important;
margin-top: -3px !important;
margin-bottom: -4px !important;
margin-right: 0px !important;
margin-left: 1px !important;
padding-bottom: 1px !important;
}
 
/* URL box dropdown marker */
.autocomplete-history-dropmarker {
margin-bottom: -1px !important;
}
 
/* Make the Search box wider */ 
#search-container, #searchbar { 
   width: 200px !important; 
}
 
/* Search box outer section */
#search-container {
margin-top: -3px !important;
margin-bottom: -4px !important; /* -4px for default theme */
margin-right: -4px !important;
margin-left: -4px !important;
padding: 0px !important;
}
 
/* Set max nav bar height */
#nav-bar {
max-height: 28px !important;
}
 
/* Set global button size and padding */
toolbarbutton {
padding: 0px 2px 0px 2px !important;
}
 
/* Main menu button height only */
.toolbarbutton-1, .toolbarbutton-menubutton-button {
max-height: 28px !important;
}
 
/* Remove Close Tab button whitespace to shrink tab bar height */
#content .tabs-closebutton {
margin-top: -1px !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
margin-left: 0px !important;
/* border: 1px solid transparent !important; */
padding: 1px 0px 1px 2px !important;
}

si sa peut servir à quelqu'un ...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

[ottomar]

Pour en finir avec la fenêtre 'modification des barres d'outils'
#CustomizeToolbarWindow
http://www.geckozone.org/forum/viewtopi ... 353#233353
http://www.geckozone.org/forum/viewtopi ... 888#233888

Cette chose-là est casse-cerises (?!?) : même avec la manip de FF_Olivier, chaque fois que je l'attouche, elle persiste à revenir à sa dimension origin'elle. Têtue, la machine : c'est que les dimensions sont définies dans le customizeToolbar.js du dossier global du dossier content (ou pas) de l'achive toolkit.jar du dossier chrome du dossier d'installation de votre petit panda rouge favori ou préféré (ya une nuance)

surtout pas peur : c'est simple comme Edith

marche à monter : descendez dans le dossier d'installation de firefox, ouvrir le dossier bien sûr, ouvrir le dossier chrome, trouver le fichier-archive toolkit.jar,

le copier (clic droit > copier), le renommer en toolkit.jar.bak ou en quelque chose dont vous vous souviendrez que ce que c'est et que vous saurez que c'est ce que c'est (si possible), le coller (la copie) dans un dossier à vous vierge de toute soupe (c'est le dossier qui doit être vierge)

vous décompressez l'archive toolkit.jar dans le même dossier (clic droit)




apparait le dossier content (même si pas)




ouvrez content




ouvrez global, vous y êtes

trouvez, c'est pas compliqué, customizeToolbar.js et l'ouvrez-le avec votre éditeur de texte préféré (ou favori) sous windows notepad suffit


les premières lignes, c'est ça :



vous donnez à kWindowWidth (largeur) et kWindowHeight (hauteur) les dimensions que vous désirez, vous enregistrez,
là, dans votre navigateur de fichiers (ou explorateur, je vous passe la nuance) remontez direct à votre dossier vierge vers content (celui où il y a votre toolkit.jar), cliquez à droite sur le content (toujours),



et vous le recompressez (sous win avec winzip ou 7zip, ça doit donner un fichier en .zip que vous renommerez .jar) voilà votre nouveau toolkit.jar prêt à l'introduction.

vous le copiez, vous allez dans le dossier firefox d'installation, vous ouvrez le dossier chrome et vous vous y le collez. redemarrer firefox, votre fenêtre de personnalisation est à vos dimensions


pour ordonner la position des boutons dans la fenêtre, dans le userChrome.css :

Code : Tout sélectionner

/* aligner les boutons de la fenêtre de personnalisation */
#palette-box > .paletteRow > toolbarpaletteitem 
{
  	width: 0px !important;
}

aussi facile qu'Edith, je vous dis (je vous passe les nuances de facile, mais allez y jetter un coup d'oeil (à facile, pas à Edith)) :
facile
en tous cas pas besoin de s'enfiler le pouce à se gratter la dure-mère

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3