15 March 2011

tutorial ; double-coloured sidebar


lala , buat tuto lagi . haha , biarlah . lagi pun hanan yg request . hehe
okay , nie nak terang kan sikit ape tu double-coloured sidebar . haa

mende alah tu dye mcm nie taw . 

kalau nak buat dye jadi mcm nie , ikut step kat bawah nie eh ?

mule-mule , cari code nih ;  h2 {
then , copy code yg ade kat bwh nie keyh ?



text-align:center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;

text-shadow: 3px 3px 3px #ffffff;
border-bottom: 5px solid  #81BEF7;
background : #CEE3F6;


STUDYY !


text-align ; boleh tukar right / left 
-webkit-border- ; code yg ade dekat bahagian nie jenis border dye mcm afiq tu . kalau nak border
dye bentuk lain , refer sini keh ; purpleliciousbaby
text-shadow ; kalau nak shadow tak payah delete code nih , tapi kalau nak
tukar warna shadow tu , delete code #ffffff  then , replace code warna yg lain .
border-bottom ; yg bottom tuh , boleh tukar kepada top / right / left . then code warna dgn px tu bole tukar.
background ; same lah jugak . code warna tu boleh tukar . yg tu warna biru keyh , kalau nak tukar
warna lain pun boleh . if nak ade gambar ; background : url (URL BACKGROUND);
just tukar URL BACKGROUND dgn gambar yg suka .


finally , preview dulu . then Save Template  ;D good luck yupp .



jumm share ramai-ramai <33  ;))

10 comments:

said...

thanks 4 this tuto !

said...

Thanks for the tuto . Tapi kenapa saya punya tak keluar border pon .

said...

@BubbleGum welcome :)

said...

@Kdjhtdi tgk kat blog awk . cer cari code nie ; background-color: #ffffff; yg #ffffff tu tukar code warna yg lain

said...

thnx afiq!!awk mmg baek!!tq hah!:P

said...

Still tak jadi jugak laah. Weird.

said...

@aWatif azmi welcome :)

said...

@Kdjhcube awk delete semua code bwh h2 { tu . then paste code yg sy bg :)

said...

whoots !!! thankss for the tuto :DD

said...

ty