A
walnya, saya tertarik sekali dengan designer-designer web yang menggunakan unsur dan karakteristik yang tinggi, yang mana kebanyakan dari mereka menggunakan Sudut yang Rounded (Melengkung) pada menu, sidebar atau body dari sebuah blog.
Follow these step by step below: --> Ikuti langkah-langkah dibawah ini (katanya orang bule)
- Login Blogger dulu tentunya.
- Klik Design/Rancangan/Layout pada Dashboard.
- Klik Edit HTML dan beri tanda centang.
- Kita isi dulu Kode CSSnya, di antara tag <head> dan </head>, atau kawan bisa copas kode di bawah ini tepat di atas kode ]]></b:skin>.
- Gunakan CTRL+F pada browser kawan untuk mempercepat pencarian Script pada Edit HTML.
#lengkung {
height: 300px;
width: 500px;
margin: 0 auto;
background: #ff0000;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}
- Pada kode-kode yang berwarna merah tebal diatas, pastinya kawan-kawan sudah tau harus diapakan...
- Berikutnya terserah kawan kode HTML di bawah ini mau dieditkan di bagian manapun yang disuka. Asal, itu script HTML untuk membuat BORDER.
<div id="lengkung">
Experiment Vande Soul Membuat Border Melengkung
</div>
- Untuk warna merah tebal dalam kode HTML di atas, uda tau kan mau diapakan. Kalau kawan ingin isi dengan gambar juga boleh. Tapi jangan lupa rubah pula nilai lebar (width) dan tingginya (height) agar sesuai dengan gambar yang kawan buat.
- Tapi sayang banget, lagi-lagi script di atas ga support dengan IE dan Opera 10.63.
Experiment Vande Soul Membuat Border Melengkung
2 komentar:
iya gan, kebetulan nih lagi cari yang bikin melengkung melengkung....trim
coba..ah
sama caranya ga gan untuk melengkungkan border posting?
Posting Komentar