personnaliser Firefox avec le userChrome.css

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : Mori, myahoo, jpj, nico@nc

Avatar de l’utilisateur
ottomar
Varan
Messages : 1128
Inscription : 09 janv. 2005, 07:31
Localisation : 3113 + n cancoillottés
Contact :

Message par ottomar » 14 avr. 2006, 18:54

Je me la suis grattée depuis un moment (on vit trés bien avec une seule, soit dit en passant, quoique, mais c'est un ottre souci) et bordin-bordin, les :zovers :actives, ça sert à changer l'apparence de quelque chose; si vous faites :hover sur le nez, ça les fait bouger, non ? donc, le tout à été de trouver quoi changer (héhé !) mais le plus dur a été comment... et vous pouvez bien faire pareil avec la #nav-bar et vos autres #barre-id
C'est ce post-là qui m'a hélé : http://www.geckozone.org/forum/viewtopic.php?t=38503

CACHER/MONTRER LA BARRE PERSO AVEC :HOVER

Code : Tout sélectionner

#PersonalToolbar 
{
  display: none !important;
}
#navigator-toolbox:hover > #PersonalToolbar 
{
  display: -moz-box !important;
}
ainsi, quand le mulot vous la grignotte, elle sort de son trou ! et vous pouvez bien faire pareil avec la #nav-bar et vos autres #barre-id, je dois dire que j'ai mis le temps à trouver ce que le mulot aimait le plus, les boutons ne l'intéressent pas

autre solution, à cause que Edith veut toujours avoir la météo sous le nez, moi pas, m'enfin, qu'est-ce je ferais pas pour elle, j'y ai mis la forecastfox dans une nouvelle barre dont la douce id est #__customToolbar_forecast
déjà rendre la #navigator-toolbox cliquable, et quand vous enfoncez (et laissez enfoncer) une zone vide de la barre principale (#toolbar-menubar), la barre forecast se montre
un p'tit inconvénient pourtant le temps d'un clic sur les boutons ! mais pas gênant

Code : Tout sélectionner

#navigator-toolbox
{
-moz-user-select: normal !important;
}
#__customToolbar_forecast 
{
  display: none !important;
}
#navigator-toolbox:active > #__customToolbar_forecast
{
  display: -moz-box !important;
}
bon, le p'tit bookmarklet de Jessie Rudermann qui va bien pour ceux qui ne veulent pas installer linkification (l'extension qui liquéfie les liens textuels dans une page web) : dans un nouveau marque-page, en zone 'adresse web'

Code : Tout sélectionner

