Topic: Classic Tab Close Button

[Iceberg]

Ma funziona?
Anche io avevo, FF 32, quel parametro impostato a 3, ma qualsiasi valore mettevo non cambiava nulla, fatto ripristina è stato eliminato del tutto.

Edit.
Classic Theme Restorer lo ricrea chiamandolo extensions.classicthemerestorer.closetab si imposta dalle opzioni dell'estensione, non è necessario entrare in about:config.

[Megabyte]

Il parametro browser.tabs.closeButtons su FF 29 c'è ancora e pare funzionare.
Il valore predefinito è 1... cambiando valore, l'effetto è immediato.
Adesso l'ho messo a 1.

Il parametro extensions.classicthemerestorer.closetab nel mio caso è impostato su closetab_default.

[Iceberg]

Lo schiacciamento della "X" nella barra laterale non la vedo in FF 29, ma è presente in FF 32, se sarà una novità confermata il codice che riporto andrà modificato.
CTR con FF 29 disabilita il suo parametro per spostare la "X" sulla barra delle schede in quanto c'è ancora il parametro di Firefox.

Prova il seguente codice che sostituisce il precedente.
Dovrebbe cambiare la "X" di chiusura delle schede in tutti i casi, più il tasto per chiudere la barra laterale, la barra dei componenti aggiuntivi, la barra di ricerca, la barra sviluppatori, l'avviso fine download e l'avviso estensione installata.
Se avete Classic Theme Restorer, la barra delle schede in basso e la "X" su tutte le schede è indispensabile usare il codice con Stylish, in tutti gli altri casi va bene anche usare il file userChrome.css.

Il codice corretto lo trovate in questo messaggio:
http://forum.mozillaitalia.org/index.php?topic=58957.msg417262#msg417262

L'immagine da scaricare e da indicare nel percorso completo è questa:


Usando il file userChrome.css "file:///percorso_completo_a_/close-button.png" può essere sostituito con "close-button.png" se l'immagine la mettete nella cartella chrome.

[Megabyte]

Niente di nuovo... la X sulla scheda in primo piano continua ad essere grigia.

[Iceberg]

E' la versione Windows che vuole 12 istruzioni dove con Linux ne basta una.

Prova questo, se per favore verifichi anche con le schede in alto e con CTR disattivata. Grazie.

Codice: [Seleziona]

/* Cambia il tasto di chiusura da grigio a rosso */

