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

Re: Firefox 57+ modifs possibles sans extension

Message par Mintalo »

Dernier message de la page précédente :

Hervé-P a écrit :
Mintalo a écrit :Dans la v57, vous remarquerez que l'onglet est surmonté d'une ligne bleue…
— Doit manquer une ligne de code car “ça marche pô !” Est-ce que ça marcherait si on a installé l'extension “colorfulTabs” (Waterfox)


Dois-je répéter ce que l'on peut voir dans le titre du fil ?.......il s'agit de remplacer des p'tites choses que des extensions faisaient AVANT FF 57. Bien lire : AVANT et Firefox 57+. On ne parle plus de FF55 ou 56 ou de Waterfox.
L'extension dont tu parles n'est plus efficiente car non Webext. Et cette fameuse ligne bleue est apparue avec la v57.
Hervé-P a écrit :
Mintalo a écrit :la ligne "Barre personnelle" ne me sert pas puisqu'elle se trouve déjà dans le clic droit et ailleurs.
.... je n'ai pas cherché très longtemps : quand j'active dans “Affichage → Barres d'outils” la barre des menus, l'option est disponible....
Tu as l'air gentil, Hervé.....j'abrège tout ton speach à côté de la plaque.....alors, prends ton temps et relis. Je pense écrire le fr assez correctement et donner des explications.....et même les images correspondantes.
Je répète donc : il s'agit de la ligne "Barre personnelle" dans la boîte des Marque-pages .

Et pour conclure, après avoir re-souligné qu'il s'agit de Firefox 57, je mets ici des scripts qui fonctionnent très bien sur mon FF 57.0b10 et c'est gratos....
Modifié en dernier par Mintalo le lun. 23 oct. 2017 20:56, modifié 2 fois.
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

Ligne bleue cas du thème sombre

Message par Mintalo »

Pour rappel : dans les options, j'ai choisi le thème "Sombre" pour mon FF 57.
Si ces modifs vous intéressent et que vous avez le thème "par défaut" ou le thème "clair", il vous faudra changer certaines couleurs. Ça se fait sans difficulté.
La ligne bleue surmontant l'onglet actif est d'origine sur FF 57. Je l'ai préférée au-dessous avec un script vu plus haut. Pour coordonner avec cette couleur, j'ai modifié également la couleur de la police de l'onglet. Pour rendre cette police plus visible, il est possible de remplacer "normal" par "bold".
En complément, je fais un essai : police des autres onglets légèrement grisée et italique. Au survol par la souris, l'onglet s'éclaicit, le favicon et le "X" de fermeture apparaissent.
On peut jouer sur la vitesse d'exécution au passage de la souris et l'opacité du "X" en modifiant les valeurs.

Code : Tout sélectionner

/*Modifications onglets*/

/* onglet sélectionné*/
.tabbrowser-tab[selected="true"]{
  color: rgb(10,132,255) !important;
  text-shadow: 0px 0px 5px rgba(10,132,255,.75) !important;
  /*font-weight: normal !important;*/
}

/*onglet non sélectionné*/
.tabbrowser-tab:not([visuallyselected="true"]) {
 color: rgb(172,172,172) !important;
text-shadow: 0px 0px 5px rgba(10,132,255,.75) !important;   
font-style: italic !important;
}

/*survol de la souris*/
.tabbrowser-tab:focus > .tab-stack {
  color: rgb(255,255,255) !important;
  text-shadow: 0 0 3px rgb(255,255,255) !important;
  transition: .2s ease-in !important;
}

.tabbrowser-tabs[closebuttons="hidden"] > * > * > * > .tab-close-button:not([pinned]) {
  display: -moz-box !important;
  visibility: hidden !important;
}

/*favicon et "x" cachés */
.tabbrowser-tabs .tab-icon-image:not([pinned]),
.tabbrowser-tabs .tab-close-button{
  opacity: 0;
}
.tabbrowser-tabs:hover .tab-close-button,
.tabbrowser-tabs:hover .tab-icon-image{
  opacity: 2;
}

.tabbrowser-tabs:hover .tab-icon-image{
  transition: .15s ease-in;
}

/*Centrer le texte*/
.tab-label {
  margin-top: 1px;
  margin-bottom: 0;
  -moz-box-flex: 1;
  text-align: center !important;
}
FF_16.jpg
Au passage de la souris, l'onglet s'éclaircit, favicon et "X" apparaissent :
FF_17.jpg
Modifié en dernier par débitant le mer. 18 avr. 2018 18:40, 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

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

Re: Firefox 57+ modifs possibles sans extension

Message par melissa6969 »

coucou

Merci Mintalo pour ce post :)
c'est gentil de ta part de faire part de ces petites astuces de customisation :D :D

j'arrive bien à personnaliser Cinnamon en allant trifouiller le fichier .css des thèmes, mais Firefox j'ai jamais vraiment cherché.
tu dis que c'est pour FF 57+
je suis sous FF 56 et certaines modifs fonctionnent quand même.
une question bête, mais lors des MAJ de FF, les modif seront conservées.??

mon userChrome.css

Code : Tout sélectionner

/* onglet sélectionné*/
.tabbrowser-tab[selected="true"]{
  color: rgb( 62, 255, 0 ,1) !important;
  text-shadow: 0px 0px 5px rgba(62, 255, 0 ,1) !important;
  /*font-weight: normal !important;*/
}

/*onglet non sélectionné*/
.tabbrowser-tab:not([visuallyselected="true"]) {
 color: rgb( 255, 131, 0 ) !important;
text-shadow: 0px 0px 5px rgba(255, 131, 0 ,.99) !important;   
font-style: italic !important;
}

/*Centrer le texte*/
.tab-label {
  margin-top: 1px;
  margin-bottom: 0;
  -moz-box-flex: 1;
  text-align: center !important;
}

/*******************************************************************/

/* supprimer l'icône "+" nouvel onglet */
.tabs-newtab-button{
  list-style: none !important;
}

/**********************************************************************/

/* cache bouton de fermeture si onglet non hovered */
.tabbrowser-tabs .tab-close-button{
  opacity: 0;
}
.tabbrowser-tabs:hover .tab-close-button,
  opacity: 1;
}

/***********************************************************************/
et le résultat que ça donne
rien de transcendant, mais quand je serais sous FF57 je pourrais pousser + loin la personnalisation ;)
Image

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

Re: Firefox 57+ modifs possibles sans extension

Message par Mintalo »

salut Melissa,
oui, certains scripts fonctionnent sur FF 56, j'en traîne quelques-uns depuis bien plus longtemps.
Mais je préfère avertir que je teste sur la 57.
Ça évite, en principe, des discussions à n'en plus finir. De plus, comme nombre d'extensions vont disparaître avec la fameuse 57, j'essaie des "trucs" pour retrouver ce que je souhaite : pas de redondances, de la simplicité, du dépouillement.
Quant aux màj, tant que les devs de Mozilla ne bloquent pas le css, il y a de l'espoir. ;)
Modifié en dernier par Mintalo le lun. 23 oct. 2017 14:21, modifié 2 fois.
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

Re: Firefox 57+ modifs possibles sans extension

Message par melissa6969 »

c'est un peu ce que je reproche à Mozilla en ce moment, cette décision de mettre en place les webExtensions, on va en perdre beaucoup.. et ils risquent de perdre des utilisateurs...

après personnellement j'utilise que 3 extensions (ublock origin, un traducteur linguistique, et une extension qui lors de l'ouverture d'un nouvel onglet, permet d'avoir directement le about:home) et les 3 sont passées en webExtensions donc je suis tranquille :)
les petites modifs que j'apporterais à FF ça sera surtout cosmétique, donc pas indispensable.
peut-être qu'un jour j'installerais + d'extensions, mais je sais pas lesquelles il faut, lesquelles sont pratiques, essentielles, lesquelles garantissent un peu + d'anonymat, sur ce point, je suis larguée :oops: :roll: :?
la seule chose que je fais (peut-être inutilement) c'est que je navigue tout le temps en navigation privée)

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

