Code
<style>
body{font:11px 'Arial';color:#555;line-height:25px;margin:20px;background:#f7f7f7;}
input{vertical-align:middle}
.button {cursor:pointer;display:inline-block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-decoration:none;outline:0;}
.button div {cursor:pointer;text-align:center;background:url(http://www.6ucoz.com/img/4461357.gif) repeat-x;background-position:bottom left;padding:3px 6px 4px 6px;margin-right:-2px;left:-1px;position:relative;z-index:10;font:11px 'Arial';color:#666;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:0;border-bottom:0;outline:none;}
.button:hover {border-top:1px solid #8ac;border-bottom:1px solid #8ac;text-decoration:none;}
.button:hover div {background-position:bottom right;color:#568;border-left:1px solid #8ac;border-right:1px solid #8ac;}
textarea {width:572px;display:inline-block;border:1px solid #ccc;padding:3px 3px 4px 4px;outline:0;font:11px 'Arial';color:#888;}
.textfield textarea {border-left:1px solid #ccc;border-right:1px solid #ccc;}
.textfield textarea:focus{color:#666;}
.bar{cursor:n-resize;background:#aaa;width:10px;position:relative;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.scroller{top:0;right:0;width:10px;height:100%;]height:209px;font-size:0;background:#eee;position:absolute;}
</style>
Code
<a href="/index/14" class="button" rel="nofollow"><div>Личные сообщения ($UNREAD_PM$)</div></a>
<a href="$RECENT_POSTS_LINK$" class="button" rel="nofollow"><div>Новые сообщения</div></a>
<a href="$MEMBERS_LIST_LINK$" class="button" rel="nofollow"><div>Участники</div></a>
<a href="$BOARD_RULES_LINK$" class="button" rel="nofollow"><div>Правила форума</div></a>
<a href="$SEARCH_PAGE_LINK$" class="button" rel="nofollow"><div>Поиск</div></a>
<a href="$RSS_LINK$" class="button" rel="nofollow"><div>RSS</div></a>
не знаю почему но у меня корявит про бывал переделывать вовчик переделай по нормальному
тока html и css отдельно
