Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Красивые белые кнопки
19.11.2018
Красивые белые кнопки
  • 433 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Сегодня я хочу вам предоставить белые кнопки для вашего сайта.

В ПУ - Таблица стилей (CSS) вставляем код:

Код
ul.but_7old {list-style:none;height:24px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #B3B3B3}
ul.but_7old li{float:left;height:24px}
ul.but_7old li a{position:relative;display:block;float:left;line-height:24px;color:#444;min-width:50px;text-align:center;text-shadow:0 1px 0 #FFF;padding:0px 8px;background:url('http://7old.ru/ucoz-files/kn_7old.png') repeat-x #D8D8D8;box-shadow:0px 0px 1px #fff inset;-moz-box-shadow:0px 0px 1px #fff inset;-webkit-box-shadow:0px 0px 1px #fff inset;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;font-family:"Segoe Ui","Tahoma"}
ul.but_7old li a:hover{color:#444;background:url('http://7old.ru/ucoz-files/kn_7old.png') repeat-x #E9E9E9}
ul.but_7old li a:active {background:#D8D8D8;-moz-box-shadow:0 0 1px #AAA inset;box-shadow:0 0 1px #AAA inset;-webkit-box-shadow:0 0 1px #AAA inset;color:#444}


Там где хотите видеть кнопку:

Код
<ul class="but_7old" style="display:inline-block;">
<li><a href="Ваша ссылка">Название ссылки</a></li>
</ul>


На этом всё.
Красивые белые кнопки" title="Скачать Красивые белые кнопки бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7old.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]