/*credits : http://trik-tips.blogspot.com */ #tabshori { float:left; width:100%; font-size:13px; border-bottom:1px solid #2763A5; /* Garis Bawah*/ line-height:normal; } #tabshori ul { margin:0; padding:10px 10px 0 50px; /*Posisi Menu*/ list-style:none; } #tabshori li { display:inline; margin:0; padding:0; } #tabshori a { float:left; background: url("http://kendhin.890m.com/menu/blackleft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabshori a span { float:left; display:block; background: url("http://kendhin.890m.com/menu/blackright.gif") no-repeat right top; padding:5px 14px 4px 4px; color:#fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabshori a span {float:none;} /* End IE5-Mac hack */ #tabshori a:hover { background-position:0% -42px; } #tabshori a:hover span { background-position:100% -42px; } Tulisan yang dicetak tebal biru muda bisa kamu ganti dengan gambar-gambar atau teks di bawah ini: blackleft.gif---> blackright.gif greenleft.gif--->greenright.gif unguleft.gif---->unguright.gif redleft.gif ----->redright.gif unguleft.gif---->unguright.gif yellowleft.gif -->yellowright.gif blueleft.gif----->blueright.gif whiteleft.gif----> whiteright.gif