Спрайты

venom

31 июл 2013 г., 22:03

Люди берегите воду - пейте пиво...

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

Crack

31 июл 2013 г., 22:09

человек И пароход

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

Crack

31 июл 2013 г., 22:11

человек И пароход

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

AlkatraZ

31 июл 2013 г., 22:13

╭∩╮ (`-`) ╭∩╮

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

Ты покажешь, как ОМ использует загружаемые шрифты?
Это будет что-то новое, я думаю даже разработчики ОМ удивятся, ибо официально она не поддерживает (по крайней мере в начале года не поддерживала) сей наворот.
Жду с нетерпением

AlkatraZ

31 июл 2013 г., 22:14

╭∩╮ (`-`) ╭∩╮

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

Да, именно так

venom

31 июл 2013 г., 22:15

Люди берегите воду - пейте пиво...

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

Тоже жду!!

Crack

31 июл 2013 г., 22:17

Изменено

человек И пароход

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

BoGdAn

31 июл 2013 г., 22:20

I'm the Cult of Personality...

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}

Спрайт
http://x-rey.h2m.ru/images/pol_ico.png
так у мя иконки пола сделаны

//пример
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>';

Crack

31 июл 2013 г., 22:21

человек И пароход

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

AlkatraZ

31 июл 2013 г., 22:21

╭∩╮ (`-`) ╭∩╮

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

Поверь мне, праузер работает с кэшем в сотни тысяч раз быстрее, чем происходит загрузка картинок с сайта.