Re: Firefox 57+ modifs possibles sans extension

Message par débitant »

attention les filles de ne pas vous égarer en hors sujet :l

Hervé-P
Messages : 31
Enregistré le : mer. 30 août 2017 19:13

Re: Firefox 57+ modifs possibles sans extension

Message par Hervé-P »

— Pour ce qui est de Waterfox, elle se met à jour et la dernière version est la 55.2.2 !
*** Un détail : ces deux codes fonctionnent très bien sur Waterfox et AVEC ColorFulTabs d'activé :

Code : Tout sélectionner

/* onglet sélectionné*/
.tabbrowser-tab[selected="true"]{
color: rgb(200,255,0) !important;
text-shadow: 0px 0px 5px rgba(200,255,0,.75) !important;
font-family: MacType !important;
font-size: 12pt !important;
/*font-weight: normal !important;*/
}

/*onglet non sélectionné*/
.tabbrowser-tab:not([visuallyselected="true"]) {
color: rgb(172,172,200) !important;
text-shadow: 0px 0px 5px rgba(200,255,0,.75) !important;
font-family: MacType !important;
font-style: italic !important;
font-size: 10pt !important;
}
, sauf la couleur qui est codée dans les réglages de ColorFulTabs (pour ceux qui sont intéressés et qui l'ont installé, bien sûr !) et le shadow qui est inactif (sauf si on désactive ColorFulTabs, bien entendu !).
— Voici Waterfox, “customisé” à mes préférences :
Image
(Je suis aussi musicien !)
— Cordialement.
Image

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

Onglet marque-pages: supprimer un "afficher tous les marque-pages"

Message par Mintalo »

Toujours dans la simplification et pour supprimer les redondances : le bouton des marque-pages affiche deux fois "Afficher tous les marque-pages". Une fois de trop selon moi.

Code : Tout sélectionner

 /*Supprime "Autres marque-pages" "Barre personelle" "Afficher tous les marque-pages de la boîte "Marque-pages"*/

#menu_unsortedBookmarks { display: none !important; }
#BMB_unsortedBookmarks { display: none !important; }
#bookmarksToolbarFolderMenu { display:none!important;}
#BMB_bookmarksToolbar { display:none!important; }
#BMB_bookmarksShowAllTop { display:none!important; }
Ne reste que le principal :
FF_18.jpg
Modifié en dernier par débitant le mer. 18 avr. 2018 18:43, 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
Mintalo
Messages : 373
Enregistré le : sam. 15 oct. 2016 17:35
Localisation : Bretagne

Onglet marque-pages: supprimer les noms des dossiers de la barre perso

Message par Mintalo »

Un petit truc simple si vous avez beaucoup de marque-pages dans la barre personnelle et que vous les reconnaissez par leurs icônes, il est possible de supprimer leurs noms :

clic droit sur l'icone > propriétés > supprimer le nom > ok
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

Supprimer les tooltips (infobulles)

Message par Mintalo »

Vous commencez à bien connaître Firefox et les tooltips (infobulles) deviennent inutiles :

Dans "about:config" :

Code : Tout sélectionner

browser.chrome.toolbar_tips  >> false
Modifié en dernier par Mintalo le sam. 28 oct. 2017 15:27, modifié 1 fois.
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

Couleur croix fermeture d'onglet

Message par Mintalo »

Esthétique....

Il est possible de changer facilement la couleur du "X" de fermeture d'onglet : (ici, exemple en "red")

Code : Tout sélectionner

.close-icon {
   fill: red !important;
}
Mais on peut aussi supprimer ce bouton de fermeture et remplacer cette action en cliquant "milieu" sur l'onglet. Il y a des centaines de gens qui bossent sur ordi et qui ne se servent jamais du clic milieu pour fermer un onglet......connaissent pas.
Modifié en dernier par Mintalo le jeu. 16 nov. 2017 14:01, modifié 1 fois.
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é