css спрайты

Сделайте пожалуйста пример работы грёбаного спрайта. Убился уже.

Надо: html файл любой и к нему css. Просто 2 ссылки в html и css. Глянуть принцип.

В поиске одно говно.

Спасибо.

Спрайт кину.

Прикрепленные файлы:
PROFIWM_COM_8209_991135_sprait.gif (691 б)

Есть же сервисы специальные...

Вот, нашла какой то: http://www.spritecow.com/
Загружаешь изображение. После открываешь окно редактирование, там выбираешь пипетку, и тыкаешь на нужный участок. И внизу выводится нужный CSS код.

Изм. 1 раз. / Посл. изм.

Миледи 24.08

(29 окт 2014, 19:11)

Миледи, я с телефона. И надо глянуть, как класс в html прописывается.

Изм. 1 раз. / Посл. изм.

Ulitka 2.74

(29 окт 2014, 19:14)

Ulitka,
Тогда держи.
CSS:
.sprite {
background: url('imgs/sprait.gif') no-repeat -3px -55px;
width: 10px;
height: 10px;
}
HTML:
<span class="sprite"></span>

Изм. 1 раз. / Посл. изм.

Миледи 24.08

(29 окт 2014, 19:14)

Ulitka, Значит не там читал и искал инфу
1) http://habrahabr.ru/post/168149/
2) http://www.webmasters.by/articles/review-po/527-11-best-css3-code-generators.html

Balltazor, и там читал. Не понял ни чего. Плюс их код не вижу, что пишут.

Миледи, не. Это колдовство какое то. Не работает. Я уже даже хрень пишу в коде разную. Пофиг. Нет картинки и всё.

Ты тупои? Пропиши свой путь к спрайту и выставь свои коодинаты Sprite (х;у)

Можешь не хамить?

Умный памперсник? Иди яйки чеши.