Красивые и бесподобные Кнопки в стиле ВК для описания материала uCoz. по своему виду стиль уже всем известный но с более точным повтором объема стилизации бутонов или кнопок меню, представлять можно как горизонтальное меню так и просто информационную панель. Если вы хотите использовать более или менее трех окошек то код самого блока необходимо переделывать , по этому используется только 3.
Установка. В таблицу стилей вставляем сам стиль блоков кнопок.
Code
<style>
.wrap-but {
display: inline-block; *display: inline;
background: #e0e0e0 url("http://ucozon.ru/_dr/57/70832824.png"); padding: 4px;
-webkit-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
}
.rad2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
a.button:link, a.button:visited {
text-decoration: none; font-size: 11px; color: #fff;
display: inline-block; *display: inline;
border: 1px solid #51708c; background: #648aad url("http://ucozon.ru/_dr/57/70832824.png"); text-shadow: 0 -1px 0 #597a98;
}
a.button span.sb {
display: inline-block; *display: inline;
background: url("http://ucozon.ru/_dr/57/43110129.png") repeat-x 0 -2px;
padding: 5px 10px;
}
a.button:hover, a.button:active {
text-decoration: none; color: #fff; border: 1px solid #51708c; background: #6e96b5 url("http://ucozon.ru/_dr/57/70832824.png");
}
</style>
Устанавливать можно в любое место, только отредактируйте под свой ссылки сам код, стиль не трогать.
Code
<div style="padding-top: 5px; padding-left: 5px; padding-right: 1px; border-top: 1px dotted rgb(221, 221, 221); display: inline-block;">
<div class="wrap-but rad2">
<a href="http://ucozon.ru/dir" class="button rad2">
<span class="sb" style="font-weight: normal; border-right: 1px solid rgb(81, 112, 140);">сделано для UcozOn.Ru</span>
</a>
<a href="http://ucozon.ru/dir" class="button rad2">
<span class="sb" style="border-right: 1px solid rgb(81, 112, 140); border-left: 1px solid rgb(120, 161, 189); padding: 5px 15px; font-weight: normal;">3.22Mb</span>
</a>
<a href="http://ucozon.ru/dir" class="button rad2">
<span class="sb" style="border-left: 1px solid rgb(120, 161, 189); font-weight: normal;">Скачиваний: <b>21</b></span>
</a>
</div></div>
