Minggu, 21 November 2010

Sungai penuh Online : Sudut melengkung Di Blog

 Malam semakin dingin, suasana hening, Kali ini SPN akan membuat ARTIKEL sudut melengkung pada sudut kotak blog kita. coba SOBAT perhatikan terlebih dahulu sudut blog ini. paling bawah atau paling atas blog di sana terdapat sudut yang melengkung...
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 PADA BLOG SOBAT

  • -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 SOBAT 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. SOBAT bisa merubahnya dengan nilai yang lain. tergantung keperluan SOBAT. setelah nilai tersebut sudah di tentukan SOBAT tinggal memasukkannya pada kode CSS template yang ingin SOBATberikan sudut melengkung. disini SPN 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 untukSOBAT semua dan jangan lupa kembali lagi untuk membaca update ARTIKEL DAN BERITA TERBARU salam sukses....SALAM BLOGGER...hmmm

Artikel yang berkaitan




1 komentar:

Abrar Thahiri mengatakan...

Nanya nih gan, itu kodenya disimpan dimana,
jawab plis

TERIMA KASIH ATAS KOMENTAR DAN KUNJUNGAN ANDA

Posting Komentar



Bagi yang ingin belajar PHP / HTML / MySQL Dan ingin membuat WEBSITE SENDIRI dengan sangat Mudah dan Murah sambil langsung praktek, Saya rekomendasikan anda belajar DI SINI atau DI SINI «« di klik biar situsnya keluar, 4 langkah Mudah dan 3 langkah JITU Murah dan Mudah Membuat WEBSITE. D12UL. D12UL


Twitter Delicious Facebook Digg Favorites More