Post Entry Border Tutorial


Memandangkan Fadhlah udah ngiyau² mintak Zie watkan tutorial border post mcm Zie nyer neh...sooo, here u go ye uols. Border nyer tutorial.

...baru jek ingat nk kedekut ngan ilmu taw..wakakaka..wakakaka. Xde lahhh :P So here the tutorial ek.



1st of all, uols cari coding seperti yg tertera dlm gambarajah tersebut yek, murid² ku :P Pastuh bile dh jumpe...

Sile tuka coding jd spt kat bwh neh yek Yg Zie kaler oren tuh, coding yg ditambah taw.


*/
h2.date-header {
margin:1.5em 0 .5em;
border: solid #cc0000 4px;
background:#000000;

}


.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
border: solid #cc0000 4px;
background:#000000 url(http://img13.imageshack.us/img13/8712/ayatcinta.jpg);
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:scroll;

}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
background: #000000;
}


Yg Zie kalerkan warna Oren tuh, tuh code yg uols perlu tambah. Pastuh yg Zie kalerkan kaler ijo tuh plak...tuh code utk uols ubah kaler border uols. Kalo nk kaler ijo, yek tuka aje ke color code ijo ek.

Then yg Zie kalerkan warna biru tuh plak, tuh ekceli utk post footer image uols. Ade tgk kan pic Zie kat bwh n3 tuh ade gamba ala² ayat² cinta tuh.haaa kat c2 ler uols letakkan URL image uols :)

Utk tutorial Post Footer Image tuh lak...sile click -->> SINI EK








Princess Redbloodsnow Copyright©

2 comments:

Mdazzam said...

kak zie.. cmne nk letak box lam entri n cmne nk lwtakkan kiter nyer word lam kotak th?? please ajar..

~aSHa~ said...

ermmm nice...nak cuba ar..ini untuk border entry kan....tq