Главная » Файлы » Прочие скрипты » 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.
Вот и всё!
Категория: CSS | Добавил: Apocalypse | Теги: Кнопочки, спрайтах, на
Просмотров: 234 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: