Membuat sudut blog melengkung
Untuk membuat sedikit variasi terkadang kita ingin membuat sudut blog melengkung, setelah saya tanya-tanya si mbah ternyata caranya sangat mudah. Kita hanya perlu menambahkan sedikit kode CSS. OK langsung saja kita uraikan sedikit penjelasan di bawah :
- -moz-border-radius => kode ini akan membuat segala sudut jadi melengkung, baik itu kiri atas, kiri bawah, kanan atas dan kanan bawah
- -moz-border-radius-bottomright => kode ini membuat garis melengkung kanan bawah saja
- -moz-border-radius-bottomleft => kode ini di gunakan untuk membuat garis kiri bawah melengkung saja
- -moz-border-radius-topright => kode ini untuk garis melengkung kanan atas saja
- -moz-border-radius-topleft => kode ini untuk garis melengkung bagian kiri atas saja
Cara memasangnya adalah sebagai berikut ini:
- Seperti biasa masuk ke dasbor blogger anda >> rancangan >> edit HTML >> centang Expand Template Widget
- Silahkan sobat masukkan kode yang telah saya utarakan di atas, di bagian-bagian mana saja sobat ingin membuat lengkungannya. Sobat harus menambahkan nilai pada ujung kode tersebut, ini untuk menentukan seberapa besar derajat lengkungan sudut yang kita mau.
- Contohnya peletakkannya seperti berikut:
#footer{
-moz-border-radius-bottomright:10px;
background:#FF00FF;
}
-moz-border-radius-bottomright:10px;
background:#FF00FF;
}
Nah hasilnya kurang lebih seperti gambar di bawah ini.
Untuk selanjutnya silahkan sobat berkreasi sendiri :D
Selamat mencoba dan salam blogger.
Disadur dari sumber
0 komentar :
Posting Komentar
Jika anda menyukai artikel di atas silahkan share atau tinggalkan komentar. Mohon maaf, untuk menghindari spam, komentar yang menyertakan live link akan dihapus.