Новый год
/ Ваше разрешение экрана: px / Ваш Ip адрес: {ip}

Shop Scripts

Скрипт кнопки в стиле VK

3-06-2018, 21:42

Простоя и стильная серая кнопка под стиль дизайна VK. Работает на стиле button для светлого сайта. Вам необходимо прописать CSS и установить код под div с классом в нужное место на сайте для использования необходимых функций. При клике у кнопки есть свой эффект. 
Установка не сложная, главное чтобы подходила по своей стилистике. Если немного не подходит, то вы можете в стилях изменить оттенок и всё остальное.


В CSS прописывает:


.button_gray {margin: 0px 10px;} 
.button_gray {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_gray {margin: 2px 5px;} 
.button_gray 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, arial, verdana, sans-serif, Lucida Sans;overflow: visible;} 
.font_medium .button_gray button {font-size: 12px;} 
.button_gray button::-moz-focus-inner {border: 0;} 
.button_gray {border: 1px solid #b3b3b3;background: #e0e0e0;} 
.button_gray button {border-top-color: #ffffff;border-bottom-color: #e5e5e5;border-left-color: #e7e7e7;border-right-color: #e7e7e7;color: #444;text-shadow:0 1px 0 #ffffff;*border: 0;background: url(http://zornet.ru/zorner_ru_1/Abter/button_vk.png) #dddddd repeat-x top;background-position: 0px -54px;} 
.button_gray button:hover {background-position: 0px -46px;} 
.button_gray button:active {background: #dcdcdc;border: 1px solid #dcdcdc;position:relative;} 
.button_gray {background: url('http://zornet.ru/zorner_ru_1/Abter/upload.gif') center no-repeat;} 
a.button_gray:hover {text-decoration: none;}

В нужном месте устанавливаем Код кнопки:

<div class="button_gray"><button>HI-CD.BY</button></div>

Вместо HI-CD.BY вставляем свой текст.

Нашли ошибку?
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Рекомендуем Вам зарегистрироваться или войти на сайт под своим логином, чтобы полноправно пользоваться сайтом и иметь доступ ко всем материалам.
Категория: Графика, Дизайн

Важно: если не отображается страница новости или ее часть просьба отключить блокировщик рекламы. Проблема может возникать из-за того что скрипт сайта реагирует на программы подобного типа.
Также Вы можете сообщить о проблеме или ошибке и ознакомиться с ответами пользователей.

Добавление комментария

Имя:*
E-Mail:
Комментарий:
Введите два слова, показанных на изображении: *
Это интересно
s1962.ru - Максимальная раскрутка Вашего проекта!
Поиск и оплата штрафов ГИБДД/Налогов/Исполнительных производств
Новости Портала

Украшения сайта к Новому году

Простые скрипты, которые украсят Ваш сайт в Новогодние и Рождественские праздники.

ADEN VIDEO. Мега набор видеоуроков. Художественная обработка (2017-2019) WEBRip

Большой сборник видеоуроков Алексея Денисова. В котором Вы найдете авторские видеоуроки по обработке фотографии и не только. В уроках использованы программы Photoshop, Lightroom, Camera Raw, After ...

Вооружённые силы стран мира (подшивка №01-250)

Еженедельная коллекция журналов "Вооруженные силы стран мира" расскажет о военных соединениях разных стран мира, познакомит читателя с видами войск и военной техники, историей военных кампаний 20-21 ...
Реклама Партнеров
Поддержите проект
Статистика

 
Скрипт социальных кнопок