Autore Topic: modificare forma linguetta schede con userchrome.css  (Letto 2426 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline aramis

  • Post: 555
modificare forma linguetta schede con userchrome.css
« il: 25 Marzo 2012 10:49:12 »
Un saluto. Sto provando la versione AURORA Firefox 13 in un sistema basato su WXP HE SP3.
Fino alla versione FF 12 beta 2 questa istruzione inserita nel file userchrome.css della cartella Chrome del profilo
Codice: [Seleziona]
/* Cambia la forma delle schede */
.tabbrowser-tab{
   -moz-appearance: none !important;
   -moz-border-radius: 20px 20px 20px 20px !important;
   padding-left: 5px !important;
   padding-right: 5px !important;
   border: none !important; }
mi consentiva di modificare la forma della linguetta delle schede (in questo caso mi si presentano di forma ovale). In Aurora questo non succede mentre posso ancora modificare colore testo altezza. Le schede in Aurora Firefox compaiono tutte rettangolari.
E' possibile modificare questa istruzione per modificare la forma della linguetta delle schede?
Grazie per una eventuale risposta.
Buona domenica.

Aramis

Edit by Godai71: Messo codice tra i tag code.
« Ultima modifica: 25 Marzo 2012 13:47:23 da Godai71 »

Offline aramis

  • Post: 555
Re: modificare forma linguetta schede con userchrome.css
« Risposta #1 il: 26 Aprile 2012 15:57:02 »
Un saluto. WXP HE SP3 aggiornato alle ultime patches. NOD32. Firewall di Windows. Alice 7 mega.
Applicazione: Firefox 12.0 (20120420145725)
Sistema operativo: WINNT (x86-msvc)

- Adblock Plus 2.0.3
- Extension List Dumper 1.15.2

- Tema predefinito 12.0

- Adobe Acrobat 9.5.1.283
- Java(TM) Platform SE 7 U3 10.3.0.5
- Microsoft® DRM 9.0.0.4503
- Microsoft® DRM 9.0.0.4503
- Microsoft® Windows Media Player Firefox Plugin 1.0.0.8
- Shockwave Flash 11.2.202.233
- Silverlight Plug-In 5.0.61118.0
- Windows Media Player Plug-in Dynamic Link Library 3.0.2.629

Mi raccordo al precedente post del 25 Marzo per aggiornarlo ribadendo che nella versione di FIREFOX 12 final tutte le istruzioni che io ho inserito nel file UserChrome.css per modificare alcune caratteristiche del layout del programma funzionano.
Chiedo ancora aiuto per Aurora 13a2 in cui la istruzione per modificare la forma della linguetta delle schede e' ancora l'unica inefficace.
Grazie per un eventuale riscontro.
Buona serata.

Aramis

Offline Iceberg

  • Moderatore
  • Post: 9163
Re: modificare forma linguetta schede con userchrome.css
« Risposta #2 il: 26 Aprile 2012 22:34:57 »
Prova con questo codice leggermente modificato.

Codice: [Seleziona]
/* Cambia la forma delle schede */
.tabbrowser-tab {
   -moz-appearance: none !important;
   border-radius: 20px 20px 20px 20px !important;
   padding-left: 5px !important;
   padding-right: 5px !important;
   border: none !important; }
« Ultima modifica: 26 Aprile 2012 23:17:34 da Iceberg »

Offline aramis

  • Post: 555
Re: modificare forma linguetta schede con userchrome.css
« Risposta #3 il: 27 Aprile 2012 08:54:51 »
Un saluto. Come sempre Iceberg all'altezza della situazione.
La modifica mi consente di cambiare la forma della linguetta delle schede che con questa istruzione ora diviene ovale.
Grazie e buona giornata.

Aramis

Offline Iceberg

  • Moderatore
  • Post: 9163
Re: modificare forma linguetta schede con userchrome.css
« Risposta #4 il: 27 Aprile 2012 14:44:57 »
Prego!

La pagina di riferimento è questa.
https://developer.mozilla.org/en/CSS/border-radius

Dove potresti trovare altre idee per fare un ovale diversamente ovale.


Offline aramis

  • Post: 555
Re: modificare forma linguetta schede con userchrome.css
« Risposta #5 il: 16 Maggio 2012 14:59:42 »
Grazie per il link. Cambiando i valori nella riga border-radius (io ho messo 8px ai 4 bordi) ottengo una linguetta diversamente ovale (come simpaticamente recita Iceberg).
Grazie ancora e buona giornata.

Aramis

0 Utenti e 1 Visitatore stanno visualizzando questo topic.