• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Bottoni in CSS3

#Gigius

Utente Strepitoso
Autore del topic
9 Giugno 2008
5.031
88
Miglior risposta
0
Ecco a voi un semplice metodo per non scerverlarvi ogni volta nel fare i bottoni in photoshop e allo stesso tempo avere dei bei bottoni leggeri per il vostro forum! :P

Innanzitutto iniziamo con il dare lo stile ai nostri bottoni e quindi aggiungiamo al global.css questo codice (AdminCP->Template & Temi):

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

In questo modo avremo dei bottoni del genere:
52752b7d32485306c0bfdef8763bf37e.png


Ma non è finita! Infatti per far si che funzioni bisogna aggiungere la classe buttons ai nostri bottoni ed eliminare l'immagine dal template.
Per farlo bisogna modificare i seguenti template:
showthread_newreply
forumdisplay_newthread
postbit_email
postbit_find
postbit_pm
postbit_edit
postbit_quickdelete
postbit_quote
postbit_rep_button
postbit_report
postbit_warn
postbit_www

Per non farvi perdere tempo vi posto i miei template già modificati :P

showthread_newreply:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

forumdisplay_newthread:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

postbit_email:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

postbit_find:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

postbit_pm:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

postbit_edit:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

postbit_quickdelete:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

postbit_quote:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

postbit_rep_button:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

postbit_report:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

postbit_warn:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

postbit_www:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!


Ecco fatto! :P
 
Ultima modifica: