Topic: Personalizzazioni varie dell'interfaccia di Seamonkey

[Iceberg]

Sta bene così, vero?

Sì, se vuoi potresti aggiungere.

Il precedente codice per cambiare il colore di sfondo alle barre.

Questo codice che sposta in basso la barra di ricerca, per averla come Firefox.

Codice: [Seleziona]

/* Sposta in basso la barra di ricerca */
#FindToolbar {
 -moz-box-ordinal-group: 2 !important; }
Quest'altro codice che cambia in verde il colore di sfondo del tasto Vai.

Codice: [Seleziona]

/* Cambia il colore di sfondo del pulsante Vai */
 #go-button  {
 -moz-appearance: none !important;
 background: #5EB30D !important; }Per dare l'ok si dà il verde e non il grigio!

[miki64]

Il tasto "Vai" non so quale sia, forse le mie personalizzazioni precedenti lo hanno rimosso... 

Comunque tutto funziona alla grande, ti ringrazio!   

E appena potrò metterò online un piccolo topic che... 

[Iceberg]

Siamo decisamente fuori tema, ma il tema è interessante.

Il tasto Vai?
Eccolo:

Normalmente sarebbe grigio.
Si nota anche una parte dell'inseparabile PrefBar.

[Megabyte]

In effetti il tasto "Vai" con sfondo grigio è abbastanza bruttino... 


Per inciso, non ho ancora capito a cosa serva il tasto "Vai".
Per ottenere la stessa "funzionalità", non è sufficiente premere il tasto fisico "Invio"?

[Iceberg]

E' sufficiente premere invio. E' una alternativa. Se il focus è sulla barra degli indirizzi.
Se invece hai perso il focus e vuoi andare all'indirizzo scritto sulla barra degli indirizzi, con un colpo solo, fai clic su Vai.

[Megabyte]

Ok... capito.

Mi sembra quindi un "vantaggio" abbastanza trascurabile rispetto allo "svantaggio" dovuto all'ingombro (permanente) del tasto!!
Continuerò quindi a non tenere sulla barra il tasto "Vai" risparmiando qualche pixel (visto che per riportare il focus sulla barra degli indirizzi basta comunque un clic).

[iacchi]

La versione modificata dei russi non la conoscevo, è utilissima! Grazie Iceberg. Così finalmente si risolve il bug che seatabx ha con le nuove versioni di seamonkey.

[miki64]

Farò un topic riassuntivo di questo stesso topic appena possibile, evidenziando per i nuovi utilizzatori tutte le caratteristiche di SeaMonkey e con un sacco di screenshot.
Non voglio però agganciarlo a questo topic (finirebbe in basso) o a quello della nuova interfaccia di Firefox, quindi ne aprirò uno nuovo. Vi chiedo: lo apro in questa sezione o in "Pianeta Mozilla"? Nel primo caso un utente Firefox in scelta di alternativa non potrebbe sapere di trovare la sua soluzione in questa sezione, nel secondo caso invece gli facilitiamo la vita.
E così iacchi potrà fornire un bel link...   

[Megabyte]

Farò un topic riassuntivo di questo stesso topic appena possibile, evidenziando per i nuovi utilizzatori tutte le caratteristiche di SeaMonkey e con un sacco di screenshot.
Non voglio però agganciarlo a questo topic (finirebbe in basso) o a quello della nuova interfaccia di Firefox, quindi ne aprirò uno nuovo. Vi chiedo: lo apro in questa sezione o in "Pianeta Mozilla"? Nel primo caso un utente Firefox in scelta di alternativa non potrebbe sapere di trovare la sua soluzione in questa sezione, nel secondo caso invece gli facilitiamo la vita.

Trattandosi di argomento molto "specialistico" (specificamente legato a SeaMonkey), secondo me è meglio restare in questa sezione, frequentata proprio da chi è interessato a questo programma.

Chi è interessato a personalizzare l'interfaccia di SeaMonkey, necessariamente conosce già questo programma... quindi gli risulta "naturale" rivolgersi all'apposita sezione.

Il "problema di fondo" è che molti utenti di Firefox non conoscono l'esistenza di SeaMonkey... ma non credo che questi utenti per cercare un'alternativa si rivolgerebbero alla sezione "Pianeta Mozilla".
Al massimo chiederebbero informazioni nella sezione "Firefox"...



P.S.
Mi sa che "presto" (con l'arrivo di Australis) questa sezione diventerà molto frequentata...

[Iceberg]

Personalizzare la barra di ricerca di Seamonkey.

Normalmente la barra di ricerca appare così:

In alto; in grigio; senza scritte; con alcuni tasti che si trovano lontanissimi all'estrema destra (neanche entrano nell'immagine).

A me piace così:

In basso; sfondo celeste; con i tasti Precedente e Successivo più grandi e meglio identificabili; con i pulsanti visualizzati da sinistra a destra senza voragini in mezzo; con il tasto per chiudere sulla sinistra.

