Sunday, October 09, 2011

TUTORIAL: POST TITLE HOVER


Goooodddd mooorrrrnniiinnnggggg!! Pagi pagi ni mood dah dpt 5stars! Ehe, semangat semangat!! Td baca kat Shoutbox, Lee huan asked melast night, how I did my post title like that?, aww terharu ada org tanya,!!+ngada jap ek?+ K la, tutorial ni manusia panggil POST TITLE HOVER. So,sapa yg mcm agak agak berminat tuh, jum tgk tutorial ni~

  • Template > Edit Html
  • Search h3.post-title, .comments h4 {
  • Copy dan paste bawah kod tadi
.post-title{
text-align:center;
background: url(http://sl.glitter-graphics.net/pub/1043/1043585ir2mebcqub.gif);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom:
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom: 4px double #FEC8C8;
margin:0.5em;
padding:3px;
}
.post-title:hover {
background: url(http://sl.glitter-graphics.net/pub/1506/1506425vd6hwy9bwk.gif);
background-position:bottom right;
background-repeat: repeat;
-webkit-transition-duration: 2.4s;
}
Nota kecik besar kecik besar:
Biru : urlbackground yg korang sukaaaa sgt sgt tu

Yellow : colourborder bawah post title korang tueee~

Red :ketebalan border korang tuh~

Oren : bolehtukar ke -> solid, dashed, dotted, double



2 comments:

farhan irfan said...

kak macam mana buat reply to comment tu? tak fahamlaa .. saya buat langsung tak jadi -.- nie pun tak jadi harap akk tolong ^^v

Mas Erma Azni said...

@farhan irfan Adik jumpa x koding yg akak sediakan dlm tutor tu?