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 : myahoo, nico@nc, Mori, jpj

jmlat
Arias
Messages : 4
Inscription : 07 nov. 2011, 21:18

Re: personnaliser Firefox avec le userChrome.css

Message par jmlat »

Ca y est je l'ai:

en fait il fallait utiliser hidden et non pas collapse

voici donc le code qui fonctionne:

Code : Tout sélectionner

#browser #appcontent {margin-top:-52px;!important}

/* Cacher barre de navigation */
#nav-bar {-moz-transition-delay: 1s;visibility:hidden;position: relative; z-index: 8;}
#navigator-toolbox:hover  #nav-bar {  visibility:visible;}

/* Cacher barre personnelle */
#PersonalToolbar  {-moz-transition-delay: 1s;visibility:hidden;position: relative; z-index: 8;}	
#navigator-toolbox:hover  #PersonalToolbar { visibility:visible;}  

le seul petit problème qui reste est la réactivité de l'apparition des barres au survol de la zone outil (il y a un petit délai non désiré .
Anonyme de passage

Re: personnaliser Firefox avec le userChrome.css

Message par Anonyme de passage »

Salut, si ça vous intéresse encore des trucs avec userChrome (j’ai vu que l’index était plus modifié depuis 2009, ’fin bref tant pis)…

Pour élargir automatiquement la barre d’adresse et la barre de recherche lorsqu’elles ont le curseur (pratique pour les petits écrans, ou pour grignoter de la place) :

Code : Tout sélectionner

/* barre d’adresse : maximisée lorsqu’elle a le curseur */
#urlbar {
	/* on peut mettre se permettre une largeur initiale plus petite */
	width: 150px !important;      /* optionnel */
	/* avec les transitions CSS3, c’est plus classe */
	-moz-transition-property:width !important;
	-moz-transition-duration:1s !important;
}
#urlbar[focused=true] {
	width:1500px !important;
}

/* barre de recherche (idem) */
#searchbar > textbox {
	width: 50px !important;      /* optionnel */
	-moz-transition-property:width !important;
	-moz-transition-duration:1s !important;
}
#searchbar > .searchbar-textbox[focused=true] {
	width:600px !important;
}
Avatar de l’utilisateur
Bob49
Animal mythique
Messages : 22676
Inscription : 10 mars 2006, 17:25

Re: personnaliser Firefox avec le userChrome.css

Message par Bob49 »

Bonjour

J'ai testé ton code et je ne vois rien du tout, même en modifiant les tailles ! :idea: Ce n'est pas pour moi, mais ça peut intéresser d'autres personnes. 8-)
Sauvegardez le profil de votre Firefox , avant d'y faire des modifications(install, etc..) ;-)
"Le bonheur est souvent la seule chose qu'on puisse donner sans l'avoir, et c'est en le donnant qu'on l'acquiert." Voltaire
Image
L’anonyme de l’autre fois

Re: personnaliser Firefox avec le userChrome.css

Message par L’anonyme de l’autre fois »

Ah oui, j’ai oublié de préciser que ça ne marche plus très bien depuis quelques versions de Firefox, pour une obscure raison.

