.gif)
Kali ini kita akan membuat sudut melengkung pada sudut kotak blog kita. coba anda perhatikan terlebih dahulu sudut blog ini. paling bawah atau paling atas blog di sana terdapat sudut yang melengkung. biar lebih jelas lagi lihat contoh di bawah ini.
ini bisa di terapkan dimana saja, baik itu di sidebar, content, atau footer. cara membuatnya kita hanya membutuhkan sedikit kode yang akan ditambah kan pada CSS tamplate kita. mau tahu kode nya seperti apa? berikut ini kode yang harus ditambahkan tersebut:
- -moz-border-radius => ini akan membuat segala sudut jadi melengkung, baik itu kiri atas, kiri bawah, kanan atas dan kanan bawah
- -moz-border-radius-bottomright => ini membuat garis melengkung kanan bawah
- -moz-border-radius-bottomleft => ini di gunakan untuk membuat garis kiri bawah melengkung
- -moz-border-radius-topright => ini untuk garis melengkung kanan atas
- -moz-border-radius-topleft => ini untuk garis melengkung bagian kiriatas
Nah untuk membuat sudut nya melengkung anda harus menambahkan nilai pada ujung kode tersebut, ini untuk menentukan seberapa melengkungkah sudut yang kita mau. berikut ini cara penambahannya.
-moz-border-radius:10px;
Nah 10px tersebut itu lah nilai lengkung yang akan di tambahkan. nilainya tidaklah mutlak seperti itu. anda bisa merubahnya dengan nilai yang lain. tergantung keperluan anda. setelah nilai tersebut sudah di tentukan anda tinggal memasukkannya pada kode CSS template yang ingin anda berikan sudut melengkung. disini saya akan mengambil contoh garis melengkung kiri bawah dan kanan bawah pada footer, berikut ini caranya:#footer{
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
background:#005094;
}
Kode tersebut hasil nya lebih kurang seperti gambar di atas atau pada footer blog ini. semoga artikel ini bermanfaat untuk anda semua dan jangan lupa kembali lagi untuk membaca update terbaruku setiap hari nya. salam sukses....
: HUBUNGI Email kami di jptr273@gmail.com bagi bos yang membutuhkan JASA ARTIKEL BOLA yang berpengalaman di bidangnya. terimakasih
:
Hubungi Kami: J_Putra
Email: jptr273@gmail.com
Hubungi Kami: J_Putra
Email: jptr273@gmail.com
Share
wah makasih sob, dari dulu saya bingung sampi2 harus ganti tempalte untuk membuat garis melengkung ternyata ada kode scrib nya, makasih ya sob, sukses selalu..
a-One Jambi
a-One >> Sama-sama sob... makasih ni semoga sukses juga.
Scriptnya cuma support browser mozilla tuh om... hehehhe...
hebat saya sudah praktekan cara membuat sudut melengkung di blog saya mas
berkunjung ya ke blog congcot
wah...sangat bagus nih...
makasih sob info-nya..
Congcot >> makasih sudah mampir
Akhyar's >> sama-sama...
thx berattt!!!!!
wah mas nie msih newbie, da alternatif lain g slain ntu??? di script q g bsa tp aq pengen yg kyk gtu, tlg bantuannya
http://griyasoft.blogspot.com/
wah makasih!! ber hasil di coba!!!
SANGAT LENGKAP MAS ......INI BLOG JEMPOLAN
TERIMA KASIH YAA
wah ini yang saya cari..., makasih ya mas. ijin mau coba terapkan ke blog saya.
trims ya mas
makasih sudut lengkungnya ... ada variasi dikit berkunjunf ke :
Rilexnet.blogspot.com
Terima kasih atas infonya sob... :)
trima kasih mas infonya,,,,
pass ane kluar dri blognya gk ada melengkung2 nya