Спрайты

Crack, Увидел , только ты ее не туда прилепил...

venom, прилепил то туда но вылезла не там.

venom, мне нужно кофе выпить.
Причина всему уже существующий стиль icоn которого я не заметил. все работает спасибо.

мальчик (31.07.2013 / 21:39)
вы не правильно всё делаете. Завтра за ноут сяду и покажу как всё это делается. Не грешите на ОМ. с ней всё ок. Просто руки прямые нужны и немножечка читать нужно чтоб вопросов не возникало...

Crack (31.07.2013 / 21:46)
арбуз загрузит скажем одну картинку на 20 кб и больше ее качать не будет? если это так то тогда проблем нет.

AlkatraZ (31.07.2013 / 22:13)
Жду с нетерпением

AlkatraZ, ясно. а обычные картинки как я понял арбуз тоже благополучно кеширует только времени на сравнение всех картинок уходит больше? (тоисть много запросов и каждый раз арбуз проверяет и еси картинка есть в кеше он ее не качает)

Crack (31.07.2013 / 21:31)
AlkatraZ, если я правельно понял то все иконки вешаем в один спрайт и выводим.
а как поступить с другой страницей? тоже создавать тег и вешать все на него?
Никак не пойму если основу вешаем на тег

i[id=pol] { background: url(/images/pol_ico.png) no-repeat top left; margin-right: 12px; display: inline-block; vertical-align: middle; height: 14px; width: 14px; }  
i[id=pol].zh_mod_on {background-position: 0px 0px; margin: 0}  
i[id=pol].zh_mod_off {background-position: 0px -16px; margin: 0}  
i[id=pol].m_mod_on {background-position: 0px -32px; margin: 0} 
i[id=pol].m_mod_off {background-position: 0px -48px; margin: 0} 
i[id=pol].zh_on {background-position: 0px -64px; margin: 0} 
i[id=pol].zh_off {background-position: 0px -80px; margin: 0} 
i[id=pol].m_on {background-position: 0px -96px; margin: 0} 
i[id=pol].m_off {background-position: 0px -112px; margin: 0}  
i[id=pol].del {background-position: 0px -128px; margin: 0}

//пример
if ($user['sex']) $out .= '<i id="pol" class="'.($user['sex'] == 'm' ? 'm' : 'zh') . ($user['rights'] > 0 ? '_mod' : '') . '_'.(time() > $user['lastdate'] + 300 ? 'off' : 'on').'"></i>'; else $out .= '<i id="pol" class="del"></i>';

venom, скока раз видел подобный прием (спрайты) в кнопке пуск и ниразу не прикидывал как это сделать в вебе/вапе.

Crack (31.07.2013 / 22:17)
только времени на сравнение всех картинок уходит больше?