Главная » Статьи » Уроки html,css |
1.Создаём картинку и делим её пополам На верхней части пишем то что будет так висеть,а на нижней то что будет показываться при наведении 2.В CSS Вставляем: Code a.sprite {display:block;width:150px;height:30px; background:url(http://tfiles.3dn.ru/lessons/menu_sprite/main.png);float:left;margin:0px 2px;} <br>a.sprite:hover {background-position:left 30px;} 3.Там где хотим видеть меню вставляем: Code <a class="sprite" href="http://tfiles.3dn.ru"></a> 4.Индивидуальные настройки в CSS (Характеристика) http://tfiles.3dn.ru/lessons/menu_sprite/menu_sprite.htm Статья by TFiles | |
Просмотров: 711
| Теги: |
Всего комментариев: 0 | |