Februari 04, 2011

bikin box lengkung

Sedikit gambaran judul artikel ini, mungkin anda pernah mengunjungi sebuah situs/blog yang pada bagian-bagian pojoknya melengkung, sudut-sudutnya tidak 90 derajat, tapi melengkung persis sebuah busur?,.. atau anda klik DISINI untuk melihat salah satu contoh blog yang melengkung sudut-sudutnya. Nah,.. untuk halaman yang demikian ini cara membuatnya tidak terlalu sulit anda hanya memberi sedikit variasi pada kode css htmlnya,
Ikuti Langkah-langkah berikut :
Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
Pilih ‘TATA LETAK’/ Rancangan
Klik "Edit HTML"
Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas

(gunakan Ctrl + F) Cari kode Yang mirip dibawah ini, Jika anda ingi Merubah Halaman posting artikel :
#post {
background:#ffffff;
float: left;
width: 475px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #cfcfcf;
}
Ganti kode warna hijau denga kode :
border:1px solid #cfcfcf;;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 2px 5px rgba(0,0%,0%,.15);
-moz-box-shadow: 0px 2px 5px hsla(0,0%,0%,.15);
box-shadow: 0px 2px 5px rgba(0,0%,0%,.15);
Selesai Simpan template !!
Cat : Untuk merubah sidebar sama caranya dengan diatas, cari kode css sidebar-nya, biasanya diawali dengan #sidebar/. sidebar dan ditutup dengan }, tergantung kode CSS template anda.

Tidak ada komentar:

Posting Komentar