Follow Me n i'll follow u back =)

Sunday, March 20, 2011

Tutorial Date Round Corner

holiday is over..=(..sekolah lagi.ok lah,just ignore it.harini nak ajar korang care buat date round corner dekat setiap post.(korang?macam ramai orang
 nak tengok belog buruk ni..) entah kenapa harini mood 0%.apa tu Date
Round Corner.tengok kat bawah nih.

                          ni lah mnde yg saye maksudkan

1st step; Dashboard >Design >Page Elements >Edit HTML/javascript

2nd step;carik code bawah ni..(ctrl +f)


]]></b:skin>
3rd step;paste kod yang dekat bawah ni di ATAS code ]]></b:skin>

h2.date-header {
background:#f871ba;
color:#ffffff;
border:2px solid #44a223;
font-weight:normal;
margin-bottom:-20px;
padding:5px 5px 5px 5px;
line-height:20px;
text-transform:none;
text-align:center;
font-size:20px;
letter-spacing:0px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}
  1. background:#f871ba; = yg nie untuk warna background date post korang.boleh tukar warna lain lain okeh..just tuka kt kod warna tu.
  2.  color:#ffffff; = tukarkan warna font date post korang.
  3. border:2px solid #44a223; = yg nie untuk buat kotak date post korang tu ada border.ketebalan border boleh tuka kt nilai px tu.jenis border boleh tuka jugak.. dashed.dotted.solid.double . warna border korang just tuka kod warna tu okeh.xnak border??tukar kn nilai 2px ke 0px yep.
  4. font-weight:normal; = nie nk buat font korang normal / bold.kalau nak buat bold.korang just gantikan normal tu ngn bold .
  5. margin-bottom:-20px; = nie korang try tuka pegi nilai -10px.tengok.apa yang tejadi?haha.
  6. padding:5px 5px 5px 5px; = yg nie jarak font korang dalam date box tu nnti.
  7. line-height:20px; & font-size:20px;  = dua dua nie slalu  letak nilai px yang sama.saiz font & line height.korang tuka ikut size korang nak.

kredit to;kak solehah

0 sesumpah:

Post a Comment