Topic: userchrome how to cambiare colore linguette schede

[aramis]

Salve. WXP HE SP3. Firewall di windows. NOD32.

Applicazione: Firefox 4.0 (20110318052756)
Sistema operativo: WINNT (x86-msvc)

- Adblock Plus 1.3.5
- Extension List Dumper 1.15.0
- Java Console 6.0.24
- Microsoft .NET Framework Assistant 0.0.0

- Tema predefinito 4.0

- Adobe Acrobat 10.0.1.434
- Java Deployment Toolkit 6.0.240.7 6.0.240.7
- Java(TM) Platform SE 6 U24 6.0.240.7
- Microsoft® DRM 9.0.0.4503
- Microsoft® DRM 9.0.0.4503
- Microsoft® Windows Media Player Firefox Plugin 1.0.0.8
- Shockwave Flash 10.2.153.1
- Silverlight Plug-In 4.0.60129.0
- Windows Media Player Plug-in Dynamic Link Library 3.0.2.629

Ho letto a questo URL http://forum.mozillaitalia.org/index.php?topic=17028.0 info su come effettuare modifiche dello aspetto di FF, anche riguardo al colore delle linguette delle schede. In partcolare in questo post Personalizzazione delle schede si parla anche del colore delle tab delle schede. Ma sono informazioni del 2006. Gradirei sapere se c'e' un modo per cambiare colore alla linguetta delle schede (se ne ho due quella attiva mi appare bianca e l'altra grigia) per vivacizzare FF4, che giudico un ottimo programma. Non vorrei istallare estensioni se possibile.
Grazie per un eventuale aiuto.

Aramis

[Megabyte]

Non è esattamente la soluzione che stai cercando (visto che hai detto che preferiresti agire manualmente)… ma io, per colorare le linguette, uso l'estensione ColorfulsTab.

[aramis]

Grazie per la risposta. La estensione e' veramente appetibile.

Buona domenica.

Aramis

[miki64]

Tieni d'occhio anche questo topic del volenteroso Iceberg:
http://forum.mozillaitalia.org/index.php?topic=49835.0
Su un profilo di test, comunque, non rischi nulla a seguire i consigli del 2006. 

[aramis]

Grazie per la risposta. Gentilissimo.
Avevo gia' installato la estensione suggerita da Megabyte.

Buona serata.

Aramis

[Iceberg]

Ti segnalo una raccolta aggiornata di un bel po' di modifiche che si possono effettuare all'aspetto della barra delle schede senza installare temi o estensioni.

http://forum.mozillaitalia.org/index.php?topic=49835.msg323557#msg323557

[aramis]

Grazie per il link utilissimo e aggiornato. Ho applicato i consigli per cambiare il colore delle linguette delle schede e ora la scheda attiva mi appare di un bel rosso fuoco. Ma le schede non attive sono ancora di un colore grigio scuro che si schiarisce leggermente al passaggior del mouse.
Gradirei cambiare anche il loro colore, ma non so come inserire il codice per i colori nel file userChrome.css.
Potreste darmi una mano? te ne sarei grato: amo FF4 ma quelle linguette scure sono orrende.

Grazie e scusa per il disturbo.

Aramis
P.S.
Ho applicato questa modifica:
Cambiare il colore di sfondo e il colore del testo delle schede
Firefox 4 e Firefox 3.6.
In questo esempio si hanno colori diversi per la scheda attiva rispetto alle schede non attive. Le schede non attive vengono evidenziate al passaggio del mouse.
Codice:

/* Cambia il colore della scheda attiva */
.tabbrowser-tab[selected="true"] {
   -moz-appearance: none !important;
   background: #FF071C !important;
   color: #FFFFFF !important;
   border: none !important; }

/* Cambia il colore delle schede non attive */
.tabbrowser-tab:not([selected="true"]) {
   -moz-appearance: none !important;
   background: #8F848D !important;
   color: #000000 !important;
   border: none !important; }