Sous FF7, c’était nickel. Mais depuis que j’ai mis à jour vers FF10 (donc je sais pas ce que ça donne sous 8 et 9), problème : les changements de taille sont bien pris en compte, mais ils ne sont affichés qu’après un redimensionnement de la fenêtre. J’ai pas trouvé de solution, à mon grand dam. :( J’ai posté ce code quand même parce que je le trouve intéressant (ce serait bête, mais si ça se trouve je vais repasser à FF7…).
Peut-être qu’en mettant carrément display:none pour l’état « normal » et en l’affichant lorsqu’elle a le curseur (avec les raccourcis clavier Ctrl+L et Ctrl+K), si ça marche, on aurait un remplacement potable. J’ai pas essayé.
caméléon
Animal mythique
Messages : 9528
Inscription : 08 nov. 2004, 17:54

Re: personnaliser Firefox avec le userChrome.css

Message par caméléon »

Salut,

[modération:j'ai modifié le lien qui "pointait" sur feu geckozone.org]J2m06

On aurait besoin de vos compétences pour masquer ou griser le bouton de recherche de mise à jour (menu "Aide", "A propos de...") dans ce post: viewtopic.php?f=4&t=105997

Quelqu'un peut filer un coup de main?
Freddy
Iguane
Messages : 501
Inscription : 15 nov. 2009, 11:37

Re: personnaliser Firefox avec le userChrome.css

Message par Freddy »

Coucou, voilà c'est fait sur le forum en question.
patrick67
Lézard à collerette
Messages : 404
Inscription : 12 déc. 2006, 11:41

Re: personnaliser Firefox avec le userChrome.css

Message par patrick67 »

Bonjour,

J'avais une barre au dessus du forum Firefox ,mais depuis que l'adresse a changé elle est plus là .Je peut même pas mettre une copie d'écran :oops:
Je sais même pas si c'est dans le userChrome.css ou dans le userContant.css et quel lien changer :oops:

Si quelqu'un sais de quoi je parle ou avait aussi cette barre ,me ferais gagner du temps :)

Merci d'avance.
Firefox 36.0.4 / Thunderbird 31.5.0
Sous Windows Vista édition familiale prémium


@+patrick67
Avatar de l’utilisateur
jpj
Animal mythique
Messages : 25260
Inscription : 01 août 2005, 15:38

Re: personnaliser Firefox avec le userChrome.css

Message par jpj »

Bonjour,

Parles-tu de cette barre :

Image

Elle était constituée de deux images et d'un fond de page en html.
Les images (png avec transparence) :

Image

Image

Ce serait à intégrer dans userContent.css mais je suis infichu de te donner le code. De plus, il faudrait les placer au dessus du bandeau phpBB pour ne pas masquer la recherche et cela va prendre de la place.
► Si votre problème est [Résolu], svp, marquez-le.
► Pas de support par mp, l’aide se fait sur le forum.
Avatar de l’utilisateur
Patclash
Tyrannosaurus Rex
Messages : 4834
Inscription : 09 nov. 2006, 19:36

Re: personnaliser Firefox avec le userChrome.css

Message par Patclash »

jpj a écrit : Ce serait à intégrer dans userContent.css mais je suis infichu de te donner le code. De plus, il faudrait les placer au dessus du bandeau phpBB pour ne pas masquer la recherche et cela va prendre de la place.
Bonjour,

:idea: peut-être Zefling pourrait nous intégrer ça dans son style :
http://forums.mozfr.org/viewtopic.php?p ... =5#p711157
:mrgreen:
patrick67
Lézard à collerette
Messages : 404
Inscription : 12 déc. 2006, 11:41

Re: personnaliser Firefox avec le userChrome.css

Message par patrick67 »

Bonjour jpj,

Non c'est pas cette barre :oops: :-?
Oui elle ce place au dessus du bandeau phpBB, ont pouvaient switcher forum Firefox au Courrielleur sans passer par l'index du forum.
jpj a écrit :Ce serait à intégrer dans userContent.css mais je suis infichu de te donner le code. De plus, il faudrait les placer au dessus du bandeau phpBB pour ne pas masquer la recherche et cela va prendre de la place.
Oui je crois aussi que c'est dans le "userContent.css" qu'il faut le mettre 8-)
Je viens de remarquer que la fenêtre citation ou j'avais un code ne marche pas non plus :oops: alors je supose qu'il faut changer le lien dans le "userContent.css" mais je sais pas lesquelles :oops:
Huuummm si seulement je pouvais faire une copie d'écran :!:

merci d'avance .
Firefox 36.0.4 / Thunderbird 31.5.0
Sous Windows Vista édition familiale prémium


@+patrick67
Avatar de l’utilisateur
jpj
Animal mythique
Messages : 25260
Inscription : 01 août 2005, 15:38

Re: personnaliser Firefox avec le userChrome.css

Message par jpj »

patrick67 a écrit :Non c'est pas cette barre :oops: :-?
Oui elle ce place au dessus du bandeau phpBB, ont pouvaient switcher forum Firefox au Courrielleur sans passer par l'index du forum.
La barre avec les menus déroulants :

Image

Si oui, c'était codé pour le site. Aucune idée pour introduire ça dans userContent.css.
patrick67 a écrit :… Je viens de remarquer que la fenêtre citation ou j'avais un code ne marche pas non plus…
:?:
► Si votre problème est [Résolu], svp, marquez-le.
► Pas de support par mp, l’aide se fait sur le forum.
patrick67
Lézard à collerette
Messages : 404
Inscription : 12 déc. 2006, 11:41

Re: personnaliser Firefox avec le userChrome.css

Message par patrick67 »

re,

Bingo oui c'est cette barre :D :D
je viens de consulter l'adresse que Patclash ma donné: http://forums.mozfr.org/viewtopic.php?p ... =5#p711157 et je pense qu'il faut juste changer le lien dans le "userContent.css" 8-)