/* AGENT_SHEET */
#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button:not(:hover),
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button:not(:hover),
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button:not(:hover) {
 -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button,
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button,
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button:not(:hover),
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button:not(:hover),
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button:not(:hover) {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button,
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button,
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#tabs-closebutton,
#ctraddon_tabs-closebutton,
#ctraddon_addonbar-close,
#developer-toolbar-closebutton,
.findbar-closebutton,
.popup-notification-closebutton,
.alertCloseButton {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#sidebar-header .close-icon {
 -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#sidebar-header .close-icon:hover {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important;
  background: #C0C0C0 !important; }

#tabs-closebutton:hover,
#ctraddon_tabs-closebutton:hover,
.tab-close-button:hover,
#ctraddon_addonbar-close:hover,
.findbar-closebutton:hover,
#developer-toolbar-closebutton:hover,
.alertCloseButton:hover,
.popup-notification-closebutton:hover {
  background: #C0C0C0 !important; }

[Megabyte]

FUNZIONA!!!!!!!!!!
Grazieee

Adesso è tornato tutto come prima: CTR attiva, schede in basso, pulsante di chiusura su tutte le schede... e X rossa dappertutto!!
Da una prima verifica mi sembra tutto a posto.

Mi sembra tutto ok anche mettendo le schede in alto... e anche nel caso di CTR disattivata.

[Iceberg]

Finalmente!
Grazie delle verifiche.

Assicurati di aver copiato il codice dopo la mia modifica al messaggio, ho tolto parti inutili che facevano riferimento a Firefox pre-Australis.
Il codice si è complicato per renderlo compatibile con Windows ma tale e quale funziona con Linux, non sono necessarie due versioni distinte. Con Mac non ho modo di provare.
Da Firefox 31 andrà aggiornato, in alcuni casi servirà una "X" più piccola.
Usando il codice anziché l'estensione cambiare il colore dell'effetto hover è un attimo. Stessa cosa se si vuole una "X" diversa, basta cambiare close-button.png con un'altra immagine delle stesse dimensioni.

[Iceberg]

@Megabyte, potresti provare questo ritocco?
C'è un piccolo effetto grafico nuovo, lo vedi? Lo approviamo?

Codice: [Seleziona]

/* Cambia il tasto di chiusura da grigio a rosso */

/* AGENT_SHEET */
#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button:not(:hover),
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button:not(:hover),
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button:not(:hover) {
 -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button,
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button,
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button:not(:hover),
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button:not(:hover),
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button:not(:hover) {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button,
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button,
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#tabs-closebutton,
#ctraddon_tabs-closebutton,
#ctraddon_addonbar-close,
#developer-toolbar-closebutton,
.findbar-closebutton,
.popup-notification-closebutton,
.alertCloseButton {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#sidebar-header .close-icon {
 -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#sidebar-header .close-icon:hover {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important;
  background: #C0C0C0 !important; }

#sidebar-header .close-icon:active {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important;
  background: #B0B0B0 !important; }

#tabs-closebutton:hover,
#ctraddon_tabs-closebutton:hover,
.tab-close-button:hover,
#ctraddon_addonbar-close:hover,
.findbar-closebutton:hover,
#developer-toolbar-closebutton:hover,
.alertCloseButton:hover,
.popup-notification-closebutton:hover {
  background: #C0C0C0 !important; }

#tabs-closebutton:active,
#ctraddon_tabs-closebutton:active,
.tab-close-button:active,
#ctraddon_addonbar-close:active,
.findbar-closebutton:active,
#developer-toolbar-closebutton:active,
.alertCloseButton:active,
.popup-notification-closebutton:active {
  background: #B0B0B0 !important; }

[Megabyte]

Ti riferisci all'effetto collegato alla pressione della X di chiusura?

Molto carino... sicuramente conferisce più "profondità" alla pressione del pulsante (che prima era forse un po' troppo "piatta")!!
Per me è ok!!

[Iceberg]

Sì, mi riferivo a quello. Mi sembrava troppo piatto. Ho scelto qualcosa di leggero. Potrebbe essere più vistoso, con colore non uniforme, o mettere una "X" specifica per quando è premuta.

[Megabyte]

Il problema è che, se l'effetto è più "marcato", potrebbe entrare in conflitto con gli eventuali effetti nativi di Firefox.

Su alcune barre infatti ci sono nativamente degli effetti che simulano la pressione del tasto.
Ad esempio, sulla findbar (Ctrl-F) è presente un "effetto dinamico" nativo che addirittura muove il pulsante rendendolo contemporaneamente scuro (alla pressione della X di chiusura).

In realtà qualche effetto (più o meno "dinamico") è presente nativamente su tutte le barre: in alcuni casi (linguette e barra laterale) si limita a rendere scuro il pulsante premuto, in altri (findbar) è un vero effetto 3D.

[Iceberg]

In quei casi va trovato il codice dell'effetto nativo e riscritto modificato.
Ho capito. Lascio così.

[Geko]

Iceberg,scusa la rottura ma ho appena notato che la x di chiusura in Firefox 29 con Classic Close Button 0.3 si comporta in maniera un pochino strana: è ok nelle schede ma nella barra di ricerca o in alcune finestre di notifica appare schiacciata.
Tra l'altro non sono neanche sicuro al 100% che la versione 0.3 sia l'ultima disponibile o comunque quella giusta per Firefox 29,con tutto quello che si deve fare per ripristinare l'interfaccia desiderata ormai mi perdo facilmente.

[Iceberg]

Hai ragione.
Quell'estensione è compatibile fino a Firefox 28.

Per Firefox 29 andrebbe riscritta, ma i parametri sono così tanti che dovrei scrivere una ventina di file da eseguire in base ad essi. Non è il caso.

Meglio ripiegare sul file userChrome.css come fatto da @Megabyte.
Il codice è l'ultimo che ho postato.
Codice che punta sempre a questa immagine close-button.png


in alcuni casi essa andrà sostituita con close-button.small.png

[Iceberg]

@Geko, potresti gentilmente verificare se questo codice messo al posto dell'estensione risolve?

Ho rimpicolito la "X" nella barra laterale, quella di avviso download completati e quella di installazione estensione.

Codice: [Seleziona]

/* Cambia il tasto di chiusura da grigio a rosso */

/* AGENT_SHEET */
#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button:not(:hover),
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button:not(:hover),
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button:not(:hover) {
 -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button,
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button,
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):not([pinned]) .tab-close-button {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button:not(:hover),
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button:not(:hover),
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button:not(:hover) {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

#main-window[tabsontop="false"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button,
#main-window[tabsontop="true"] #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button,
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]) .tab-close-button {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

.findbar-closebutton,
#tabs-closebutton,
#ctraddon_addonbar-close,
#developer-toolbar-closebutton {
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button.png") !important; }

.popup-notification-closebutton,
.alertCloseButton {
 -moz-image-region: rect(0px, 12px, 12px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button-small.png") !important; }

#sidebar-header .close-icon {
 -moz-image-region: rect(0px, 24px, 12px, 12px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button-small.png") !important; }

#sidebar-header .close-icon:hover {
 -moz-image-region: rect(0px, 12px, 12px, 0px) !important;
  background-image: url("file:///percorso_completo_a_/close-button.small.png") !important;
  background: #C0C0C0 !important; }

#sidebar-header .close-icon:active {
 -moz-image-region: rect(0px, 12px, 12px, 0px) !important;
  list-style-image: url("file:///percorso_completo_a_/close-button-small.png") !important;
  background: #B0B0B0 !important; }

#tabs-closebutton:hover,
.tab-close-button:hover,
#ctraddon_addonbar-close:hover,
.findbar-closebutton:hover,
#developer-toolbar-closebutton:hover,
.alertCloseButton:hover,
.popup-notification-closebutton:hover {
  background: #C0C0C0 !important; }

#tabs-closebutton:active,
.tab-close-button:active,
#ctraddon_addonbar-close:active,
.findbar-closebutton:active,
#developer-toolbar-closebutton:active,
.alertCloseButton:active,
.popup-notification-closebutton:active {
  background: #B0B0B0 !important; }
L'immagine close-button.png è questa:


L'immagine close-button.small.png è questa:


Solo nel caso in cui usate Classic Theme Restorer con la barra delle schede in basso e la "X" di chiusura su tutte le schede, questo codice va usato con l'estensione Stylish. In tutti gli altri casi potete usare il file userChrome.css.

Nota: nel mio caso la barra di ricerca vuole la "X" grande. Nel caso non andasse bene, spostate la prima occorrenza di .findbar-closebutton, come prima riga del blocco successivo (appena sopra .popup-notification-closebutton,) Non vi perdete il punto iniziale e la virgola finale!