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

Shop Scripts

s1962.ru - Максимальная раскрутка Вашего проекта! TriStroy - Магазин цифровых товаров! bonuswm.org - сервис раздачи бонусов WM Дешевый хостинг vipip Реклама в системе обмена посетителями и обмена письмами 1traf BonusBox Автоматический серфинг Ремонт офисных кресел, доставка питьевой воды FreeViral.ru - система бесплатной раскрутки и продвижения сайтов autodengi SEOBudget GO-links Система обмена посещениями, бесплатная раскрутка сайтов free-kassa redsurf Доставка питьевой воды Королевская Коллекция скриптов Программа для раскрутки сайта HazardCD Std ANONIM - Сервис Анонимных и Коротких ссылок

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

3-06-2018, 21:49
Данные кнопки предназначены преимущественно для светлого дизайн сайта и смотрятся очень красиво, в основном для белого фона и с преобладанием других оттенков цвета. Установка не сложная и каждый, даже начинающий вебмастер, может установить этот код. В скрипте нет не одной сторонней ссылки, создано чисто на стилях, а значит красиво.

В CSS нужно прописать:

.button {  
border: 1px solid #DDD;  
border-radius: 3px;  
text-shadow: 0 1px 1px white;  
-webkit-box-shadow: 0 1px 1px #fff;  
-moz-box-shadow: 0 1px 1px #fff;  
box-shadow: 0 1px 1px #fff;  
font: bold 11px Sans-Serif;  
padding: 6px 10px;  
white-space: nowrap;  
vertical-align: middle;  
color: #666;  
background: transparent;  
cursor: pointer;  
}  
.button:hover, .button:focus {  
border-color: #999;  
background: -webkit-linear-gradient(top, white, #E0E0E0);  
background: -moz-linear-gradient(top, white, #E0E0E0);  
background: -ms-linear-gradient(top, white, #E0E0E0);  
background: -o-linear-gradient(top, white, #E0E0E0);  
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;  
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;  
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;  
}  
.button:active {  
border: 1px solid #AAA;  
border-bottom-color: #CCC;  
border-top-color: #999;  
-webkit-box-shadow: inset 0 1px 2px #aaa;  
-moz-box-shadow: inset 0 1px 2px #aaa;  
box-shadow: inset 0 1px 2px #aaa;  
background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);  
background: -moz-linear-gradient(top, #E6E6E6, gainsboro);  
background: -ms-linear-gradient(top, #E6E6E6, gainsboro);  
background: -o-linear-gradient(top, #E6E6E6, gainsboro);  
}

В нужное место вставляем саму кнопку:

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

HI-CD.BY - текст, который отображается на кнопке, измените на свой.


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

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

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

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

Эндрю Штульман - Сбитые с толку. Почему наши интуитивные представления о мире часто ошибочны

Люди склонны создавать теории об окружающем мире — увы, обычно мы ошибаемся, и наши теории отдаляют нас от понимания истины. Почему мы простужаемся? Что вызывает смену времен года? Если выстрелить из ...

Кейт Нортроп - Мама устала. Как перестать «все успевать» и сделать самое главное

Жизнь каждой мамы заполнена множеством дел и забот: воспитание детей, карьера, домашние хлопоты. Кажется, что нужно всё-всё успеть – и обязательно сделать идеально и на 100 %! Но такое рвение чаще ...

Хэл Элрод - Магическая формула. Как сделать свой успех неизбежным

С помощью мирового бестселлера «Магия утра» американский мотивационный спикер и писатель Хэл Элрод сумел изменить жизни миллионов людей, используя простую, но эффективную ежедневную практику ...
Реклама Партнеров
Поддержите проект
Статистика

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