Cara Mudah Menampilkan Gambar Di Depan Link/Url Atau Icon

Sebelumnya saya ucapkan terima kasih atas kesediaan anda untuk membaca tips ini. Cara yang satu ini cukup mudah karena tidak perlu mememakai banyak kode langsung saja perhatikan contoh berikut ini :

click me ! atau
Kembali

caranya hanya perlu membuat atau menambahkan elemen pada css dan untuk memasangnya silahkan lihat code di dalam textarea ini

dan kode cssnya sebagai berikut : CSS
.mp3 { padding-left: 20px; background: #f8f8f8 url('/image/mp3.gif') no-repeat left 50%; }
atau bisa juga menggunakan script yang di pasang di antara elemen HEAD

jika anda tidak suka memakai kode class atau . (titik) anda bisa memakai id atau #(pada css) dan ganti tanda tikik dengan # menjadi seperti berikut : #mp3 { kode css}
kode untuk memasangnya

Dan jika anda suka memakai class atau id di setiap link anda bisa memakai cara yang lebih mudah seperti yang saya pakai, caranya anda hanya memakai elemen div di atas beberapa link, ubah cssnya menjadi

.menu {margin: 1px; padding: 1px; } .menu a { padding-left: 20px; background: #f8f8f8 url('/image/ar.png') no-repeat left 50%; }
kode untuk memasangnya

dan hasilnya seperti ini

Saya hanya memberi sedikit contoh selebihnya tergantung anda sendiri ingin di buat seperti apa, selamat berkreasi !.

Back to posts

Comments:

[2012-06-23 18:39] Islam:

coba dulu y...
http://wharis.blogspot.com/

[2012-07-12 16:25] Admin:

silah kan