2011-10-09 3 views
11

Sto usando jQuery-UI per aggiungere tabs sulla mia pagina, dopo averlo aggiunto, sento che la dimensione del carattere della scheda e la larghezza e l'altezza della linguetta sono troppo grandi per la mia pagina. Vorrei cambiare la dimensione del carattere e la larghezza e l'altezza della linguetta. Come farlo?Come modificare la dimensione del carattere e la larghezza e altezza delle linguette jQuery-UI

+0

Quella pagina manuale dice "Il plugin jQuery UI Tabs utilizza il framework jQuery UI CSS per lo stile il suo aspetto grafico, inclusi i colori e le texture di sfondo Noi consiglia di utilizzare lo strumento ThemeRoller per creare e scaricare temi personalizzati facili da costruire e mantenere. ". Lo esaminerei. – Nanne

+2

Dai un'occhiata qui http://keith-wood.name/uiTabs.html –

+0

Qualcuna di queste risposte ha funzionato per te? Se è così, per favore accettalo come risposta. – Tass

risposta

24

è necessario cambiare in una classe CSS come questo

.ui-tabs .ui-tabs-nav li a {font-size:7pt !important;} 
+0

Buon uomo! +1 –

+0

Ma se nella tua pagina ci sono 2 o più widget di tabulazioni, questo influirà su tutti loro. – Sathesh

+0

mi ha aiutato, grazie ... – beegees

1

Vai alla jQuery UI ThemeRoller e creare il proprio tema o modificare le impostazioni predefinite. Sul lato destro sotto "Impostazioni carattere" c'è la possibilità di cambiare la dimensione del carattere.

ThemeRoller Font Settings

Per quanto riguarda la dimensione delle schede, guardare il file CSS che è venuto con il pacchetto di jQuery UI si è scaricato. Trova il selettore per le schede jQuery UI e modificare la proprietà padding:.

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }