Вид кнопки как ВКонтакте для uCoz

Вид кнопки как ВКонтакте для uCoz

08.08.2012418810fil_ru

Вид кнопки как ВКонтакте для uCoz устанавливается через таблицу стилей (CSS). Оформление кнопки «button» всем известной социальной сети ВКонтакте. Вид на 100% как на сайте vk.com! Выполнена она в синих тонах.


Таблица стилей (CSS):



Code
/* Вид кнопки как "В контакте" от ext1on.my1.ru */  
.button_blue{text-align: center;-webkit-border-radius: 2px;-khtml-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;display: inline-block;*display: inline;position: relative;line-height: normal;zoom: 1;}  
.button_blue button {border: 1px solid;background: none;font-size: 11px;margin: 0px;cursor: pointer;white-space: nowrap;outline: none;padding: 4px 14px;*padding: 5px 15px 3px;font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;overflow: visible;}  
.button_blue button::-moz-focus-inner, .button_gray button::-moz-focus-inner {border: 0;}  
.button_blue {border: 1px solid #4e6f93;border-top-color: #517295;background: #5D81A7;}  
.button_blue button {border-top-color: #789ABF;border-bottom-color: #5980A9;border-left-color: #5980A9;border-right-color: #5980A9;color: #FFF;text-shadow:0 1px 0 #45688E;*border: 0;background: url(http://st0.userapi.com/images/button_vk.png) #6181a6 repeat-x top;background-position: 0px -16px;*background-position: 0px -16px;}  
.button_blue button:hover, .button_blue button.hover {background-position: 0px -8px;}  
.button_blue button:active, .button_blue button.active {background: #5e80a5;border: 1px solid #5e80a5;position:relative;}  
/* Вид кнопки как "В контакте" от ext1on.my1.ru */  

Там где хотите видеть кнопку



Code
<div class="button_blue"><button id="send_post" >Отправить</button></div>



Сохраните в социальную сеть
Комментарии (10)
А где серая?
-1
В css есть она
0
ссылка не работает!
0
ааа все врубился :D
0
спасибо, что написал, ее тут не должно было быть
0
xD exman с ума сошел 8)
0
Ruslan Saharuck 06.10.2012 в 20:40Спам
Эта штука заменила мне input submit!
0
Значит, у тебя:
1) Кривые руки
2) Кривой сайт
3) Баттхерт
0
Ruslan Saharuck 27.10.2012 в 15:08Спам
kiruxaable, человек, который не пользуется пресетами на VST, в танцевальной музыке ничего не понимает, человек, который не ищет способов улучшить свои творения не признаётся автором :) P.S. Input submit и input button в опере выглядят отвратительно, какой бы css-стиль ты не писал. Печально(
0
Да, да, в опере все отвратительно смотрится
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт