Красивые кнопоки с помощью css - Cкрипты - Каталог файлов

Красивые кнопоки с помощью css

	09.05.2010, 19:07
Описание: Красивые кнопоки с помощью css смотреть скрин Код 1: Code <a class="button" href="#" onclick="this.blur();"><span>Сохранить</span></a> <a class="button" href="#" onclick="this.blur();"><span>Отмена</span></a> Код 2: Code <style type="text/css"> .clear { overflow: hidden; width: 100%; } a.button { background: transparent url (../images/) no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; } a.button span { background: transparent url (../images/) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.button:active { background-position: bottom right; color: #000; outline: none; } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; } </style> Установка скрипта: Код 2: в css__ Код 1 в то место где будут кнопки В дополнение: В (../images/) нужно прописать адрес вашей картинки для кнопки! (Для новичков) Если кто не понял для чего это: при наведении курсора на кнопку, она даёт эфект нажатия на неё с затемнением.
1 2 3 4 5 Категория: Cкрипты \| Добавил: KEMP
Просмотров: 283 \| Загрузок: 0 \| Рейтинг: 0.0/0

Всего комментариев: 0

Все для системы ucoz