Themes :

Default Themes

Sarerea.com

HTML5 Icon

Membuat CSS Button/Link Style sederhana

Posted on 21 Oct 2013 13:17:59 | by : Admin
lazada indonesia

CSS Button/Link Style Sederhana - by Husnul Aspiana

Langkah 1, kita buat CSSnya terlebih dahulu seperti terlihat pada source code dibawah ini

Langkah 2, lakukan penamaan class pada link/buton

Hasil CSS button yang sudah dibuat

CLASS LARGE CLASS MEDIUM CLASS SMALL
.button .default .button .default .button .default
.button .red01-style .button .red01-style .button .red01-style
.button .yellow01-style .button .yellow01-style .button .yellow01-style
.button .green01-style .button .green01-style .button .green01-style
.button .blue01-style .button .blue01-style .button .blue01-style
.button .orange01-style .button .orange01-style .button .orange01-style
.button .white01-style .button .white01-style .button .white01-style
.button .grey01-style .button .grey01-style .button .grey01-style
.button .black01-style .button .black01-style .button .black01-style
.button .mocca01-style .button .mocca01-style .button .mocca01-style
.button .brown01-style .button .brown01-style .button .brown01-style
.button .pink01-style .button .pink01-style .button .pink01-style
.button .puchsia01-style .button .puchsia01-style .button .puchsia01-style
.button .burgundy01-style .button .burgundy01-style .button .burgundy01-style
.button .lavender01-style .button .lavender01-style .button .lavender01-style
.button .violet01-style .button .violet01-style .button .violet01-style
.button .purple01-style .button .purple01-style .button .purple01-style
.button .babyblue01-style .button .babyblue01-style .button .babyblue01-style

 

Download file :  Membuat CSS Button/Link Style sederhana

 


Share Friends