Красивые кнопки

Представляем Вашему вниманию кнопки, которые прекрасно выглядят и могут придать вашему дизайн единость для всех браузеров.

Очень радует минимализм в реализации один css файл, одна картинка, два html тега. Никакого JavaScript.

Работает во всех браузерах — IE5.5, IE6, IE7, Safari 2, Firefox 2, Opera 9.

Css код конечно не такой радужный как все выше сказанное, так как используется огромное количество хаков, для особо дебильных недоработанных браузеров.

Коды для вставки кнопок:

<!-- Оформление для ссылок --->
<a class="button" href="#"><span>Привет, я кнопка.</span></a> 

<!-- Оформление для отключенной кнопки --->
<del class="button"><span>Привет, я кнопка.</span></del>

<!-- Оформление для буттонов --->
<span class="button"><button type="submit" value="Привет, я кнопка.">Привет, я кнопка.</button></span>  

Для таких красивых кнопок код очень прост.
Живой пример:

Скачать архив

Оцени публикацию:
  • 43,178
Оценили человек: 43

Похожие статьи:

Справочники и учебники:


Комментарии посетителей:
  • Спасибо(yea)
    04 мая 2010, 11:19 коммент полезен : +2 # дмитрй
  • чтобы кнопки не залипали можно добавить onclick="this.blur();"(yea)
    04 апреля 2011, 15:56 коммент полезен : +4 # Evgeny97
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Введите изображенные цифры:
Captcha
Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2017 YaPro.Ru

Главная » Веб-мастеру » CSS »