Раздел Название темы Ответов Последний
Халява / Бесплатное в Сети Запрос на слив с SHAREWOOD 3 gladtraffic
Свободное общение собака насрала 5 Dle3
Делимся опытом Получаем миллионы проксей ipv6 за 55руб/мес 0 Dle3
Мануалы / Статьи [TexTerra] SEO 2.0 (2020) 0 Dle3
Ищу Сюда пишите то, что кому нать! 15 gladtraffic

Вид кнопки как в "В контакте"

Разное 05 июль 2013 Добавил: Dle3
  • 0
Информация предоставлена сайтом dle3.ru исключительно в ознакомительных целях. Администрация сайта не несет ответственности за его содержимое.
Скачать бесплатно Вид кнопки как в "В контакте".

Вид кнопки как в "В контакте"

Вид кнопки "button" всем известной социальной сети vk.

Установка:
Все что вам нужно - это вставить этот код в таблицу стилей вашего сайта(CSS):

/* Вид кнопки как "В контакте" */
.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://mixanik.my1.ru/1/4/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;}
/* Вид кнопки как "В контакте" */


Там где хотим вызвать кнопку:
<div class="button_blue"><button id="send_post">Отправить</button></div>

Коммент Комментариев: 0          Нашли ошибку в тексте?
recomend
Попасть в историю, Комментировать =)
    Имя:* E-Mail:*