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..
Sign in > Template > Edit
HTML > Proceed! > Carik code bawah ni (ctrl+f) :
h2 {
Dah jumpa? Good.. Pandai.
Lepastu, copy code bawah ni lak (ctrl+f) :
.sidebar
ul {
list-style:none;
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.