Приветствую Вас Прохожий | RSS Суббота, 22.07.2017, 15:45
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Стиль новых кнопок с YouTube

Стиль новых кнопок с YouTube Стиль, новых, кнопок, с, YouTube
Такой дизайн кнопок очень выразителен и отлично работает.
1) Состояние по умолчанию не бросается в глаза посетителя, соревнуясь за его внимание с другими достойными элементами интерфейса.
2) Посетитель все равно получает призыв нажать их, когда становится необходимо.
3) Они выражают другой функционал, в отличие от ссылок, расположенных рядом (нажатие на них не приводит к переходу на другую страницу). Такие кнопки открывают выпадающие панели для выбора установок..

button для кнопок используется способом обычным:
Code
<button class="button" role="button">
  Кнопка #1
</button>

Стиль необходимо установить для всех трех положений:
Code
.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);
}
Автор\Источник: http://ruseller.com/

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3108 | Комментарии: 2 | Рейтинг: 5.0/1 | |Категория: Скрипты Разное | Добавил: мир | Дата: 06.02.2012 | Скачали: 0 | Теги: youtube, стиль, новых, кнопок
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 vadim74321   Дата: 08.02.2012  Время: 07:24   [№ 12144]
Я например к переключателям прикрутил

1 bot2967   Дата: 06.02.2012  Время: 14:48   [№ 12136]
а куда это вставлять???


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Комплексный прогон сайт...

51

2 Создать лого на сайт

0

3 Раздача подарков и стик...

0

4 25 жирных ссылок. Яндек...

0

5 выровнять вид материало...

1

6 Продам муз сайт

2

7 прошу вас помогите

1

8 Дополнительный заработо...

3

9 Помогу заработать деньг...

9

10 Продам базу трастовых с...

0


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2017


Кнопка 88х31 сайта ucozon.ru