Page 11 sur 13

Nouvel onglet personnaliser couleur de fond de la page

Posté : sam. 25 nov. 2017 19:08
par Mintalo

Dernier message de la page précédente :

Si l'histoire .html ci-dessus vous semble un peu difficile, mais que la page "Nouvel Onglet" vous semble quand même tristounette :(

Possibilité d'y mettre de la couleur.

Commencez par faire cette modification dans about:config

Code : Tout sélectionner

browser.newtabpage.activity-stream.enabled >>> false
Puis ajoutez au userChrome.css :

Code : Tout sélectionner

/*Nouvel Onglet Couleur*/
@-moz-document url(about:newtab), url(about:home) {
body {
     background: linear-gradient(#000000, #AAA) !important;
      color: #D1D1D1 !important;
    } 
A vous de modifier les couleurs. Ici, un dégradé noir/bleu, texte gris clair. :D juste pour vous forcer à changer les couleurs, parce que........ :lol:

Astuce pour voir les modifs sans fermer FF

Posté : sam. 25 nov. 2017 22:51
par Mintalo
Je viens d'appendre quelque chose d'excellent pour qui s'attaque au userChrome.css.
Jusqu'ici, je rentrais un code, relançais Firefox pour voir (ou non) le résultat. Le manège pouvait se répéter plusieurs fois car il peut arriver qu'un code ne prenne pas effet lorsqu'il est à telle position dans le fichier. Il faut donc le déplacer, relancer FF, ........jusqu'au bon résultat.

Fini tout ça.

- Dans about:config, aller à la ligne :

Code : Tout sélectionner

devtools.debugger.prompt-connection   >>> false
- Menu Hamburger > > "Développement Web" >> "Outils de développement".
- Cliquer sur la roue dentée à droite du panneau qui s'ouvre pour accéder aux réglages
- Cocher "Activer le débogage du chrome du navigateur et des modules" et "Activer le débogage distant" en bas du panneau, à droite. Fermer le panneau.

Il vous est maintenant possible de lancer la boîte à outils par : menu >> Développement Web >> Boîte à Outils du navigateur >> OK
La boîte s'ouvre >> onglet éditeur de style >> chercher userChrome.css dans colonne gauche.
On peut dès lors éditer le fichier et voir les résultats en direct. Lorsque le résultat convient, on enregistre le fichier, et voilà....

Possible de lancer la boîte à outils par Ctrl+Maj+i

Onglet actif (couleur)(par Mélissa6969)

Posté : sam. 25 nov. 2017 23:28
par melissa6969
j'en ai un autre à donner :p

si on veut mettre un fond de couleur dans l'onglet actif

Code : Tout sélectionner

/*Permet de donner une couleur à l'onglet sélectionné*/  
.tab-background[selected="true"] {
    background-attachment: none !important;
    background-color:    #0011b8    !important;
    background-image: none !important;
}
ce qui donne ceci
FF_26.png

Onglets tous (couleur)(par Mélissa6969)

Posté : dim. 26 nov. 2017 00:01
par melissa6969
si on veut modifier la couleur de fond de tous les onglets qu'ils soient sélectionnés ou non, c'est aussi possible
toujours dans le userChrome.css, ajouter ceci

Code : Tout sélectionner

/*Permet de donner une couleur à tous les onglets, qu'ils soient sélectionnés ou non */  
.tab-background {
    background-attachment: none !important;
    background-color: #0be37f !important;
    background-image: none! important;
}
ce qui donne ceci
FF_27.png

Menu hamburger sur barre d'onglets (déplacer)

Posté : dim. 26 nov. 2017 10:04
par Mintalo
Toujours à propos du bouton "Hamburger" mais cette fois, on le place à gauche sur la barre d'onglets :

Code : Tout sélectionner

/**Déplace le bouton Hamburger à gauche de la barre d'onglets **/

#PanelUI-button {
  -moz-box-ordinal-group: 0;
  border-left: none !important;
  position: absolute;
}


on peut ajouter :


:root[uidensity=compact] #PanelUI-button {
  margin-top: -28px;
}

#PanelUI-button {
  margin-top: -30px;
}