je suis pas calé en code css ,mais je trouve normal :roll:
jpj a écrit : patrick67 a écrit :… Je viens de remarquer que la fenêtre citation ou j'avais un code ne marche pas non plus…

:?:
Oui la fenêtre de citation j'avais changé la couleur de fond en dégradé elle y ai plus c'est pour ça que tout le "userContent ne marche plus
Firefox 36.0.4 / Thunderbird 31.5.0
Sous Windows Vista édition familiale prémium


@+patrick67
Avatar de l’utilisateur
jpj
Animal mythique
Messages : 25260
Inscription : 01 août 2005, 15:38

Re: personnaliser Firefox avec le userChrome.css

Message par jpj »

Colle nous ton code userContent.css ici. Quelqu'un trouvera probablement l'erreur.
► Si votre problème est [Résolu], svp, marquez-le.
► Pas de support par mp, l’aide se fait sur le forum.
patrick67
Lézard à collerette
Messages : 404
Inscription : 12 déc. 2006, 11:41

Re: personnaliser Firefox avec le userChrome.css

Message par patrick67 »

Bonjour jpj,

Ok depuis j'ai réussi a mettre les fenêtres citation et code en couleurs comme je l'avais avant,mais pas la barre :oops: :oops:

Voici tout mon code dans "userContent.css"

Code : Tout sélectionner

