::Snow Pink::

Tuto : Lengkungan Border Macam Ehah

Assalamualaikum korang! Baru 20 minit yg lepas ana buat tutorial NI . Disebabkan ana teramat-amatlah rajinnya buat tutorial untuk korang. :]

Nak tahu mcm mana Ehah buat border sekeliling sidebar? Mcm gambar bawah ni..

Ha, nak tahu rahsianya? Oh, sebenarnya, kalau kita guna Google Chrome, akan lengkung border hujungnya. Tapi, sekarang Ehah guna Mozilla. So, ia tegak gitu jerk. So, can we start from now, ~~baby~~ all? Hihi..

h2 {

Dah jumpa? Good.. Pandai. Lepastu, copy code bawah ni lak (ctrl+f) :

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.sidebar .widget {
background-image:url(image);
border:2px dashed #000000;
margin:0 -5px 2.0em -5px;
padding:10px 10px 10px 10px;
-webkit-border-radius: 20px 20px 20px 20px;
}

Kemudian, pastekan code tersebut sebelum/atas code h2 { tadi tu.

Merah - Ketebalan border korang tu.
Hijau - ikut korang la dashed/solid/dotted.
Turquoise - Warna border korang.

Ok, Ehah out dlu ye. Assalamualaikum.