Corsi on-line

Facebook buttons con CSS

CSS3 Facebook Buttons è una interessante risorsa per il Web design che da la possibilità di creare dei pulsanti basati su CSS 3 sullo stile di quelli utilizzati sul social network più grande della Rete; tutti gli output prodotti sono visualizzabili tramite Firefox 3.5 o superiore, Google Chrome, Safari 4 o superiore, IE 9 e Opera 11.10 o superiore, nessuna delle icone utilizzate dei pulsanti è supportata da Internet Explorer nelle versioni 6 e 7.

Sono disponibili praticamente tutti i formati utilizzati sul Sito in Blue (input, large, grouped, mixed, con o sensa icone), per ogni pulsante è disponibile un’apposita classe, ad esempio, un gruppo di pulsanti potrà essere definito all’interno di un div associato alla classe “uibutton-group” nel quale ricomprendere un elenco non ordinato in cui i link presentano la classe “uibutton”, come nell’esempio seguente:

<ul class="uibutton-group">
    <li><a class="uibutton" href="#">Dashboard</a></li>
    <li><a class="uibutton" href="#">Inbox</a></li>
    <li><a class="uibutton" href="#">Account</a></li>
    <li><a class="uibutton" href="#">Logout</a></li>
</ul>

Tutti gli esempi di utilizzo sono disponibili sul sito dello sviluppatore, il packege aggiornato è invece scaricabile da GitHub.

Post correlati
I più letti del mese
Tematiche