Cara membuat sudut melengkung di blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Posted by mukhammad nur Rabu, 24 Agustus 2011 0 komentar
gimana ya contohnya kaya gini:


Trik Sudut melengkung  ini bisa diterapkan 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;

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.
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara membuat sudut melengkung di blog
Ditulis oleh mukhammad nur
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://cintafido.blogspot.com/2011/08/cara-membuat-sudut-melengkung-di-blog.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Panduan blog dan SEO support Online Skill - Cinta fido Fido | Kopi kanan Akherat | Kisah Nabi Muhammad | Sahabat | Belajar Blogger | Template | HTML | Tutorial | Komputer.

investasi semoga anda senang

kurs mata uang BCA-2


Selamat datang di blog cinta fido, semoga anda diberi keSehatan oleh alloh SWT

Islam itu Cinta Damai Agama Islam Cinta Damai
jihad Damai adalah amal kebaikan yang Allah perintahkan dan menjadi sebab kokoh dan kemuliaan umat islam