/* Effetto al passaggio del mouse sulle schede non attive */
.tabbrowser-tab:not([selected="true"]):hover {
   -moz-appearance: none !important;
   background: #BBACB9 !important; }

Come posso cambiare il colore delle schede non attive? cosa devo modificare?

[Megabyte]

Grazie per il link utilissimo e aggiornato. Ho applicato i consigli per cambiare il colore delle linguette delle schede e ora la scheda attiva mi appare di un bel rosso fuoco. Ma le schede non attive sono ancora di un colore grigio scuro che si schiarisce leggermente al passaggior del mouse.
Gradirei cambiare anche il loro colore, ma non so come inserire il codice per i colori nel file userChrome.css.
Potreste darmi una mano? te ne sarei grato: amo FF4 ma quelle linguette scure sono orrende.

...

Come posso cambiare il colore delle schede non attive? cosa devo modificare?

Prova a sostituire manualmente il "codice colore" (esadecimale) delle schede non attive con uno di tuo gradimento.

[aramis]

Grazie per la risposta. Il codice esadecimale dei colori (che ho tratto da questo url http://it.wikipedia.org/wiki/Lista_dei_colori ) deve sostituire il valore esadecimale dopo BACKGROUND e lo asterisco:ESEMPIO background: #FFFF00 con background: #FFA500 per ottenere uno sfondo arancione della linguetta della scheda.

Grazie tante per l'aiuto. Ora il mio FF4, con la linguetta arancione di FF e le schede rosse verdi e, se passo sopra quelle non attive con il mouse, gialle, e' veramente piu' gradevole e variopinto.

Ringrazio chi ha aggiornato le modifiche del file userChrome.css per cambiare il layout di FF4 e chi mi ha risposto.
Buona giornata.

Aramis

[Iceberg]

I colori li ho messi poco meno che a caso.
E' corretto il suggerimento di Megabyte, i codici dei colori sono i numeri esadecimali presenti nelle istruzioni: esempio dove leggi #FFFFFF vuol dire bianco.
Se non hai qualche programmino che ti aiuta a trovare i giusti colori ti segnalo due pagine che possono tornarti utili:

http://www.joram.es/tutorial/codes.htm
http://www.web-link.it/html/colori256.htm

Per l'effetto al passaggio del mouse sulle schede non attive dovresti scegliere un colore un po' più chiaro del loro normale colore. Se come colore scegli il verde come evidenziazione scegli un verde più chiaro. Nell'esempio come hai notato sono grigio scuro che diventano grigio chiaro al passaggio del mouse. Dovresti ma ovvio puoi fare come meglio ti piace una volta capito il meccanismo.

Edit.
Mi sembra che hai capito il meccanismo. 

[aramis]

Grazie per il post Iceberg e per il tuo ottimo lavoro di aggiornamento sul file userChrome.css. Ti ringrazio anche dei consigli ma, come giustamente hai commentato, ho capito il meccanismo e faro' vari tentativi per ottenere un buon compromesso di...colori .

Buona serata.

Aramis

[Megabyte]

I codici esadecimali dei colori spesso si possono ottenere anche coi normali programmi di grafica: la "tavolozza" di selezione del colore di solito mostra varie codifiche, tra cui quella esadecimale standard.

[gialloporpora]

I colori si possono anche scrivere nella forma rgb(x,y,z) dove x,y e z sono le quantità (da 0 a 255, 00 e FF in esadecimale) di rosso, verde e blue del colore, esempio:

rosso=rgb(255,0,0)=#FF0000;
verde=rgb(0,255,0)=#00FF00

ecc…

comunque se volete provare un effetto  carino potete usare il gradiente lineare, esempio:

Codice: [Seleziona]

.tabbrowser-tab[selected="true"] {
background: -moz-linear-gradient(top,  #fff,  #f00) !important;
}

il colore passa da bianco a rosso in modo lineare, ovviamente potete decidere i colori che più vi piacciono. top significa che viene applicato dall'alto al basso.

Cfr.
https://developer.mozilla.org/en/using_gradients