@-moz-document url-prefix("http://www.geckozone.org/forum/") {
    
	/*
        phpBB - Forum Geckozone

        version 0.4.0 2010/04/28
                + #postform
                + .copyright
                h2 ==> #page-body > h2
                + .codebox > dt {-moz-linear-gradient()}
        version 0.3.0 2010/04/21
                + blockquote
                + .codebox
                + .postprofile
                + .post
                + .pagination
                + #menu
                + #menu {z-index}
        version 0.2.0 2010/04/18
                + h2 a
                + h2 {z-index}
        version 0.1.0 2010/04/14
    */

      html,
      body {background-color: #def !important;}

      /* Ménager de l'espace pour les éléments fixes */
      #wrap {
        margin-top: 7em !important;
        margin-bottom: 2em !important;
      }

      /* Ne plus afficher les logos */
      #page-header { display: none !important;}

      /* Bloquer le titre de l'article en haut de la page */
      #page-body > h2 {
        position: fixed !important;
        top: 0px !important;
        right: 0px !important;
        left: 0px !important;
        background: -moz-linear-gradient(top, #fff, #1462FF) !important;
        margin-top: 0px !important;
        border: 1px solid #abc !important;
        padding-top: 1.3em !important;
        padding-right: 0.5em !important;
        /*opacity: 0.90 !important;*/
        -moz-box-shadow: 0px 3px 10px #888 !important;
        font-variant: small-caps !important;
        text-align: right !important;
        z-index: 1 !important;
      }
      #page-body > h2, #page-body > h2 a {
        color: #669 !important;
        text-shadow: 1px 1px #def !important;
        font-weight: bold !important;
      }

      /* Bloquer le menu en haut de la page */
      #menu {
        position: fixed !important;
        top: 0.2em !important;
        right: 0px !important;
        left: 0px !important;
        z-index: 2 !important;
        background-image: none !important;
        background: -moz-linear-gradient(top, #fff, #9ab) !important;
        border: none !important;
        padding: 0.3em !important;
      }
      #menu > .node > * {
        color: #55a !important;
        font-family: Dupree, verdana, helvetica, sans-serif; 
		font-style: italic;
		font-size: 1.2em;
		font-weight: bold;
		border: none !important;
      }
      #menu > .node > a,
      #menu > .node > span {font-weight: bold !important;}
      #menu > .node > span {
        background-image: none !important;
      }
      #menu > .node > span:hover {
        background-color: #FFF !important;
      }
      #menu > .node > dl {
        background: none !important;
        background-color: rgba(255,142,221,0.9) !important;
        border: 1px solid #888 !important;
        -moz-border-radius: 0 10px 10px 10px !important;
        -moz-box-shadow: 3px 3px 9px #888 !important;
        padding: 3px !important;
      }

      /* Changer l'apparence des barres de navigation */
      div.navbar,
      div.forabg,
      div.forumbg,
      #page-body {
        background: -moz-linear-gradient(top, #cde, #bcd, #abc) !important;
        margin-top:2em !important;
        border: 1px solid #abc !important;
        -moz-border-radius: 10px !important;
        -moz-box-shadow: 3px 3px 10px #888 !important;
      }
      .corners-top , .corners-bottom,
      .corners-top *, .corners-bottom * {background-image: none !important;}

      div.forabg,
      div.forumbg,
      #smiley-box {
        background: -moz-linear-gradient(top, #bcd, #abc, #9ab) !important;
      }

      /* Changer l'apparence de la zone «Recherche» */
      #search-box {
        background: -moz-linear-gradient(top, #fff, #cde, #abc) !important;
        margin: 3px 3px 6px 3px !important;
        border: 1px solid #bcd !important;
        -moz-border-radius: 5px !important;
        padding: 5px !important;
      }
      #search > fieldset > a { color: darkred !important; }
      #search > fieldset > a:hover { color: red !important; text-decoration: none !important;}
      #keywords,
      #add_keywords,
      #search_keywords {
        width: 20em !important;
        margin: -3px -5px 0px 3px !important;
        border: 1px solid #8af !important;
        -moz-border-radius: 5px 0px 0px 5px !important;
        /*padding: 3px 16px !important;*/
      }
      .button1,
      .button2 {
        background-image: none !important;
        background: -moz-linear-gradient(top, #fff, #cde, #abc) !important;
        margin: -3px 0 0 -5px !important;
        -moz-border-radius: 5px !important;
        font-weight: bold !important;
      }
      #topic-search .button2,
      #viewtopic .button2,
      #jumpbox .button2,
      #search .button2 {
        -moz-border-radius: 0px 5px 5px 0px !important;
      }
      #viewtopic .button2,
      #jumpbox .button2 {
        margin-bottom: -3px !important;
        padding: 2px !important;
      }
      .button1:hover,
      .button2:hover {
        background: -moz-linear-gradient(top, #abc, #cde, #fff) !important;
      }

      select {
        -moz-border-radius: 5px 0px 0px 5px !important;
        padding: 1px !important;
      }

      div.navbar a.fontsize {
        margin-top: 3px !important;
        border: 1px solid #abc !important;
        -moz-border-radius: 5px !important;
        padding: 1px !important;
      }

      /* Bloquer en haut à droite la première pagination */
      div.rightside.pagination > span,
      div.pagination:nth-of-type(3) > span {
        position: fixed !important;
        top: 0.5em !important;
        right: 0.5em !important;
        left: auto !important;
        z-index: 3 !important;
      }
      /* Modifier l'apparence de tous les blocs pagination */
      .pagination > span > a,
      .pagination > span > strong {
        /*background: -moz-radial-gradient(#fa0,#fff) !important;*/
        -moz-border-radius: 5px !important;
      }

      /* Afficher le descriptif du forum */
      /*#page-body > H2:first-child + DIV {display: block !important; }*/

      /* Arrondir fenêtres des messages */
      .post {-moz-border-radius: 10px !important;}

      /* Ne plus afficher les zones «Inscription», «Messages», «Localisation» du postprofile 
      .postprofile > dd:nth-of-type(2),
      .postprofile > dd:nth-of-type(3),
      .postprofile > dd:nth-of-type(4),
      .postprofile > dd:nth-of-type(5),
      .postprofile.online > dd:nth-of-type(2),
      .postprofile.online > dd:nth-of-type(3),
      .postprofile.online > dd:nth-of-type(4),
      .postprofile.online > dd:nth-of-type(5) { display: none !important; }*/

      /* Modifier fenêtres des citations dans les messages */
      blockquote:before {
        font-family: Dupree, verdana, helvetica, sans-serif;  
		font-style: italic; 
		display: block !important;
        background: -moz-linear-gradient(left,rgba(255,255,255,0.55),rgba(255,255,255,0.55)),
                 -moz-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet,red) !important;
        padding-left: 0.5em !important;
        -moz-border-radius: 10px 10px 0 0 !important;
        content: "CITATION :" !important;
        font-weight: bold !important;
      }
      blockquote {
        margin: 10px !important;
        -moz-border-radius: 10px !important;
        -moz-box-shadow: 3px 3px 5px #888 !important;
      }
      blockquote cite {
        background: -moz-linear-gradient(left,rgba(255,255,255,0.55),rgba(255,255,255,0.55)),
                    -moz-linear-gradient(left,blue,indigo,violet,green,red) !important;
        font-family: Dupree, verdana, helvetica, sans-serif; ; 
		font-style: italic; ;
		margin-left: -0.1em !important;
        margin-bottom: 0.5em !important;
        border: 1px solid #ccc !important;
        padding-left: 0.5em !important;
        -moz-border-radius: 0px 0px 0 0 !important;
      }

      /* Modifier fenêtres des codes dans les messages */
      .codebox {
        background: -moz-linear-gradient(bottom,#fff,rgba(250,250,250,0)) !important;
        font-family: Dupree, verdana, helvetica, sans-serif; ; 
		font-style: italic; ;
		margin: 10px !important;
        -moz-border-radius: 10px !important;
        -moz-box-shadow: 3px 3px 5px #888 !important;
      }
      .codebox > dt {
        background: -moz-linear-gradient(left,rgba(255,255,255,0.55),rgba(255,255,255,0.55)),
                    -moz-linear-gradient(left,red,orange,yellow,white) !important;
        padding-left: 0.5em !important;
        -moz-border-radius: 10px 10px 0 0 !important;
      }
      .codebox > dd > code { font-weight: bold !important; }

      #postform { padding: 0em !important; }
      #postform input {
        -moz-border-radius: 5px !important;
      }
    /*  #postform div.panel,*/
      textarea {
        -moz-border-radius: 10px !important;
      }
      #postingbox, #postform div.panel.bg2 { background: none !important; }
      #smiley-box {
        border: 1px solid #888 !important;
        -moz-border-radius: 10px !important;
        padding: 0.25em !important;
        -moz-box-shadow: 3px 3px 10px #888 !important;
      }
      #format-buttons { margin-left: 1em !important }
      #format-buttons > select {
        margin: -4px 0 0 -5px !important;
      }
      #postform div.panel,
      #options-panel,
      #attach-panel,
      #topicreview {
        width: auto !important;
        margin: 0 2em 2em 2em !important;
      }
      #tabs, #review { margin: auto 2em !important; }
      #postform fieldset.submit-buttons {
        margin: -2em 215px auto auto !important;
        text-align: right !important;
      }
      #options-panel-tab a,
      #attach-panel-tab a {
        background: none !important;
        border: 1px solid #888 !important;
        border-bottom: none !important;
        -moz-border-radius: 10px 10px 0 0 !important;
      }
      #tabs a * {background: none !important;}
      #tabs a {margin: 0 0 -0px 0 !important; padding: 0 !important;}
      #tabs .activetab a {
        background: #cde !important;
        border: none !important;
      }
      #options-panel,
      #attach-panel {
        background: #cde !important;
        -moz-border-radius: 0px 10px 10px 10px !important;
        padding: 0.5em !important;
        -moz-box-shadow: 3px 3px 10px #888 !important;
      }

      div.copyright {
        margin: 1em !important;
        text-shadow: -1px -1px white !important;
      }

      }
	 -moz-document url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") {

      window {
      background-color: -moz-field !important;
      }

      html {
      background: -moz-linear-gradient(top, #fc0, #960) !important;
      margin: 5em !important;
      border: 10px solid #fff !important;
      -moz-border-radius: 1em !important;
      -moz-box-shadow: 10px 10px 25px #999 !important;
      padding: 1em !important;
      }

      a {
      background: -moz-linear-gradient(top, #fc0, #960) !important;
      border: 2px solid #600 !important;
      -moz-border-radius: 0.25em !important;
      padding: 1px 3px !important;
      text-decoration: none !important;
      }
      a:hover {
      background: -moz-linear-gradient(top, #fd0, #970) !important;
      }
      }
      @-moz-document url-prefix("http://www.google.") {

      #leftnav { display: none !important }
      #center_col { margin: 0px !important }

    }
    /* ============== Forum Firefox Geckozone */
    @-moz-document url-prefix(http://www.geckozone.org/forum/viewforum.php?f=5)
    {
    /* ={ */

    #logoGZ
    {
       display: none !important;
    }

    th,
    #menu,
    #portailContent,
    #maintable,
    .topnav,
    .row1,
    .row2,
    .row3
    {
       background-image: url("http://img58.imageshack.us/img58/8336/sunb4th.jpg") !important;
       background-position: 0 0 !important;
       background-repeat: no-repeat !important;
       background-attachment: fixed !important;
       border: none !important;
    }

    .row1over,
    .row2over,
    .row3over
    {
       
       background: #EDEBDE !important;
       border: none !important;
    }

    .topbkg tr
    {
       background-image: url("http://img360.imageshack.us/img360/8311/fftopbkg2ss.png") !important;    
       height: 100px !important;
    }

    /* }= */
    }
    /* === fin Forum Firefox=== */
Merci d'avance
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:16.0) Gecko/20100101 Firefox/16.0
Firefox 36.0.4 / Thunderbird 31.5.0
Sous Windows Vista édition familiale prémium


@+patrick67
Avatar de l’utilisateur
ottomar
Varan
Messages : 1145
Inscription : 09 janv. 2005, 07:31

Re: personnaliser Firefox avec le userChrome.css

Message par ottomar »

bonsoir,
je me pose simplement (humblement) la question : rajouter une barre, oui, mais les boutons qui fonctionnent ? il ne faut pas du xzoulou ou du jawascrimpt derrière ?
bonne nuit
ottomar waran ???
Votre Navigateur : Mozilla/5.0 (X11; Linux i686; rv:16.0) Gecko/20100101 Firefox/16.0

Edith : mon avatar me ressemble de plus en plus
Votre Navigateur : Mozilla/5.0 (X11; Linux i686; rv:16.0) Gecko/20100101 Firefox/16.0
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Ahrefs [Bot], Semrush [Bot] et 72 invités