Tutorial Cantikkan Sidebar (Full)

iema nak jawap pertanyaan dari Eiyna

Gambar 1

nie kod iema yang asal

tak nampak, klik gambar untuk jelas

nak jarakkan antara kotak2 sidebar korang

cari kod margin korang

0em boleh ubah sebanyak mane korang nak ubah


nak bentuk border macam nie? nie kod nye

-webkit-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px; border:3px solid #BD6B84; background-color:#ffd6e3;

color oren = color untuk border color hijau = color untuk background


nak ubah tajuk/title di sidebar boleh tambah kod nie kalau tak ade kat kod korang toe

text-align:center;

(center, left, right) letak dibawah kod nie

h2 {

rujuk pada gambar 1

tutorial sidebar yang lain, kat sini

• tutorial cantikkan title sidebar
• tutorial cantikkan title sidebar versi kedua

tutorial lain, kat sini
Tutorial

Tweet

Tutorial Ubah Size Gambar

hye biasa tax tengox bile nax exchange banner, gambar banner masing2 lain2 ade yang besar, terlebih besar, kecik, terlebih kecik pun ade gambar tax sekata kan, tengox pun da tax cantik
jangan risau ade jalan penyelesaian nya sebagai contoh gambar di bawah kod asal gambar nie

<img src="http://data.whicdn.com/images/63004783/large.jpg"/>

nampax besar sangat kan tax sesuai nax letax di sidebar korang caranya :- tambah kod nie di dalam kod tadi

width="150" height="150"

kod tadi akan jadi macam nie dan gambar pun turut berubah

<img src="http://data.whicdn.com/images/63004783/large.jpg" width="200" height="170"/>

ape2 gambar atau banner boleh guna kod nie

width="150" height="150"

selamat mencuba.. ^__^

Tweet