Archive for August 2010
MENU HORIZONTAL DENGAN EFEK RADIUS
Bisa dilihat sendiri kan dari judulnya diatas. Nah mungkin masih ada yang bingung dengan judul itu, kalau bingung lihat sendiri contohnya di menu horizontal yang di blogku ini (dibawah header).
Wah . . . , gak kerasa kita udah hampir masuk 10 hari terakhir bulan ramadhan. Tapi anehnya dalam waktu selama itu aku masih juga belum nemu ide buat posting. Entah karena bosan, males, sibuk juga, atau karena apalah ? aku sendiri juga gak tau. Tapi setelah sekian lama gak posting, kali ini aku mau posting sesuatu yang ringan aja.
Bisa dilihat sendiri kan dari judulnya diatas. Nah mungkin masih ada yang bingung dengan judul itu, kalau bingung lihat sendiri contohnya di menu horizontal yang di blogku ini (dibawah header).
MENU HORIZONTAL "HOVER" DENGAN CSS
Kanapa aku memilih memberi judul demikian . . . ??? Karena menu ini menggunakan efek hover saat tersentuh pointer mouse. Begini caranya :
1. Login akun blog kalian pastinya . . .
2. masuk menu rancangan >>> edit html. Lalu copy-paste kode berikut tepat dibawah <head> atau diatas ]]></b:skin>
Kanapa aku memilih memberi judul demikian . . . ??? Karena menu ini menggunakan efek hover saat tersentuh pointer mouse. Begini caranya :
1. Login akun blog kalian pastinya . . .
2. masuk menu rancangan >>> edit html. Lalu copy-paste kode berikut tepat dibawah <head> atau diatas ]]></b:skin>
HUT RI ke-65
Hari in tepat 65 tahun kemerdekaan Indonesia. Tepat pukul 10.00 tadi. Wah, gak kerasa ya...,,,
setelah para pahlawan kita berjuang untuk keluar dari penjajahan Bangsa Belanda selama sekitar 350 tahun dan Bangsa-bangsa lainnya termasuk Jepang sekitar 3,5 tahun akhirnya Bangsa Indonesia bisa merdeka tepat tanggal 17 Agustus 1945. Dan kita sebagai kaum muda dan generasi masa depan Indonesia benar-benar beruntung terlahir dalam keadaan yang telah / sudah merdeka. KIta hanya perlu mengisi kemerdekaan ini dengan hal-hal positif.
Hari in tepat 65 tahun kemerdekaan Indonesia. Tepat pukul 10.00 tadi. Wah, gak kerasa ya...,,,
setelah para pahlawan kita berjuang untuk keluar dari penjajahan Bangsa Belanda selama sekitar 350 tahun dan Bangsa-bangsa lainnya termasuk Jepang sekitar 3,5 tahun akhirnya Bangsa Indonesia bisa merdeka tepat tanggal 17 Agustus 1945. Dan kita sebagai kaum muda dan generasi masa depan Indonesia benar-benar beruntung terlahir dalam keadaan yang telah / sudah merdeka. KIta hanya perlu mengisi kemerdekaan ini dengan hal-hal positif.
ATURAN PENULISAN CSS
Pengertian CSS
Css adalah kepanjangan dari Cascade Style Sheet, yaitu suatu bahasa pemrograman yang biasa digunakan oleh para desainer web/blog untuk mengatur style elemen yang ada di web mereka. Tujuan penggunaan CSS adalah agar diperoleh suatu style yang konsisten pada elemen tertentu.
Aturan Penulisan CSS
Selector
Terdiri dari tag,class,ID
Declaration
Mendeskripsikan property dan value
Pengertian CSS
Css adalah kepanjangan dari Cascade Style Sheet, yaitu suatu bahasa pemrograman yang biasa digunakan oleh para desainer web/blog untuk mengatur style elemen yang ada di web mereka. Tujuan penggunaan CSS adalah agar diperoleh suatu style yang konsisten pada elemen tertentu.
Aturan Penulisan CSS
Selector
Terdiri dari tag,class,ID
Declaration
Mendeskripsikan property dan value
MEMBUAT TAB VIEW UNIK (VERSI 2)
Sebelumnya aku sudah memposting gimana caranya bikin tab view menu secara sederhana (versi 1), nah dalam posting kali ini aku akan memberi tahu cara membuat tab view yang sedikit lebih bagus dan unik, namun pembuatannya tetap simpel dan mudah. Hasilnya bisa dilihat di sebelah kiri blogku ini/tab view punyaku ini. Tapi 1 kekurangannya, tab view ini memakai efek radius (lengkungan di tepi/sudut) dan hanya terlihat jelas efeknya jika dibuka melalui firefox. Namun, bisa diakali dengan menambahkan kode semisal
-webkit-border-radius:10px;
Sebelumnya aku sudah memposting gimana caranya bikin tab view menu secara sederhana (versi 1), nah dalam posting kali ini aku akan memberi tahu cara membuat tab view yang sedikit lebih bagus dan unik, namun pembuatannya tetap simpel dan mudah. Hasilnya bisa dilihat di sebelah kiri blogku ini/tab view punyaku ini. Tapi 1 kekurangannya, tab view ini memakai efek radius (lengkungan di tepi/sudut) dan hanya terlihat jelas efeknya jika dibuka melalui firefox. Namun, bisa diakali dengan menambahkan kode semisal
-webkit-border-radius:10px;