javascript:(function(){var D=document; D.body.normalize(); F(D.body); function F(n){var u,A,M,R,c,x; if(n.nodeType==3){ u=n.data.search(/https?\:\/\/[^\s]*[^.,;'%22>\s\)\]]/); if(u>=0) { M=n.splitText(u); R=M.splitText(RegExp.lastMatch.length); A=document.createElement(%22A%22); A.href=M.data; A.appendChild(M); R.parentNode.insertBefore(A,R); } }else if(n.tagName!=%22STYLE%22 && n.tagName!=%22SCRIPT%22 && n.tagName!=%22A%22)for(c=0;x=n.childNodes[c];++c)F(x); } })();
*pour la barre d'état : en mettre une autre avec le userChrome, non ; la mettre sur deux étages, p'tre que oui
*FF_Olivier : superbe
*Pepito : re mille
*Mori : je jacte ? :lol:
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.1) Gecko/20060124 Firefox/1.5.0.1

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

vérif du connectage et envoyage !

Avatar de l’utilisateur
FF_Olivier
Iguane
Messages : 979
Inscription : 09 juil. 2004, 15:41
Localisation : BXL

Message par FF_Olivier » 14 avr. 2006, 20:02

ottomar a écrit :
CACHER/MONTRER LA BARRE PERSO AVEC :HOVER

Code : Tout sélectionner

#PersonalToolbar 
{
  display: none !important;
}
#navigator-toolbox:hover > #PersonalToolbar 
{
  display: -moz-box !important;
}
Houlà, plantage systématique chez moi, dès que je parcoure et puis que je quitte un sous-menu de ma barre perso sans cliquer sur rien, en faisant passer le pointeur directement du sous-répertoire à la fenêtre de visualisation :( .
Dommage, pcq je l'aime bcp cette astuce-là :? ...

Système : Mozilla/5.0 (Windows; U; Win98; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2
*FF_Olivier : superbe
Merci merci !
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !

Avatar de l’utilisateur
ottomar
Varan
Messages : 1128
Inscription : 09 janv. 2005, 07:31
Localisation : 3113 + n cancoillottés
Contact :

Message par ottomar » 14 avr. 2006, 21:12

strange... pour un pôvre code css, essayé sur un autre profil ?
d'autres retours de plantage ??

Avatar de l’utilisateur
FF_Olivier
Iguane
Messages : 979
Inscription : 09 juil. 2004, 15:41
Localisation : BXL

Message par FF_Olivier » 15 avr. 2006, 00:18

ottomar a écrit :strange... pour un pôvre code css, essayé sur un autre profil ?
Oui, essayé sur un profil tout neuf et un userChrome.css tout vide sauf le bout de code en question, mais après import de mon bookmarks.html bien rempli.
Bah, tant pis, sans doute que je sature ma RAM ?

(Il est temps que je réinstalle un Linux :mrgreen: ...)
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !

Avatar de l’utilisateur
ottomar
Varan
Messages : 1128
Inscription : 09 janv. 2005, 07:31
Localisation : 3113 + n cancoillottés
Contact :

Message par ottomar » 15 avr. 2006, 09:22

trés mieux pour la barre forecast et pour éviter les désagréments des clics sur les boutons (ça m'énerve) : elle est maintenant dans la #nav-bar avec la barre d'adresse
1/ activer la nav-bar
2/ forecast pas visible
3/ click approfondi sur la barre d'adresse ou sur la nav-bar

Code : Tout sélectionner

#nav-bar
{
-moz-user-select: normal !important;
}
#ff-deck
{
display: none !important;
}
#nav-bar:active > #ff-deck
{
display: -moz-box !important;
}
c'est le même principe : #contenant:actif > contenu

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.1) Gecko/20060124 Firefox/1.5.0.1

Invité

Message par Invité » 16 avr. 2006, 10:24

Salut comment dire, voilà j'ai crée un bouton moi même, je l'ai intégré dans ma barre perso et je voudrais maintenant activer/désactiver la commande "Travailler hors connexion".

Cependant auriez-vous plus d'infos sur ces commandes (par exemple un nouvel onglet, ouvrir une adresse, enregistrer sous, imprimer, ...) depuis la barre d'outil.

Merci...

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

LaurentX

Message par LaurentX » 16 avr. 2006, 19:46

Salut,

voila j'ai installé une nouvelle barre sur ff.Je voulais savoir si c'était possible, de mettre une couleur particulière pour tous les menus?
En fait,j'ai plusieurs boutons sur cette barre qui m'ouvre différents menus lorsque l'on clique dessus.Et c'est tout ces menus que je voudrai colorer.
Par exemple ma barre est

Code : Tout sélectionner

toolbar.chromeclass-toolbar#_customtoolbar_mabarre
J'ai essayé

Code : Tout sélectionner

toolbar.chromeclass-toolbar#_customtoolbar_mabarre .menuitem
{
mon code
}
avec plusieurs variantes mais ca ne va pas?

Merci d'avance pour vos reponses

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

iasse2002

Message par iasse2002 » 17 avr. 2006, 11:46

Merci ottomar c'est ce genre d'astuce qu'il me fallait ! Je peux déjà sans problème l'utiliser pour la barre perso mais peut-on aussi faire de même avec la barre des menus ?

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é

Re: personnaliser Firefox avec le userChrome.css

Message par Invité » 17 avr. 2006, 16:27

ottomar a écrit :Depuis le temps que ça me gratouillait...
voici quelques trucs à mettre dans le userChrome.css
c'est la boite à malice pour personnaliser Firefox,
c'est honteusement pompé là et ailleurs...

le userChrome.css : pour ne pas vous posez de questions sur son emplacement dans votre profil au milieu des dossiers cachés de windows, suivez la méthode du camarade-Mozilla-Mori : installez l'extension chromeEdit qui se charge de le trouver et de l'éditer. Une fois installée, vous la trouvez dans outils>éditer les fichiers utilisateurs. (idem userContent, prefs.js et user.js).Ou installez editConfigFiles, (traduite par le camarade-tyrasonaure-euh-tynasanau-tysananaurus-enfinTRex! Jim, aujourd'hui 6 décembre 2005, mozilla) qui les ouvre et édite dans votre éditeur de texte préféré (dans paramêtres) L'avantage est que vous pourrez sauvegarder vos fichier uilisateurs en utf-8 (utile, par exemple, pour cacher le menu <Aller à>)
Si certains 'trucs' ne marchent pas, rajouter au début de la déclaration, juste après le {
-moz-appearance: none !important;

=====
NEW:
CHECKBOX page... 259872
SEARCHPLUGINS DE LA BARRE DE RECHERCHE page... 257883
MESSAGES D'ERREUR, D'?, D'!! ET DE MESSAGE page... 253960
ONGLETS : LARGEUR page... 247827
=====
=====
Dans ce post

IMAGE DE FOND DU 'A PROPOS DE' ET page... 205494

CACHER LES MENUS CONTEXTUELS

MENU PRINCIPAL

SEPARATEURS

MENU MARQUE-PAGES ET BARRE PERSONNELLE

ZONE D'ADRESSE (URL) ET page... 221966 ET page... 255041

INFOBULLE (TOOLTIP)

ZONE DE RECHERCHE (GOOGLE)

MENUS POPUP

BARRE D'OUTILS

PHOTO DANS MENUS ET BARRES

BARRE D'ONGLETS

PRESENTATION DES ONGLETS

BARRE D'ETAT (STATUS BAR) ET page... 255041

FENETRE DU GESTIONNAIRE DE MARQUE-PAGES

FENETRE DES OPTIONS

BARRE LATERALE (SIDEBAR) (historique, bookmarks, sage)

FENETRE DU GESTIONNAIRE D'EXTENSIONS

BARRE D'ALERTE

=====
=====
Compléments à ce post

SIDEBAR HORIZONTALE : SEPARER L'ECRAN HORIZONTALEMENT, NAVIGUER DEPUIS LA SIDEBAR page... 225700

HOVER SUR LES BOUTONS DE NAV ET BARRE PERSO ET ONGLETS : page... 202999

UNE ICONE POUR CHAQUE DOSSIER MARQUE-PAGES : page... 203037

SOULIGNER LES MARQUE-PAGES : page... 206653

FENETRE DU GESTIONNAIRE DE MARQUE-PAGES : page... 207295

FONDS DES VOLETS LATERAUX (SIDEBAR) : page... 208090

FENETRE DES OPTIONS : page... 208609, page... 209161, page... 245337

SEPARATEURS VERTICAUX : page... 208275, page... 208221

LE FOUR A COOKIES : page... 211448

BOUTONS D'EXTENSIONS DANS LA BARRE D'OUTILS : page... 211901

COLLER UNE IMAGE DANS UN BOUTON DE COMMANDE (OK, ANNULER) : page... 212557

LES BOUTONS PAGE PRECEDENTE, PAGE SUIVANTE (#back-button et #forward-button) : page... 213618

LES BOUTONS STOP, ACTUALISER, SWEET HOME : page... 214618

SYNTAXE DU LANGUAGE CSS ET LIENS UTILES : page... 216831

LES ICONES DES MENUS (+un peu de DOMINSPECTOR) : page... 218191

LES FENETRES DE THEMES ET EXTENSIONS : page... 220053

BOX-INHERIT : FACILE, SIMPLISSIME POUR PERSONNALISER EN BLOC : page... 220754

REDUIRE LES FAVICONES POUR REDUIRE LA HAUTEUR DES MENUS MARQUE-PAGES : page... 220900

SILVERSKIN EN 5 IMAGES ET 6 LIGNES DE CODE : page... 221571

LE GESTIONNAIRE DES TÉLÉCHARGEMENTS : page... 222356

SIDEBAR HORIZONTALE : SEPARER L'ECRAN HORIZONTALEMENT, NAVIGUER DEPUIS LA SIDEBAR page... 225700

FENETRE PERSONNALISER (MENU CONTEXTUEL DES BARRES D'OUTILS) FF_Olivier page... 233353 et page...233888

DIFFERENCIER LES DOSSIERS MARQUE-PAGES DES MARQUE-PAGES SIMPLES page... 237277

METTEZ VOS BOUTONS DANS LA BARRE D'ETAT : STATUS-BUTTONS page... 43882

LES ICONES D'ONGLETS DE LA FENETRE PREFERENCES/OPTIONS page... 245337

DOSSIERS ET MARQUE-PAGES DE LA BARRE PERSO : IMAGE DE FOND PAR 'CATEGORIE' page... 247354

ONGLETS : LARGEUR page... 247827

MESSAGES D'ERREUR, D'?, D'!! ET DE MESSAGE page... 253960

SEARCHPLUGINS DE LA BARRE DE RECHERCHE page... 257883

CHECKBOX page... 259872
=====



=== IMAGE DE FOND DU 'A PROPOS DE' ===

Code : Tout sélectionner

#aboutDialog #clientBox {
   -moz-appearance: none !important;
   background-image: url("file:///D:/images/redpanda.jpg") !important;
   min-height: 429px !important;
   min-width: 344px !important;
}
#aboutDialog #version {
   text-align: right !important;
   color: #800000 !important;
   margin: 0px 20px 20px 10px !important;
}
#aboutDialog #copyright {
   font-size: 90% !important;
   margin: 0px 20px 10px 20px !important;
   color: #800000 !important;
}
#aboutDialog #userAgent {
   background: transparent !important;
   color: navy !important;
   margin: 0px 10px 10px 10px !important;
   min-width: 95% !important;
}
=== CACHER LES MENUS CONTEXTUELS ===

Code : Tout sélectionner

/* Cacher les items de menu désactivés (tout menu) */
/* Par exemple, vous ne verrez plus "précédente" dans le menu contextuel
s'il n'y a pas de page précédente dans l'onglet*/

menuitem[disabled="true"] 
{
display: none; 
}


/* Solution la plus simple pour cacher un menu: en utilisant son libellé */
/* Sauvegarder en utf-8 si accents...! */

menuitem[label="Edit Config Files"],
{
display: none !important;
}


/* Supprimer les items du menu contextuel PAGE WEB */

#context-back, /* "Précédente" */
#context-forward, /* "Suivante" */
#context-reload, /* "Actualiser" */
#context-stop, /* "Arrêter" */
#context-sep-stop, /* Separateur en dessous de "Arrêter" */
#context-bookmarkpage, /* "Marquer cette Page" */
#context-savepage, /* "Enregistrer sous..." */
#context-sendpage, /* "Envoyer un lien vers la page..." */
#context-sep-viewbgimage, /* Separateur au dessus de "Afficher l'image de fond" */
#context-viewbgimage, /* "Afficher l'image de fond" */
{ 
display: none; !important; 
}


/*  Supprimer les items du menu contextuel LIENS */

#context-openlink, /* "Ouvrir le lien dans une nouvelle fenêtre" */
#context-openlinkintab, /* "Ouvrir le lien dans un nouvel onglet" */
#context-sep-open, /* Separateur en dessous de "Ouvrir le lien dans un nouvel onglet" */
#context-bookmarklink, /* "Marque-Page sur ce lien" */
#context-savelink, /* "Enregistrer la cible du lien sous..." */
#context-sendlink, /* "Envoyer le lien..." (showed on links) */
#context-copyemail, /* "Copier l'adresse e-mail" */
#context-copylink, /* "Copier l'adresse du lien" */
#context-sep-copylink, /* Separateur en dessous de "copier l'adresse du lien" */
{
display: none; !important; 
}


/* Supprimer les items du menu contextuel IMAGE */

#context-viewimage, /* "afficher l'image" */
#context-copyimage-contents, /* "Copier l'image" */
#context-copyimage, /* "Copier l'adresse de l'image" */
#context-sep-copyimage, /* Separateur en dessous de "Copier l'adresse de l'image" */
#context-saveimage, /* "Enregistrer l'image sous..." */
#context-sendimage, /* "Envoyer l'image..." */
#context-setWallpaper, /* "Choisir l'image comme fond d'écran..." */
#context-blockimage, /* "Bloquer les images provenant de..." */
{ 
display: none; !important; 
}


/* Supprimer les items du menu contextuel TEXTE */

#context-undo, /* "Annuler" jamais vu !? */
#context-sep-undo, /* Separateur en dessous de "Annuler" */
#context-cut, /* "Couper" */
#context-copy, /* "Copier" */
#context-paste, /* "Coller" */
#context-delete, /* "Supprimer" */
#context-sep-paste, /* "Separateur en dessous de "Supprimer" */
#context-selectall, /* "Tout sélectionner" */
#context-sep-selectall, /* "Separateur en dessous de "Tout sélectionner" */
#context-searchselect, /* "Chercher sur le web..." */
#context-viewpartialsource-selection, /* "Code source de la sélection" */
#context-keywordfield, /* "Mot clé pour cette recherche..." ?! */
{ 
display: none; !important; 
}


/* Supprimer les items du menu contextuel PROPRIETES */

#context-printpage, /* "Imprimer..." */
#frame-sep, /* Separateur au dessus de "Ce cadre" ?! */
#frame, /* "Ce cadre" */
#context-viewpartialsource-mathml, /* "View MathML Source"  ??? */
#context-sep-properties, /* Separator au dessus des items de propriétés */
#context-viewsource, /* "Code source de la page" */
#context-viewinfo, /* "Informations sur la page" */
#context-metadata, /* "Propriétés" */
{ 
display: none; !important; 
}

=== MENU PRINCIPAL ===

Code : Tout sélectionner

/* Supprimer les items du MENU PRINCIPAL (Firefox avant 1.5) */
/* sauvegarder le userChrome.css en code utf8 pour faire passer"Aller à" */
/* http://www.geckozone.org/forum/viewtopic.php?t=13003&highlight=supprimer+menu */

#navigator-toolbox menu[label="Fichier"],
#navigator-toolbox menu[label="Edition"],
#navigator-toolbox menu[label="Affichage"],
#navigator-toolbox menu[label="Aller à"],
#navigator-toolbox menu[label="Marque-pages"],
#navigator-toolbox menu[label="Outils"],
#navigator-toolbox menu[label="?"]
{ 
display: none !important; 
}

/* Supprimer les items du MENU PRINCIPAL (Firefox 1.5) */

#file-menu, /* Fichier */
#edit-menu, /* Edition */
#view-menu, /* Affichage */
#go-menu, /* Aller à */
#bookmarks-menu, /* Marque-pages */
#tools-menu, /* Outils */
#helpMenu /* ? */
{ 
display: none !important; 
}


/* Supprimer tout le MENU PRINCIPAL */

#toolbar-menubar 
{ 
display: none !important; 
}

=== SEPARATEURS ===

Code : Tout sélectionner

/* Couleur hauteur des séparateurs */

menuseparator 
{
-moz-appearance: none !important;
margin: 3px 0px !important;
border-top-color:#800000 !important;
border-bottom-color:#000000 !important;
border-width:5px 0px !important;
border-style:solid !important;
}

 /* Cacher les séparateurs (tout menu) */
 
menuseparator 
{ 
display: none;
}


/* Séparateurs transparents (ou non en changeant le code couleur */

menuseparator
{
margin: 5px 0px !important;
border-top: none !important;
border-bottom: none !important; 
}

=== MENU MARQUE-PAGES ET BARRE PERSONNELLE ===

Code : Tout sélectionner

/* Régler la largeur d'affichage dans le menu marque-pages, par défaut 26em) */

menu.bookmark-item, menuitem.bookmark-item 
{ 
max-width: 40em !important; 
}


/* Supprime le dernier item "ouvrir dans des onglets" */

.openintabs-menuseparator, .openintabs-menuitem 
{ 
display: none !important; 
}


/* Icones pour chaque dossier de marque-pages dans la barre personnelle */
/* Attribuer à 'label' le nom du dossier */

.bookmark-item[container="true"][label="News"] 
{
list-style-image: url("file://D:/images/icones/Arvid/Icon files/Globe.ico") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}


/* Régler la police */

toolbar 
{
font-family: verdana, helvetica !important;
font-size: 10px !important;
}


/* Espacement des boutons de la barre personnelle -haut-droite-bas-gauche- */

toolbarbutton 
{
padding: 0px 0px 0px 0px !important;
}


/* Barre personnelle sur plusieurs lignes */ 

#bookmarks-ptf 
{ 
display: block; 
}
#bookmarks-ptf toolbarseparator 
{ 
display: inline; 
}


/* Supprimer les icones de dossiers et de marque-pages dans la barre personnelle */

toolbarbutton.bookmark-item > .toolbarbutton-icon 
{
display: none;
}

/* === SOULIGNER LES MARQUE-PAGES === */

/* Ne souligne pas les items normaux du menu Marque-pages */
menuitem.bookmark-item >
{
text-decoration: none !important;
}
/* Souligne dans la barre perso */
toolbarbutton.bookmark-item
{
text-decoration: underline !important;
}
/* Souligne dans le menu Marque-pages */
menu.bookmark-item
{
text-decoration: underline !important;
}
/* Souligne les groupes dans le menu Marque-pages */
menuitem.bookmark-group
{
text-decoration: none !important;
}

=== ZONE D'ADRESSE (URL) ===

Code : Tout sélectionner

/* Fond de la barre d'adresse */
/* Ou une image (background-image) */

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


/* Changer la police de la barre d'adresse */

#urlbar
{ 
font-family: Arial !important; 
font-size: 9pt !important; 
}


/* Pour indiquer le niveau de sécurité des pages */
/* http://www.users.on.net/~grypen/Downloads/userChrome.css */
/* les images sont à charger http://www.users.on.net/~grypen/Downloads/ */
/* les installer dans le même répertoire que votre userChrome */

#urlbar[level="high"] > .autocomplete-textbox-container 
{
background-image: url('high.png') !important;
background-color: none !important;
font-weight: 600 !important;
}

#urlbar[level="low"] > .autocomplete-textbox-container 
{
background-image: url('low.png') !important;
background-color: none !important;
font-weight: 600 !important;
}

#urlbar[level="broken"] > .autocomplete-textbox-container 
{
background-image: url('broken.png') !important;
background-color: none !important;
font-weight: 600 !important;
}


/* Carrément le contraire! */
#urlbar[level="high"] > .autocomplete-textbox-container,
#urlbar[level="low"] > .autocomplete-textbox-container,
#urlbar[level="broken"] > .autocomplete-textbox-container 
{
background-color: transparent !important; 
}

/* mise à jour FF1.5 */
#urlbar[level="high"] #autocomplete-security-wrapper,
#urlbar[level="low"] #autocomplete-security-wrapper,
#urlbar[level="broken"] #autocomplete-security-wrapper
{
   background-color: transparent !important;
   -moz-appearance:  none !important;
}

=== INFOBULLE (TOOLTIP) ===

Code : Tout sélectionner

/* Fond, couleur du texte et style */

tooltip 
{
-moz-appearance: none !important;
background-image: url(file:///D:/images/redpanda.jpg) !important; /* ou couleur background-color */
color: #800000 !important;
font-size: 10px !important;
border: none !important;
}

=== ZONE DE RECHERCHE (GOOGLE) ===

Code : Tout sélectionner

/* Elargir la boite de recherche (uniquement élargir, sinon suivant) */

#search-container, #searchbar 
{ 
-moz-box-flex: 400 !important; 
}


/* Largeur de la boite de recherche */

#search-container 
{ 
width: 88px !important; 
}
/* ou */
#searchbar 
{ 
width: 88px !important; 
}


/* Supprime la flèche "drop-down" dans la boite de recherche */

.search-proxy-button-dropmarker 
{ 
display:none !important; 
}
.searchbar-dropmarker-image 
{
display: none !important;
}
#search-proxy-button 
{ 
margin-top: 1px !important;
margin-left: -2px !important;
margin-right: 2px !important; 
}

=== MENUS POPUP ===

Code : Tout sélectionner

/* bordure des menus pop-up*/

menupopup, popup 
{
border: 2px solid !important;
-moz-border-top-colors: #CCFFF1 !important;
-moz-border-right-colors: #CCFFF1 !important;
-moz-border-bottom-colors: #CCFFF1 !important;
-moz-border-left-colors: #CCFFF1 !important;
padding: 2px !important;
min-width: 1px !important;
background-color: none !important; 
}

/* Mise en évidence de l'item de menu actif (image et bords arrondis */

menubar > menu[_moz-menuactive="true"],
menupopup > menu[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
menuitem[_moz-menuactive="true"] 
{
background-color: navy !important;
background-image: url(file:///D:/images/FirefoxRedPandaTopR.png) !important;
color: navy !important;
-moz-border-radius-topleft: 8px !important;
/* -moz-border-radius-topright: 8px !important; */
-moz-border-radius-bottomleft: 8px !important;
/* -moz-border-radius-bottomright: 8px !important; */
-moz-border-corner-fit: scale !important;
border-color: #d4d3d9 !important;
padding-left: 10px !important;
}
/* ou en relief */
/*   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow !important;
   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow !important;
   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow !important;
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow !important; */


=== BARRE D'OUTILS ===

Code : Tout sélectionner

/* Masquer l'indicateur d'activité (throbber) */

#throbber-box 
{ 
display: none !important;
}


/* Un seul bouton arrêter/recharger, le bouton stop doit être à gauche du bouton recharger */
/* C'est ce que fait l'extension StopOrReloadButton */

#stop-button[disabled="true"] 
{
display:none; 
} 
#stop-button:not([disabled]) + #reload-button 
{ 
display:none; 
}


/* Enleve le bouton de mise à jour */

toolbarbutton#softwareupdate 
{ 
display:none !important;
}


/* Supprime les flèches "drop-down" des boutons Précédente/Suivante */

.toolbarbutton-menubutton-dropmarker 
{ 
display: none !important; 
}


/* Supprime les bordures des barres d'outils */

menubar, toolbox, toolbar 
{border-style: none !important; }


/* Supprime le bouton Stop quand il n'y a rien à arrêter */

#stop-button[disabled="true"] 
{ 
display: none; 
}


/* Changer la couleur des barres d'outils (exemple navy) */

menubar, toolbox, toolbar, .tabbrowser-tabs 
{ 
background-color: navy !important; 
}


/* Changer la couleur de police et la mettre en gras des barres et menus */

menubar > menu, menupopup > menu, popup > menu, menuitem, toolbarbutton 
{ 
color: #000000 !important; 
font-weight: bold !important; 
}


/* Votre image perso comme fond des barres de menu */

#navigator-toolbox 
{ 
background-image: url(file:///E:/test.jpg) !important; 
}
/*ou: */
toolbox#navigator-toolbox 
{
background-image: url("green.png") !important;
background-color: none !important;
}


/* Régler la police des barres d'outils et des menus */

menubar, menubutton, menulist, menu, menuitem, textbox, tab, tree, tooltip 
{
font-family: verdana, helvetica !important;
font-size: 12px !important;
}


/* Changer la couleur des espaces des barres d'outils */

toolbarspacer 
{
background : black;
}


/* passage de la souris sur les boutons de nav et de barre perso (hover) */

toolbarbutton:hover,
toolbarbutton[buttonover="true"] 
{
background-color: navy !important;
color: white !important;
border-top: 1px solid navy !important;
border-right: 1px solid navy !important;
border-bottom: 1px solid navy !important;
border-left: 1px solid navy !important;
}

toolbarbutton:hover:active,
toolbarbutton[open="true"] 
{
background-color: none !important;
border-top: 1px solid #808080 !important;
border-right: 1px solid #FFFFFF !important;
border-bottom: 1px solid #FFFFFF !important;
border-left: 1px solid #808080 !important;
}

=== PHOTO DANS MENUS ET BARRES ===

Code : Tout sélectionner

/*ou url(redpanda.jpg) redpanda.jpg dans le même répertoire que le userChrome*/

menupopup,
#toolbar-context-menu,
#contentAreaContextMenu 
{
background:
     rgb(255,255,255)
     url(file:///D:/images/redpanda.jpg)
     top left
     repeat-y
     !important;
}

sidebarheader,
#sidebar-box,
#appcontent,
#content 
{
background:
   url(file:///D:/images/redpanda.jpg)
   top left
   repeat-x
   !important;
}

#navigator-toolbox 
{
background:
     url(file:///D:/images/redpanda.jpg)
     top left
     repeat
     !important;
}

=== BARRE D'ONGLETS ===

Code : Tout sélectionner

/* Pas d'icones sur les onglets */

.tabbrowser-tabs .tab-icon 
{ 
display: none; 
}


/* Supprime les boutons de fermeture */

.tabbrowser-tabs .tabs-closebutton 
{ 
display:none !important; 
}


/* Supprime l'espace entre l'onglet et le bouton de fermeture */

.tabbrowser-tabs .tabs-right 
{ 
display:none !important; 
}


/* Supprime la bordure basse de la barre d'onglets */

.tabbrowser-strip 
{
border-bottom: none !important; 
}


/* Les onglets en bas */

#content > tabbox 
{ 
-moz-box-direction: reverse; 
}


/* Régler la hauteur de la barre d'onglets */

tab 
{
height: 23px !important; 
}
.tabbrowser-strip 
{ 
height: 25px !important; 
}


/* La barre d'onglet verticale à gauche */
/* note: c'est du pur gadget, donc en vrac */

#content > tabbox { -moz-box-orient: horizontal; } .tabbrowser-strip { -moz-box-orient: vertical;
overflow: -moz-scrollbars-none; } .tabbrowser-tabs { -moz-box-orient: horizontal; min-width: 10ex;
-mox-box-pack: start; -moz-box-align: start; } .tabbrowser-tabs > hbox { -moz-box-orient: vertical; -moz-box-align: stretch; -moz-box-pack: start; } .tabbrowser-tabs > hbox > tab { -moz-box-align: start; -moz-box-orient: horizontal; }
.tabbrowser-tabs > stack { display: none; }

/* Pour la mettre à droite, ajouter ceci */
#content > tabbox {-moz-box-direction: reverse;}

=== PRESENTATION DES ONGLETS ===

Code : Tout sélectionner

/* Onglet non-actif: */

tab[selected="false"] 
{
font-size: 10px !important;
font-weight: normal !important;
color: #000000 !important;
vertical-align: top !important;
text-align: left !important;
}


/* Onglet actif: */

tab[selected="true"] 
{
font-weight: bold !important;
font-size: 12px !important;
background-color:#EAE1D0 !important;
color: #800000 !important;
vertical-align: middle !important;
text-align: left !important;
}


/* Onglet non encore séléctionné*/

tab:not([selected]) 
{
font-style: italic !important;
font-size: 10px !important;
color: #313155 !important;
text-align: left !important;
vertical-align: top !important;
}


/* Onglet en chargement */

tab[busy] 
{
color:#0A246A !important;
font-size: 10px !important;
}


/* Passage de la souris sur un onglet (hover) */
/* Ou une image (background-image)*/

tab:hover 
{
background-color: #800000 !important;
color: white !important;
}

=== BARRE D'ETAT (STATUS BAR) ===

Code : Tout sélectionner

/* Supprime le lien de l'extension Adblock */

statusbarpanel[id="adblock-status"] 
{ 
display:none !important; 
}


/* Devrait (?) montrer l'icone du theme en cours (??) */

#page-theme-button 
{ 
display: -moz-box !important;
list-style-image: url(chrome://browser/skin/page-themes.png); 
padding: 0px 2px; 
}


/* Change la police de l'extension Status Bar Clock */

#timestatus-status 
{ 
font: bold 14pt Arial; 
}


/* Change la couleur de police de la barre d'état */

#status-bar 
{
color: #votreCodeCouleur; !important; 
}


/* Barre d'état visible en plein-écran */

#status-bar 
{ 
visibility: visible !important; 
}


/* Supprime le bouton RSS */

#livemark-button 
{ 
display: none !important; 
}


/* Supprime le bouton sécurité (le cadenas) dans les pages https */

#security-button 
{ 
display: none !important;
}


/* Supprime la zone d'affichage de la barre d'état */

#statusbar-display 
{ 
display: none !important;
}


/* Supprime la barre de progression de la barre d'état */

#statusbar-progresspanel 
{ 
display: none !important;
}


/* Supprime le bouton de gestion des pop-ups  */

#page-report-button 
{ 
display: none !important;
}

=== FENETRE DU GESTIONNAIRE DE MARQUE-PAGES ===

Code : Tout sélectionner

/* Supprime le menu du gestionnaire de marque-pages */

#bookmarks-toolbox #main-menubar 
{ 
display: none !important; 
}


/* Supprime le texte des boutons dans le gestionnaire des marque-pages */

#command-toolbar .toolbarbutton-text 
{ 
display: none; !important; 
}


/* Supprime les icones de la barre d'outils */

#newbookmark, /* "New Bookmark..." */
#newfolder, /* "New Folder..." */
#newseparator, /* "New Separator" */
#moveBookmark, /* "Move..." */
#moveBookmark + toolbarseparator, /* Separator on the right to "Move..." */
#properties, /* "Properties" */
#rename /* "Rename..." */
#delete /* "Delete" */
{ 
display: none; !important; 
}


/* Supprime la barre d'état */

#bookmark-window #statusbar 
{ 
display: none; 
}


/* Cache la barre de recherche */

#bookmarks-search 
{ 
display:none; 
}

=== FENETRE DES OPTIONS ===

Code : Tout sélectionner

/* Supprime les boutons de la zone mots de passe enregistrés */

#passwords button 
{ 
display: none !important 
}


/* Cache la liste des mots de passe */

dialog#signonviewer #savedsignons 
{ 
display: none !important 
}


/* Supprime le bouton montrer les mots de passe */

prefwindow#SignonViewerDialog button#togglePasswords 
{ 
display:none !important; 
}


/* Dimensions de la boite d'options ! en em uniquement FF 1.0.7 */

#prefDialog 
{ 
width: 80em !important; height: 48em !important; 
}

=== BARRE LATERALE (SIDEBAR) (historique, bookmarks, sage) ====

Code : Tout sélectionner

/* Cacher la boite de recherche des marque-pages */

#bookmarksPanel > hbox 
{ 
display:none; 
}


/* Supprime le séparateur vertical entre la fenetre et la sidebar */

#sidebar-splitter 
{ 
display: none !important; 
}


/* La sidebar à droite */

window > hbox { direction:rtl; }
window > hbox > * { direction:ltr; }


/* Une photo en fond de l'historique */

#historyTree, #bookmarks-view Tree, #rssItemListBox, 
{
-moz-appearance: none !important;
background-image: url(file:///D:/images/sun.jpg) !important;
color: white !important;
font-weight: bold !important;
}


/*  Supprime la limite de largeur de la sidebar */

#sidebar 
{ 
max-width: none !important;
min-width: 0px !important; 
}


/* Cache la barre de défilement dans la barre latérale, elle se "défile" à la souris */

#bookmarks-view, scrollbar[orient=vertical] 
{ 
width: 0px !important; 
}


/* Fond de l'entête de la barre latérale */

sidebarheader 
{
-moz-appearance: none !important;
background-image: url(file:///D:/images/FirefoxRedPandaTop.png) !important;
color: white !important; 
}


/* Cache l'entête de la barre latérale */

sidebarheader 
{ 
display: none !important 
}


/* Couleur de la sélection dans la barre latérale */

treechildren::-moz-tree-cell-text(selected) 
{
color: navy !important;
background: yellow !important; 
}
   
   
/* Image de fond de la sélection dans la barre latérale et mise en évidence */

treechildren::-moz-tree-row(selected) 
{
-moz-appearance: none !important;
background-image: url(http://ottomar.chez.tiscali.fr/res/FirefoxRedPandaTopR.png) !important;
background-repeat: repeat !important;
font-weight: bold !important;
margin-left: 17px !important;
border: 2px solid !important;
-moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important;
-moz-border-right-colors: ThreeDHighlight ThreeDLightShadow !important;
-moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow !important;
-moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important; 
}

/*  le panneau latéral couché et paf */
#browser {
   -moz-box-orient: vertical;
   -moz-box-direction: reverse;
}
#sidebar {
   max-width: none !important;
   height: 100px;
}

=== FENETRE DU GESTIONNAIRE D'EXTENSIONS ===

Code : Tout sélectionner

/* Supprime "obtenir d'autres extensions" dans la fenetre des extensions */

#getMore
{
display:none;
}

=== BARRE D'ALERTE ===

Code : Tout sélectionner

/* change la couleur de la barre d'alerte (pop-up, téléchargements)*/

browsermessage 
{
background-color: #ffcc00 !important;
color: black !important;
padding-left: 5px !important;
}


/* ou */
.alertBox {
color: red !important;
}
.alertTitle {
color: red !important;
}
.alertText {
color: red !important;
}
.alertText[clickable="true"] {
color: red !important;
}
.alertText[clickable="true"]:hover:active {
color: red !important;
}
Message envoyé avec : Edith

Avatar de l’utilisateur
ottomar
Varan
Messages : 1128
Inscription : 09 janv. 2005, 07:31
Localisation : 3113 + n cancoillottés
Contact :

Message par ottomar » 17 avr. 2006, 18:57

Joyeuse Pâque !

@LaurentX :
#_customtoolbar_mabarre suffit dans ta déclaration : quand ton 'objet' est une 'id' (#) donc unique dans firefox, tu n'as besoin de rien d'autre. Quand il dépend d'une 'class' (.) donc plusieurs éléments qui réagissent aux mêmes règles, tu fais précéder par l'id dont il descend en séparant par une espace, ex: #_customtoolbar_mabarre .toolbarbutton-1

@iasse2002 :
tu peux presque tout, tout partout, fais le tour du post-it, tu devrais trouver mais je ne sais pas trop de quoi tu parles :P

@invité
tu cherches en fait les codes qui rentrent dans les boutons, me semble. ou des boutons tout faits ? menux et firefoxmenubuttons en proposent pas mal. pour les codes il te faut dégnapper les .js de firefox ou des extensions et Edith et le javascript, ça fait deux ! si tu en trouves, ça serait sympa de poster !

@invité (the last)
je n'osais pas le faire moi-même :lol:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.1) Gecko/20060124 Firefox/1.5.0.1

c'est tout pour aujourd'hui, j'ai mal à la tête mais c'est pas la faute à la cancoillotte

Avatar de l’utilisateur
lorenbarre
Arias
Messages : 5
Inscription : 01 avr. 2006, 14:47

Message par lorenbarre » 17 avr. 2006, 19:39

Bonsoir,
ottomar a écrit :Joyeuse Pâque !

@LaurentX :
#_customtoolbar_mabarre suffit dans ta déclaration : quand ton 'objet' est une 'id' (#) donc unique dans firefox, tu n'as besoin de rien d'autre. Quand il dépend d'une 'class' (.) donc plusieurs éléments qui réagissent aux mêmes règles, tu fais précéder par l'id dont il descend en séparant par une espace, ex: #_customtoolbar_mabarre .toolbarbutton-1
....
çela m'intéresse,
J'ai essayé d'utiliser cela pour personnaliser les menus dans la barre d'outils.
Pour tester, j'ai fait

Code : Tout sélectionner

#file-menu {
color: red !important;
}
#edit-menu {
color: green !important;
}
Donc cela colorie bien le texte "Fichier" en rouge et "édition" en vert.Mais comment faire pour mettre le texte en couleur aussi dans les menus.Donc texte en vert dans le menu Edition et rouge dans le menu fichier.
Déjà est-ce possible?
J'arrive à mettre tous les menus d'une meme couleur mais je n'arrive pas à les dissocier.
Merci

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

Avatar de l’utilisateur
ottomar
Varan
Messages : 1128
Inscription : 09 janv. 2005, 07:31
Localisation : 3113 + n cancoillottés
Contact :

Message par ottomar » 17 avr. 2006, 20:05

Joyeux Noël !

Code : Tout sélectionner

#menu_EditPopup menuitem
{
-moz-appearance: none !important;
color : green !important;
}
inspector dom !
inspector dom !
inspector dom !
le gadget indispensable, c'est l'inspecteur DOM ! :D
Edith va pas tout vous faire, non ? si ???

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.1) Gecko/20060124 Firefox/1.5.0.1

Avatar de l’utilisateur
lorenbarre
Arias
Messages : 5
Inscription : 01 avr. 2006, 14:47

Message par lorenbarre » 20 avr. 2006, 13:31

ottomar a écrit :Joyeux Noël !

Code : Tout sélectionner

#menu_EditPopup menuitem
{
-moz-appearance: none !important;
color : green !important;
}
inspector dom !
inspector dom !
inspector dom !
le gadget indispensable, c'est l'inspecteur DOM ! :D
Edith va pas tout vous faire, non ? si ???

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.1) Gecko/20060124 Firefox/1.5.0.1
Salut,

Chercher, pas trouver,mal chercher :oops:

Anonymous a écrit :Salut comment dire, voilà j'ai crée un bouton moi même, je l'ai intégré dans ma barre perso et je voudrais maintenant activer/désactiver la commande "Travailler hors connexion".

Cependant auriez-vous plus d'infos sur ces commandes (par exemple un nouvel onglet, ouvrir une adresse, enregistrer sous, imprimer, ...) depuis la barre d'outil.

Merci...

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
Pour le bouton "travailler hors connexion"

Code : Tout sélectionner

oncommand="BrowserOffline.toggleOfflineStatus();"

Testé et approuvé :)

++

Avatar de l’utilisateur
ottomar
Varan
Messages : 1128
Inscription : 09 janv. 2005, 07:31
Localisation : 3113 + n cancoillottés
Contact :

Message par ottomar » 21 avr. 2006, 19:17

http://www.geckozone.org/forum/viewtopic.php?t=38309

pour vos menus marque-pages qui débordent
SCROLLBAR DANS MENU MARQUE-PAGES

Image

Code : Tout sélectionner

/* choisir la hauteur de menu */
#bookmarks-menu menupopup,
#personal-bookmarks menupopup 
{
max-height: 10em !important;
}
/* supprimer les tites flèches haut et bas d'autoscroll */
#bookmarks-menu autorepeatbutton,
#personal-bookmarks autorepeatbutton 
{
display: none !important;
}
/* mettre en place la scrollbar */
#bookmarks-menu scrollbox,
#personal-bookmarks scrollbox 
{
overflow-y: auto;
}
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

ceci dit :
Edith part en vacances au pays spaghetti, bien sûr je la suis... avec trois pôts de cancoillotte au cas où !
Joyeuse vacance

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 !

Avatar de l’utilisateur
lili
Arias
Messages : 16
Inscription : 24 sept. 2003, 12:18

Message par lili » 24 avr. 2006, 19:24

bonsoir

voilà j'ai lu les 18 pages, ce qui m'a permis de faire quelque modif dans mon firefox.

mais je n'arrive pas a changer la couleur de la police dans la BARRE LATERALE j 'ai essayé de rajouter sidebar là
/* Changer la couleur de police et la mettre en gras des barres et menus */

menubar > menu, menupopup > menu, popup > menu, menuitem, toolbarbutton
{
color: #3333FF !important;
font-weight: bold !important;
}
mais rien

et est t'il possible de mettre une image en fond de la barre d'outils, barre perso ..., j'ai réussi dans les menus mais pour les autre juste la couleur

voilà si les réponses sont dans les 18 pages je suis désolée , c'est que j'ai mal lu ou pas compris

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
Dernière édition par lili le 25 avr. 2006, 11:01, édité 1 fois.

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités