Установка:
В ставляем в CSS в самый низ:
Code
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://zornet.ru/) 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;}
А это ставим там где хотим видеть:
Code
<a href="/" class="button" rel="nofollow"><div>На главную</div></a>
<a href="/forum/0-0-1-34" class="button" rel="nofollow"><div>Новые сообщения</div></a>
<a href="/forum/0-0-1-35" class="button" rel="nofollow"><div>Пользователи сайта</div></a>
<a href="/forum/0-0-0-36" class="button" rel="nofollow"><div>Правила форума</div></a>
<a href="/forum/0-0-0-6" class="button" rel="nofollow"><div>Поиск на форуме</div></a>
<a href="/forum/0-0-0-37" class="button" rel="nofollow"><div>RSS лента сайта</div></a>
<a href="http://zornet.ru/" class="button" rel="nofollow"><div>ZORNET.RU</div></a>
