Firefox 57 (et suivants)+ modifs possibles sans extension + Sécurisation

Vos petites astuces, répertoire des tutoriels et astuces
Avatar du membre
Mintalo
Messages : 373
Enregistré le : sam. 15 oct. 2016 17:35
Localisation : Bretagne

Nouvel onglet personnaliser couleur de fond de la page

Message 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:
CM : Asus Z97-K // UEFI // Proc : Intel Core i5-4460 // Intel HD graphics 4600 // Ram : G Skill 4x2 // Alim : BeQuiet 500W
SSD : ssd KINGSTON 120 Go - Linux Mint 18.3 Cinnamon Sylvia 64
SSD : ssd Samsung 850 Pro 128 Go - W7 x64
DD : WDC 640 Go
et
Acer 7730G portable

Avatar du membre
Mintalo
Messages : 373
Enregistré le : sam. 15 oct. 2016 17:35
Localisation : Bretagne

Astuce pour voir les modifs sans fermer FF

Message 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
CM : Asus Z97-K // UEFI // Proc : Intel Core i5-4460 // Intel HD graphics 4600 // Ram : G Skill 4x2 // Alim : BeQuiet 500W
SSD : ssd KINGSTON 120 Go - Linux Mint 18.3 Cinnamon Sylvia 64
SSD : ssd Samsung 850 Pro 128 Go - W7 x64
DD : WDC 640 Go
et
Acer 7730G portable

melissa6969
Messages : 485
Enregistré le : lun. 24 oct. 2016 22:30

Onglet actif (couleur)(par Mélissa6969)

Message 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
Modifié en dernier par débitant le jeu. 19 avr. 2018 10:33, modifié 1 fois.
Raison : reprise des liens photos obsolètes

melissa6969
Messages : 485
Enregistré le : lun. 24 oct. 2016 22:30

Onglets tous (couleur)(par Mélissa6969)

Message 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
Modifié en dernier par débitant le jeu. 19 avr. 2018 10:41, modifié 1 fois.
Raison : reprise des liens photos obsolètes

Avatar du membre
Mintalo
Messages : 373
Enregistré le : sam. 15 oct. 2016 17:35
Localisation : Bretagne

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

Message 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
Modifié en dernier par débitant le jeu. 19 avr. 2018 10:48, modifié 2 fois.
Raison : reprise des liens photos obsolètes
CM : Asus Z97-K // UEFI // Proc : Intel Core i5-4460 // Intel HD graphics 4600 // Ram : G Skill 4x2 // Alim : BeQuiet 500W
SSD : ssd KINGSTON 120 Go - Linux Mint 18.3 Cinnamon Sylvia 64
SSD : ssd Samsung 850 Pro 128 Go - W7 x64
DD : WDC 640 Go
et
Acer 7730G portable

zeb
Messages : 16473
Enregistré le : ven. 19 juin 2015 22:13
Localisation : plus ici

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

Message 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-)

Avatar du membre
Mintalo
Messages : 373
Enregistré le : sam. 15 oct. 2016 17:35
Localisation : Bretagne

Barre de titre (escamotage)

Message 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
Modifié en dernier par débitant le jeu. 19 avr. 2018 10:56, modifié 1 fois.
Raison : reprise des liens photos obsolètes
CM : Asus Z97-K // UEFI // Proc : Intel Core i5-4460 // Intel HD graphics 4600 // Ram : G Skill 4x2 // Alim : BeQuiet 500W
SSD : ssd KINGSTON 120 Go - Linux Mint 18.3 Cinnamon Sylvia 64
SSD : ssd Samsung 850 Pro 128 Go - W7 x64
DD : WDC 640 Go
et
Acer 7730G portable

Avatar du membre
débitant
modérateur
Messages : 11536
Enregistré le : mar. 14 juil. 2015 18:22
Localisation : Lorraine France

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

Message 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

Avatar du membre
Mintalo
Messages : 373
Enregistré le : sam. 15 oct. 2016 17:35
Localisation : Bretagne

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

Message 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.
CM : Asus Z97-K // UEFI // Proc : Intel Core i5-4460 // Intel HD graphics 4600 // Ram : G Skill 4x2 // Alim : BeQuiet 500W
SSD : ssd KINGSTON 120 Go - Linux Mint 18.3 Cinnamon Sylvia 64
SSD : ssd Samsung 850 Pro 128 Go - W7 x64
DD : WDC 640 Go
et
Acer 7730G portable

Homie
Messages : 18
Enregistré le : mer. 15 nov. 2017 02:05

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

Message par Homie »

Note de zebulon: je rappelle que ce sujet est un tuto, pas un sujet d'aide
Modifié en dernier par zeb le mar. 28 nov. 2017 22:55, modifié 1 fois.
Raison : ce sujet est un tuto, pas un sujet d'aide

Avatar du membre
Mintalo
Messages : 373
Enregistré le : sam. 15 oct. 2016 17:35
Localisation : Bretagne

Barre d'adresse (réduire)

Message 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
CM : Asus Z97-K // UEFI // Proc : Intel Core i5-4460 // Intel HD graphics 4600 // Ram : G Skill 4x2 // Alim : BeQuiet 500W
SSD : ssd KINGSTON 120 Go - Linux Mint 18.3 Cinnamon Sylvia 64
SSD : ssd Samsung 850 Pro 128 Go - W7 x64
DD : WDC 640 Go
et
Acer 7730G portable

Verrouillé