:root[uidensity=touch] #PanelUI-button {
  margin-top: -36px;
}

#TabsToolbar {
  /* Conserve le padding en cas de plein écran*/
  padding-inline-start: 40px !important;
}
FF_28.jpg

Re: Firefox 57+ modifs possibles sans extension + Sécurisation (demande d'aide refusée dans ce sujet)

Posté : dim. 26 nov. 2017 10:50
par zeb
:-o Je pense que si tu continues comme ça mintalo, c'est le forum de Firefox qui va se désertifier, et qu'ici les murs vont être de plus en plus serrés :l :lol:
Merci, continues, que du bonheur :B ;)

Avis aux utilisateurs de Firefox et non de Linux qui nous lisent, Voyez ce que mintalo peut faire avec son navigateur, et bien avec Linux, c'est pareil 8-)

Barre de titre (escamotage)

Posté : dim. 26 nov. 2017 14:11
par Mintalo
Il me semble que la question avait été posée à propos de la barre de titre de Firefox.
Réponse tardive :oops:

Tout d'abord, installer ce script :


- /usr/lib/mozilla/native-messaging-hosts/hide_title_bar.json (system-wide)
- /usr/lib64/mozilla/native-messaging-hosts/hide_title_bar.json (system-wide)
- ~/.mozilla/native-messaging-hosts/hide_title_bar.json (peruser)

Puis, installez : Hide title bar

L'installation auto du script est aussi proposée.

sans "tableau de bord"
FF_29.png
avec "tableau de bord"
FF_30.png

Re: Firefox 57+ modifs possibles sans extension + Sécurisation (demande d'aide refusée dans ce sujet)

Posté : dim. 26 nov. 2017 15:25
par débitant
MàJ de l'index le 26/11/17

Rappel
Pas d'aide dans ce fil, pour cela, et pour tout signalement d'erreur, c'est dans ce sujet

Re: Firefox 57+ modifs possibles sans extension + Sécurisation (demande d'aide refusée dans ce sujet)

Posté : lun. 27 nov. 2017 13:47
par Mintalo
MàJ : viewtopic.php?p=91395#p91395" onclick="window.open(this.href);return false;

à la ligne :

[*]Les actions de téléchargement : le fichier handlers.json stocke vos préférences qui disent à Firefox que faire quand il rencontre un type de fichier particulier.

Handlers.json a donc remplacé mimeTypes.rdf depuis la v55.

Re: Onglet actif (couleur)(par Mélissa6969)

Posté : mar. 28 nov. 2017 22:51
par Homie
Note de zebulon: je rappelle que ce sujet est un tuto, pas un sujet d'aide

Barre d'adresse (réduire)

Posté : dim. 17 déc. 2017 14:32
par Mintalo
Je trouve que le superflu est ................................................................superflu.
Et je suis tombée sur ceci : faire en sorte que le contenu de la barre d'adresse soit réduit au nécessaire minimum. Ou au minimum nécessaire, au choix.

Entrez ceci dans un fichier texte puis changez l'extension en .xul :

Code : Tout sélectionner

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE bindings>
<bindings xmlns="http://www.mozilla.org/xbl">
    <binding id="urlbar" extends="chrome://browser/content/urlbarBindings.xml#urlbar">
        <implementation>
            <method name="formatValue">
                <body><![CDATA[
                    const textNode = this.editor.rootElement.firstChild;
                    if (this.focused) {
                        textNode.textContent = this._value;
                        return;
                    }
                    try {
                        const url = new URL(this._value);
                        if (/(http|https):/.test(url.protocol)) {
                            if (url.host.startsWith("www")) {
                                url.host = url.host.slice(4);
                            }
                            textNode.textContent = url.host;
                        }
                    } catch (err) {}
                ]]></body>
            </method>
        </implementation>
    </binding>
</bindings>
Ce fichier sera à mettre dans le dossier "chrome".

Complétez maintenant votre fichier userChrome.css avec :

Code : Tout sélectionner

#urlbar {
    
    -moz-binding: url("bindings.xml#urlbar") !important;
}

Ceci : Image

sera remplacé par celà :
Image