Topic: Personalizzazioni varie dell'interfaccia di Seamonkey

[Megabyte]

1. Metti il percorso assoluto:
list-style-image: url("C:/cartella/cartella/.../close-tab.png")
non mi ricordo se il percorso va scritto così o la sintassi deve essere leggermente diversa.

Purtroppo non funziona: anche inserendo il "percorso assoluto" (sia con le \ sia con le /), Stylish continua a non "vedere" il file png.

Forse il percorso (assoluto o, meglio ancora, relativo) deve essere scritto in qualche modo particolare...

@Megabyte, prova questo codice.
Dovrebbe risolvere entrambi i problemi grafici.

Codice: [Seleziona]

/* Cambia il tasto di chiusura da grigio a rosso */
.tabs-closebutton,
.alertCloseButton,
.popup-notification-closebutton,
#sidebar-close-button {
  list-style-image: url("close-tab.png") !important; }

.findbar-closebutton,
.findbar-closebutton:hover {
  margin-top: 4px !important;
  list-style-image: url("close-tab.png") !important; }
Devi trovare il valore esatto per margin-top, "4" è solo indicativo. Nel mio caso il valore esatto è zero, che vuol dire al centro e che di conseguenza si può omettere. Forse che per Windows la "X" è troppo piccola?

Perfetto... con questo codice il problemino grafico della centratura verticale si risolve perfettamente col valore "4" (su Windows 8.1).

Il problema della sparizione della X in caso di "hover" però resta ancora... la X diventa "invisibile" non appena la "sorvolo" col mouse.

[Godai71]

1. Metti il percorso assoluto:
list-style-image: url("C:/cartella/cartella/.../close-tab.png")
non mi ricordo se il percorso va scritto così o la sintassi deve essere leggermente diversa.

Purtroppo non funziona: anche inserendo il "percorso assoluto" (sia con le \ sia con le /), Stylish continua a non "vedere" il file png.

Le barre dovrebbero essere nella forma "\\"
ad.es. "c:\dati\immagine.png" --> "c:\\dati\\immagine.png"

[Megabyte]

Le barre dovrebbero essere nella forma "\\"
ad.es. "c:\dati\immagine.png" --> "c:\\dati\\immagine.png"

Purtroppo non cambia nulla: anche sostituendo \\ come barra nel percorso assoluto, continua a non funzionare.

Non è che il percorso debba essere "relativo" (magari "calcolato" a partire dal profilo)?

[Iceberg]

Questo dovrebbe risolvere il problema dell'hover.
Eventualmente va ritoccato il colore di sfondo ma il tasto non dovrebbe più sparire.

Codice: [Seleziona]

/* Cambia il tasto di chiusura da grigio a rosso */
.tabs-closebutton,
.alertCloseButton,
.popup-notification-closebutton,
#sidebar-close-button {
  list-style-image: url("close-tab.png") !important; }

.findbar-closebutton  {
  margin-top: 4px !important;
  list-style-image: url("close-tab.png") !important; }

.findbar-closebutton:hover {
  background: #C0C0C0 !important; }
Puoi provare se utilizzando l'unico tasto per chiudere le schede sulla destra, senza l'estensione russa, la "X" sparisce o no quando il mouse ci passa sopra?

[Iceberg]

L'indirizzo va scritto come in questo esempio.

Codice: [Seleziona]

list-style-image: url("file:///C:/Users/close-tab.png") !important;
Fonte: il solito cor-el, credo che lo avete incontrato spesso.

[Megabyte]

Questo dovrebbe risolvere il problema dell'hover.
Eventualmente va ritoccato il colore di sfondo ma il tasto non dovrebbe più sparire.

Codice: [Seleziona]

/* Cambia il tasto di chiusura da grigio a rosso */
.tabs-closebutton,
.alertCloseButton,
.popup-notification-closebutton,
#sidebar-close-button {
  list-style-image: url("close-tab.png") !important; }

.findbar-closebutton  {
  margin-top: 4px !important;
  list-style-image: url("close-tab.png") !important; }

.findbar-closebutton:hover {
  background: #C0C0C0 !important; }

Adesso in caso di hover sulla X della findbar compare un quadratino grigio (opaco) che "copre" completamente la X rossa.

Puoi provare se utilizzando l'unico tasto per chiudere le schede sulla destra, senza l'estensione russa, la "X" sparisce o no quando il mouse ci passa sopra?

Nessun problema sulla barra delle schede: anche disattivando l'estensione russa, è tutto ok (cioè qui l'hover sulla X rossa funziona correttamente).

L'indirizzo va scritto come in questo esempio.

Codice: [Seleziona]

list-style-image: url("file:///C:/Users/close-tab.png") !important;

Ottimo... adesso funziona perfettamente anche con Stylish!!

Visto che mi interessa conservare la "portabilità del profilo" (quindi preferisco evitare i "percorsi assoluti"), è possibile inserire "percorsi relativi" (cioè "calcolati" a partire dal profilo corrente)?

[Iceberg]

Adesso in caso di hover sulla X della findbar compare un quadratino grigio (opaco) che "copre" completamente la X rossa.

Trovato.
Windows vuole 4 immagini.
Più tardi riporto la soluzione definitiva.

[Iceberg]

