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


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



Статистика
Онлайн всего: 10
Гостей: 10
Пользователей: 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/

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3098 | Комментарии: 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 25 жирных ссылок. Яндек...

0

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

51

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

1

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

2

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

1

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

3

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

9

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

0

9 Цвет ника на форуме

5

10 Мощный прогон с общим Т...

0


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


Комментарии



Copyright UcozOn.ru™ © 2008-2017


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