/*credits : http://trick-blog.blogspot.com */ #tabshori { float:left; width:100%; font-size:13px; border-bottom:1px solid #2763A5; /*Under Line, you can change or delete it */ line-height:normal; } #tabshori ul { margin:0; padding:10px 10px 0 50px; /* Menu position*/ list-style:none; } #tabshori li { display:inline; margin:0; padding:0; } #tabshori a { float:left; background:url("http://blogoholic.info/files/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://blogoholic.info/files/menu/blackright.gif") no-repeat right top; padding:5px 14px 4px 4px; color:#24618E; /*Text menu color*/ } #tabshori a span {float:none;} /* End IE5-Mac hack */ #tabshori a:hover { background-position:0% -42px; } #tabshori a:hover span { background-position:100% -42px; } you can change the bold text with other image, for example, if you want to chose my red menu image the code will be like this: background:url("http://blogoholic.info/files/menu/redleft.gif") no-repeat left top; background:url("http://blogoholic.info/files/menu/redright.gif") no-repeat right top;

Saturday, April 16, 2011

No comments: