14 March 2011

tutorial ; rapatkan post title dgn date header



yelloh ! so , fer today afiq nak buat tuto :face1: yeahh , happy sekarang !
:131: haha , okay . tuto kali ni . kite nak bagi post title dengan
date header akan jadi rapat . em , mcm mane tu ? mcm nih ;


see , dye rapat kan ? haa , :121: tanpa membuang mase . jom mule :120:



firstly , cari code nih - h3.post-title, .comments h4 { . kalau takde
post h3 {  pun boleh ^^ . ok , selasai sume tu . ikut nie pulak .

then lepas dah cari , copy code nih ;




font-family: udamojial;
text-shadow: 2px 2px 4px #FFFFFF;
font-size: 20px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
background : #CEE3F6;
margin-top : -10px;
line-height: 35px;
text-align:center;


STUDYY !


font-family ; afiq punye udamojial . so , kalau nak tukar font yang lain pun boleh just delete
udamojial tuh , then replace font mane yg nak taw .

text-shadow ; terserah la kalau nak shadow ke tak nak . code yg #FFFFFF tu boleh tukar yeah , yg tu 
code untuk warna putih . 

font-size ; nak besar mane font size post title tu . lagi besar px dye , lagi besar size font tu .

background ; yg code #CEE3F6 tuh boleh tukar , code tuh , warna biru cair .
kalau nak warna lain boleh tukar yeah . kalau nak bergambar ;
background : url ( URL BACKGROUND );

margin-top ; haa , yg nih ikut kesesuaian blog masing-masing kot , sbb takut
post title tu terlebih or rapat sangat pulak . code yg -10 tu boleh tukar antara -0 hingga
-30 sahaja . kalau tak muat jugak , lebih daripada nombor tu pun tak apa .

line-height ; ketinggian dye keh ? kalau nak rendah sikit , boleh ubah nombor dye .

text-align ; tukar lah kalau nak ke kiri left , kalau nak kekanan right .



pssst ; code utama untuk rapat kan post title dgn date header adalah code margin-top : -10px ;
haha , shht . jgn bagitaw sesape yaww ! ;))


ubah code warna di ; sini
background ; photobucket


that's all , bye bye !

4 comments:

said...

nasib baik afiq buat,dah lama cari duh :)
thanks

said...

adeQ . aja akaQ mcm mne nk wt shout mix yg menyorok uh ? ;)

said...

@Professor Hanan hehe , welcome . ;)

said...

@saraheiyoabeyL :) dkt sini ade ;
http://wanhazel.blogspot.com/2010/07/tutorial-ajax-float-lebih-cepat-nak.html ;D