Талантливо преподнесенный текст прекрасно заменяет любую графику.Березуева Алексея ©
css спрайты - простой пример
1248 | 
(6) Сегодня я вам покажу, что такое css спрайты, я думаю многие новички которые тока начинают создавать какие либо кнопки для своего сайта, просто должны знать о технологии css спрайтов. Но для начало давайте с вами разберёмся, что это такое.
Многие наверно спросят, а что это значит и как это? Но лучше один раз увидеть, чем сто раз услышать, как говориться!
Как вы видите у нас с вами есть одно изображение rss кнопки, которая при на ведении стрелкой мыши, меняет цвет самой rss иконки, на самом деле, это одно изображение, а не два или более, как было популярно ещё несколько лет тому назад.
- быстрая загрузка изображений
- более лёгкий вес изображений
- уменьшается количество HTTP запросов
но давайте теперь посмотрим как это реализуется благодаря html-css:
display:block;
width:150px;
height:35px;
background:url('fon_cell_rss.png') left top; }
a.rss_link:hover {
background-position:left 35px;
}
и вот у нас с вами получилась заветная кнопка, которая быстро грузиться и не нагружает ваш сервер, безусловно благодаря такому методу, само изображение может иметь не два элемента изображений, а намного больше 5-10. Также в архиве вы найдёте 3 дополнительных rss-кнопки.
- Источник:http://www.center-dm.ru
- Вольный перевод:--------------------