Come fare?
userChrome.css

Codice: [Seleziona]

/* Sposta in basso la barra di ricerca */
#FindToolbar {
 -moz-box-ordinal-group: 2 !important; }

/* Ripristina l'ordine degli elementi sulla barra di ricerca come era fino a Seamonkey 2.21 */
.findbar-closebutton {
 -moz-box-ordinal-group: 0 !important;
  margin-left: -8px !important; }
.findbar-find-status {
 -moz-box-ordinal-group: 3 !important; }
.findbar-container > spacer {
  -moz-box-ordinal-group: 4 !important; }

/* Aggiunge la scritta "Precedente" al tasto sulla barra di ricerca */
.findbar-find-previous label:after {
  margin-left: 4px !important;
  content:"Precedente" !important; }

/* Aggiunge la scritta "Successivo" al tasto sulla barra di ricerca */
.findbar-find-next label:after {
  margin-left: 4px !important; 
  content:"Successivo" !important; }

/* Cambia il tasto di chiusura da grigio a rosso */
.findbar-closebutton {
  list-style-image: url("close-tab.png") !important; }

/* Cambia colore allo sfondo della barra di ricerca */
#FindToolbar {
 -moz-appearance: none !important;
  background: #D5ECF6 !important; }Potete usare solo una parte dei codici e potete adattarli ai vostri gusti.
La "X" rossa per chiudere la barra è la stessa immagine usata per la barra delle schede, questa:

deve chiamarsi close-tab.png e va messa nella cartella chrome accanto al file userChrome.css.

[Megabyte]

La "X" rossa per chiudere la barra è la stessa immagine usata per la barra delle schede, questa:

deve chiamarsi close-tab.png e va messa nella cartella chrome accanto al file userChrome.css.

Dubbio

Se al posto del file userChrome.css si preferisce usare Stylish (così da rendere "modulari" e singolarmente attivabili/disattivabili al volo tutte le modifiche), dove bisogna posizionare il file close-tab.png?

Grazie

[Iceberg]

Non lo so, non uso Stylish. Probabilmente nella stessa cartella dove Stylish salva gli stili.
I file userChrome li gestisco tramite l'estensione PrefBar.

[Megabyte]

Non lo so, non uso Stylish. Probabilmente nella stessa cartella dove Stylish salva gli stili.
I file userChrome li gestisco tramite l'estensione PrefBar.

Purtroppo non è così semplice: gli stili di Stylish vengono salvati nel file stylish.sqlite nella cartella radice del profilo... ma, mettendo in quella posizione anche il file close-tab.png, quest'ultimo non viene "visto".

Speriamo che qualche "esperto di Stylish" passi di qua e ci risolva il problema: io trovo abbastanza "scomodo" lavorare direttamente sul file userChrome.css... mentre Stylish lo gestisce in modo molto efficiente e flessibile.

Incolla questo codice.
Cambia anche la "X" di chiusura della barra di ricerca, della barra laterale, dei popup degli avvisi e di download completati.

Codice: [Seleziona]

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

.tabs-closebutton,
.findbar-closebutton,
.alertCloseButton,
.popup-notification-closebutton,
#sidebar-close-button {
  list-style-image: url("close-tab.png") !important; }
La "X" è questa, va messa nella cartella chrome controllando che il suo nome sia esattamente close-tab.png

C'è un problema: su Windows 8.1 riscontro un malfunzionamento di questo codice nel caso della "global findbar" (cioè la barra di ricerca attivabile tramite Ctrl+F).

Il problema è questo:
 
Passando col mouse sul tasto di chiusura della "global findbar" (senza cliccare), la X rossa di chiusura sparisce (mentre dovrebbe solo cambiare il colore del suo sfondo così da evidenziarla).
Il tasto diventa "invisibile", ma continua a funzionare (come dimostrato dalla presenza del pop-up "Chiudi la barra di ricerca"): se si clicca sullo spazio rimasto "vuoto", la barra infatti si chiude correttamente.

Volendo essere ultra-pignoli, c'è anche un problemino grafico (sempre limitatamente alla "global findbar"):
 
La X rossa risulta un po' disallineata verticalmente... cioè è troppo in alto rispetto alle scritte dei pulsanti adiacenti.


Le altre barre invece mi sembrano tutte ok: i 2 problemi (passaggio del mouse e disallineamento verticale) si verificano solo nel caso della "barra di ricerca".

[Iceberg]

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.

2. Avevamo già incontrato questo problema con un altro tasto. Ricordi? Proveremo la stessa soluzione.

3. La sposteremo un po' in basso.

Qualche numero va cambiato in base al sistema operativo. Allo stesso modo in alcuni casi se manca una istruzione viene eseguita una istruzione di default, in altri casi (caso 2) non viene eseguito nulla.

[Iceberg]

@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  {
  margin-top: 4px !important;
  list-style-image: url("close-tab.png") !important; }

.findbar-closebutton:hover {
  background: #C0C0C0 !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?