Search This Blog

Monday, 21 March 2011

Tutorial (5) : Meletak border disekeliling template.

meletak border disekeliling template

Ubahsuai pada template ada bermacam macam bentuk.Ada yang suka letak hiasan berbagai bagai ditepi kiri dan kanan template supaya kelihatan cantik.Ada yg tukar background,tulisan,warna pada template.Sementara itu ada yg sukaletak border disekeliling post,widget dan sidebar.Yang akhir  sekali sekeliling template juga ingin diletak border.Cara meletak border pada sekeliling template sama seperti di bahagian lain,kita perlu ubahsuai kod pada template.

Cara membuatnya:

Pada design--pilih edit html
dan cari kod dibawah ini:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
kemudian tambahkan kod menjadi seperti dibawah ini:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; border: 15px solid #DF7401;
}

Untuk ubah saiz border tukarkan saiz pada teks warna biru dan warna border pada teks berwarna hijau
Bentuk border selain dari solid ialah ridge,groove,inset,outset,dashed dan dotted

kemudian save template anda.

0 comments:

Post a Comment

LinkWithin

Related Posts Plugin for WordPress, Blogger...