Page 5 sur 13

Re: Firefox 57+ modifs possibles sans extension

Posté : sam. 21 oct. 2017 21:16
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....

Ligne bleue cas du thème sombre

Posté : dim. 22 oct. 2017 15:49
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

Re: Firefox 57+ modifs possibles sans extension

Posté : dim. 22 oct. 2017 18:19
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

Re: Firefox 57+ modifs possibles sans extension

Posté : dim. 22 oct. 2017 20:06
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. ;)

Re: Firefox 57+ modifs possibles sans extension

Posté : dim. 22 oct. 2017 21:59
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)

Re: Firefox 57+ modifs possibles sans extension

Posté : lun. 23 oct. 2017 11:22
par débitant
attention les filles de ne pas vous égarer en hors sujet :l

Re: Firefox 57+ modifs possibles sans extension

Posté : lun. 23 oct. 2017 20:40
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.

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

Posté : jeu. 26 oct. 2017 16:25
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

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

Posté : jeu. 26 oct. 2017 16:27
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

Supprimer les tooltips (infobulles)

Posté : jeu. 26 oct. 2017 16:30
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

Couleur croix fermeture d'onglet

Posté : jeu. 26 oct. 2017 16:33
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.