Ahhh...rasanya masih ngantuk, he..he...Masih subuh sih, pas bangun gw ngelihat tu laptop masih cengar-cengir dari tadi nonton gw tidur. Ya dah, met apa aja dah buat sahabat yang sedang baca artikel ini. OK ..PISS 4 U...untuk shylah LOVE U...
O ya..untuk kali ini gw coba ngasih postingan tentang membuat bullet menggunakan image dengan CSS, tuk contohnya bisa dilihat lewat gambar.
Ini hanya buat pemula lho, soalnya yang dah pinter pasti dah dari dulu tau cara ini. Ok gak usah banyak basa-basi lagi biar cepat selesai ...he..he..
Secara default kode HTMLpada gambar 1 adalah sbb :
Nah untuk menjadikan bullet sahabat menjadi lebih agak cool, tinggal tambahkan saja kode CSS antara Tag <head> dan </head> pada halaman HTML. O ya, kode CSS nya seperti ini
.
Ok...sekarang saatnya kita untuk melihat hasil dari latihan ini. Coba tulis kode berikut setelah dalam Tag <body></body> pada halaman HTML contoh
Maka hasil yang kita temukan adalah seperti pada gambar 2 di atas. Untuk contoh ini gambar bulletnya saya beri nama gambar.gif, selanjutnya terserah sahabat aja mau diganti dengan gambar apa saja, tapi yang perlu di ketahui usahakan gambar di buat dengan ukuran kecil. Untuk contoh ini saya gunakan ukuran gambar bullet 9 X 9 pixel. Nah dengan CSS tadi, maka secara otomatis semua Tag li pada HTML akan di jadikan image gambar.gif.
Mungkin kali ini itu saja dulu ... saatnya beraktivitas.... Bye...
3 comments:
Gimana kabarnya? dah lama gak min neh...
Halo.......
Artikelnya bagus-bgus lho. Boleh beljr dong!!!!
thanx 4 this tips
Post a Comment