Dovremmo esserci, sia per Windows che per Linux.

Codice: [Seleziona]

/* Cambia il tasto di chiusura da grigio a rosso */
.tabs-closebutton,
.alertCloseButton,
.popup-notification-closebutton,
#sidebar-close-button {
 -moz-image-region: rect(0px, 11px, 11px, 0px) !important;
  list-style-image: url("close-tab.png") !important; }

.findbar-closebutton,
.findbar-closebutton:hover {
 -moz-image-region: rect(0px, 11px, 11px, 0px) !important;
  margin-top: 4px !important;
  list-style-image: url("close-tab.png") !important; }

.findbar-closebutton:hover {
  background: #C0C0C0 !important; }

[Megabyte]

Perfetto... adesso è tutto ok!!

Rispetto alle altre barre, in caso di hover il "quadratino di sfondo" grigio della findbar è un po' più piccolo (di tipo minimale), quindi l'area sensibile per il clic di chiusura è più piccola... ma penso sia un effetto voluto.

Stranamente con questo nuovo codice ho dovuto riportare a "0px" il valore del parametro margin-top per allineare correttamente la X rossa (mentre prima occorreva il valore "4px").

[miki64]

Ricordo ai lettori di questo topic che c'è una discussione riepilogativa ("in bella copia"  ) delle soluzioni provate in questa discussione: http://forum.mozillaitalia.org/index.php?topic=59964.0
Grazie Iceberg per il tuo intervento e grazie Megabyte per la condivisione per le informazioni su Windows 8 ...    ... Però mi sa tanto che il post "CONCLUSIONI" dovrò daccapo scriverlo sotto eventuali ulteriori trucchetti del buon Iceberg.

@Iceberg: c'è una discussione aperta da me che può esserti utilissima, il buon Underpass mi fornì la soluzione ai pulsanti di chiusura in stile Windows Xp sulle versioni "grigie" di Firefox ma non riesco a trovarla... 

[Godai71]

Crea in questa cartella:
C:\Documents and settings\Nome utente\Dati applicazioni\Mozilla\Seamonkey\Profiles\mctn4jpv.default\
una sottocartella chrome
dentro ci metti il file userChrome.css e l'immagine close-tab.png
Nel mio caso ho dovuto riscalare l'immagine da 16x16 a 11x11 in quanto l'iconcina usata per Firefox stonava e aumentava l'altezza della barra delle schede su Seamonkey.

Non è che puoi passare l'icona riscalata? Grazie.

[Iceberg]

La "X" ridotta da 16x16 a 11x11 si trova nella presentazione di Seamonkey con i messaggi in bella copia, eccola:

[Megabyte]

Segnalo un tema per SeaMonkey molto interessante: è Firefox 3 theme for SeaMonkey (che riproduce su SeaMonkey l'interfaccia grafica di Firefox 3).
L'effetto mi sembra molto valido: vengono ripristinati i pulsanti tradizionali, la stellina dei segnalibri nella barra degli indirizzi, la X rossa su tutte le barre, l'irrinunciabile favicon del "foglietto ripiegato", il + sulla barra delle schede, ecc. ecc.

A questo tema si può abbinare l'estensione MonkeyFix (dello stesso autore), che migliora ulteriormente il risultato (ad esempio ripristinando i pulsanti "Segnalibri" e "Cronologia", originariamente assenti in SeaMonkey).

Entrambi gli addon sono molto recenti... quindi è presumibile che in futuro possano "migliorare" ulteriormente.

Aggiungendo qualche codice CSS tra quelli indicati in questo thread, si può ottenere un ottimo effetto finale.
Anche l'estensione SeaTabXPlus risulta perfettamente compatibile con entrambi gli addon citati.

[Paky]

grazie per questo e l'altro 3d in evidenza miki64 

visto che sono qui riporto il codice che mi propose gialloporpora in questo 3d -> Click

permette di avvalersi di una navigazione in fullscreen totale (con la barra degli indirizzi che scompare e riappare al passaggio del mouse)

Codice: [Seleziona]

#main-window[sizemode="fullscreen"] #nav-bar{
margin-top: -25px !important;
}


#main-window[sizemode="fullscreen"] #nav-bar:hover{
margin-top: 0px !important;
}

[Megabyte]

permette di avvalersi di una navigazione in fullscreen totale (con la barra degli indirizzi che scompare e riappare al passaggio del mouse)

Eventualmente bisogna "aggiustare" a mano i pixel dei "margini" in base al proprio sistema operativo ed al proprio tema di SeaMonkey.

Col tema Default su Windows 8.1 si ottiene un ottimo risultato mettendo a -28px il primo margine:

Codice: [Seleziona]

#main-window[sizemode="fullscreen"] #nav-bar{
margin-top: -28px !important;
}

#main-window[sizemode="fullscreen"] #nav-bar:hover{
margin-top: 0px !important;
}
Col tema Firefox 3 theme for SeaMonkey su Windows 8.1 mi sembra invece perfetta la combinazione -34px/-1px, cioè:

Codice: [Seleziona]

#main-window[sizemode="fullscreen"] #nav-bar{
margin-top: -34px !important;
}

#main-window[sizemode="fullscreen"] #nav-bar:hover{
margin-top: -1px !important;
}