Главная » Файлы » Прочие скрипты » CSS |
Кнопочки на спрайтах
24.06.14, 09:19:39 | |
Решил сделать пару кнопочек. Смотрим демо 1)Кнопка в виде переключателя! Туда где хотм видеть кнопку: Код <a href="ваша ссылка" class="sprite" title="ваша подсказка"></a> В css Код a.sprite { display:block; width:109px; height:40px; background:url("../img/1.png"); text-decoration:none; } a.sprite:hover { background-position:0 -40px; } 2)Кнопка скачать! Туда где хотм видеть кнопку: Код <a href="ваша ссылка" class="sprite2" title="ваша подсказка"></a> В css Код a.sprite2 { display:block; width:200px; height:65px; background:url("../img/down2.png"); text-decoration:none; } a.sprite4:hover { background-position:0 -64px; } Качаем архив и кидаем картинки в папку img. Вот и всё! | |
Просмотров: 400 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |