Техническая поддержка форумов vBulletin
  форум vBSupport.ru > vBulletin > vBulletin 3.8.x > Внешний вид 3.8

[3.8.x] Оптимизация -> vBsprites

Register Меню vBsupport Изображения Files Manager О рекламе Today's Posts Search
  • Родная гавань
  • Блок РКН снят
  • Premoderation
  • For English speaking users
  • Каталог Фрилансеров
  • If you want to buy some product or script
  • Администраторам
VBsupport перешел с домена .ORG на родной .RU Ура! Пожалуйста, обновите свои закладки - VBsupport.ru
Блок РКН снят, форум доступен на всей территории России, включая новые терртории, без VPN
На форуме введена премодерация ВСЕХ новых пользователей

Почта с временных сервисов, типа mailinator.com, gawab.com и/или прочих, которые предоставляют временный почтовый ящик без регистрации и/или почтовый ящик для рассылки спама, отслеживается и блокируется, а так же заносится в спам-блок форума, аккаунты удаляются
for English speaking users:
You may be surprised with restriction of access to the attachments of the forum. The reason is the recent change in vbsupport.org strategy:

- users with reputation < 10 belong to "simple_users" users' group
- if your reputation > 10 then administrator (kerk, Luvilla) can decide to move you into an "improved" group, but only manually

Main idea is to increase motivation of community members to share their ideas and willingness to support to each other. You may write an article for the subject where you are good enough, you may answer questions, you may share vbulletin.com/org content with vbsupport.org users, receiving "thanks" equal your reputation points. We should not only consume, we should produce something.

- you may:
* increase your reputation (doing something useful for another members of community) and being improved
* purchase temporary access to the improved category:
10 $ for 3 months. - this group can download attachments, reputation/posts do not matter.
20 $ for 3 months. - this group can download attachments, reputation/posts do not matter + adds eliminated + Inbox capacity increased + files manager increased permissions.

Please contact kerk or Luvilla regarding payments.

Important!:
- if your reputation will become less then 0, you will be moved into "simple_users" users' group automatically.*
*for temporary groups (pre-paid for 3 months) reputation/posts do not matter.
Уважаемые пользователи!

На форуме открыт новый раздел "Каталог фрилансеров"

и отдельный раздел для платных заказов "Куплю/Закажу"

Если вы хотите приобрести какой то скрипт/продукт/хак из каталогов перечисленных ниже:
Каталог модулей/хаков
Ещё раз обращаем Ваше внимание: всё, что Вы скачиваете и устанавливаете на свой форум, Вы устанавливаете исключительно на свой страх и риск.
Сообщество vBSupport'а физически не в состоянии проверять все стили, хаки и нули, выкладываемые пользователями.
Помните: безопасность Вашего проекта - Ваша забота.
Убедительная просьба: при обнаружении уязвимостей или сомнительных кодов обязательно отписывайтесь в теме хака/стиля
Спасибо за понимание
 
Page 1 of 2 1 2
 
 
 
syn
Эксперт
vBSNews
 
syn's Avatar
Lightbulb Оптимизация -> vBsprites
5
Отступление:
Поскольку черновиков нету [и неизвестно предвидятся ли], пишу в открытую.
Обратите внимание! Сейчас это черновой пост. После финализации причешу.

К делу...

Cуть - приведение всей vb графики в спрайты.

Необходимые действия:
  • корректировка шаблонов
  • корректировка php
  • корректировка js
  • корректировка css
  • отрисовка собсно спрайтов
  • ну и так, по мелочи...

Click image for larger version Name: preview.gif Views: 69 Size: 2.1 KB ID: 23803 <- пикча вдохновления [это просто симпотная пикча, спрайты отрисовываются с нуля]

css в архиве, это сорс, чтоб было более понятно, что, куда и откуда берется [совершенно не оптимизирован].
На размер css не обращайте внимания, после оптимизации он будет весить в 3-4 раза меньше.

В LDM-е вызов пикчей сделан не совсем обычно. Там все это хитро, через функции.
В общем правки LDM-а будут как бы немного отдельно постится.

В окончании, предполагается применить к спрайтам [data:url], что в конечном счете полностью избавит нас от пикчесов.
Пикчи будут отдаваться одним запросом, вместе с css. Ну это в теории, там есть свои тонкости.


Трансформации шаблонов [соответствия :: шаблоны поиска-замены].

vBulletin:
Code:

src="$stylevar[imgdir_attach]/		->	src="$vboptions[cleargifurl]" class="imgdir_attach_	->	src="$vboptions[cleargifurl]" class="img_atc_
src="$stylevar[imgdir_button]/		->	src="$vboptions[cleargifurl]" class="imgdir_button_	->	src="$vboptions[cleargifurl]" class="img_btn_
src="$stylevar[imgdir_editor]/		->	src="$vboptions[cleargifurl]" class="imgdir_editor_	->	src="$vboptions[cleargifurl]" class="img_edr_
src="$stylevar[imgdir_misc]/		->	src="$vboptions[cleargifurl]" class="imgdir_misc_	->	src="$vboptions[cleargifurl]" class="img_msc_
src="$stylevar[imgdir_poll]/		->	src="$vboptions[cleargifurl]" class="imgdir_poll_	->	src="$vboptions[cleargifurl]" class="img_pol_
src="$stylevar[imgdir_rating]/		->	src="$vboptions[cleargifurl]" class="imgdir_rating_	->	src="$vboptions[cleargifurl]" class="img_rat_
src="$stylevar[imgdir_reputation]/	->	src="$vboptions[cleargifurl]" class="imgdir_reputation_	->	src="$vboptions[cleargifurl]" class="img_rep_
src="$stylevar[imgdir_statusicon]/	->	src="$vboptions[cleargifurl]" class="imgdir_statusicon_	->	src="$vboptions[cleargifurl]" class="img_sts_

Hacks [blog, dynamics, vbclassified, yafb, livetopic, forumstats, thanks]:
Code:

src="$stylevar[imgdir_misc_blog]/	->	src="$vboptions[cleargifurl]" class="imgdir_misc_blog_		->	src="$vboptions[cleargifurl]" class="img_blg_
src="tpl/dimages/			->	src="$vboptions[cleargifurl]" class="imgdir_dyna_		->	src="$vboptions[cleargifurl]" class="img_dyn_
src="tpl/vbclassified/			->	src="$vboptions[cleargifurl]" class="imgdir_vbclassified_	->	src="$vboptions[cleargifurl]" class="img_vbc_
src="tpl/img/				->	src="$vboptions[cleargifurl]" class="imgdir_yafb_		->	src="$vboptions[cleargifurl]" class="img_fbb_
src="tpl/img/				->	src="$vboptions[cleargifurl]" class="imgdir_livetopic_		->	src="$vboptions[cleargifurl]" class="img_lvt_
src="tpl/img/				->	src="$vboptions[cleargifurl]" class="imgdir_forumstats_		->	src="$vboptions[cleargifurl]" class="img_fst_
src="dbtech/thanks/images/		->	src="$vboptions[cleargifurl]" class="imgdir_dbtech_thanks_	->	src="$vboptions[cleargifurl]" class="img_thk_

LDM [это отдельная история]:
Code:
src="$ldm_icon_cache[xxx]	->	src="$vboptions[cleargifurl]" class="imgdir_vmimg_

Правки php:
Code:
п о з ж е

Правки js:
Code:
п о з ж е
Attached Files
File Type: zip sprites-source.zip (2.6 KB, 10 views)
Last edited by syn : 08-20-2011 at 02:45 PM.
Bot
Yandex Bot Yandex Bot is online now
 
Join Date: 05.05.2005
Реклама на форуме А что у нас тут интересного? =)
 
 
kerk
k0t
 
kerk's Avatar
Default
0
wow...
 
 
Luvilla
Гость
Default
syn, Оффтоп
 
 
syn
Эксперт
vBSNews
 
syn's Avatar
Default
0
Luvilla, Оффтоп
 
 
Luvilla
Гость
Default
syn, Оффтоп
 
 
syn
Эксперт
vBSNews
 
syn's Avatar
Default
0
kerk, ну а чего, ниче такого страшного, я уже делал спрайты в предыдущей сборке.
позже выложу свои предыдущие [афторские ] дизы.
один из них как рах весь на спрайтах.
все руки никак не доходят сорцы [psd-шки] причесать и поскринить.


syn добавил 15.08.2011 в 23:23
Luvilla, Оффтоп


syn добавил 15.08.2011 в 23:34
кстати, в финале, предполагается применить к спрайтам [data:url sprites], что в конечном счете полностью избавит нас от пикчесов.
мы все засунем в css. уй... и скока запросов мы сэкономим...
Last edited by syn : 08-15-2011 at 11:52 PM. Reason: Добавлено сообщение
 
 
Martini
Гость
Default
по моему мега-крутая идея
ждем с нетерпением )
 
 
xorex
Эксперт
vBSponsor
 
xorex's Avatar
Default
0
интересненько...

я так понял эта фишка что то типа одной пикчи для всего форума, хаков ?
 
 
syn
Эксперт
vBSNews
 
syn's Avatar
Default
3
ну тип того.
только пикчи потом в base64 и в css их.

на самом деле тут есть несколько вариантов:
  • несколько пикчей и один блок css со значениями по x ИЛИ y
  • одна пикча и несколько блоков css со значениями по x И y
  • с перечислением всех классов и одним базовым [общим для всех] набором свойств-значений
  • с перечислением только одного базового класса [общего для всех] и добавлением его в теги
 
 
xorex
Эксперт
vBSponsor
 
xorex's Avatar
Default
0
Оффтоп
 
Page 1 of 2 1 2

Tags
sprites, vbsprites, оптимизация

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off



All times are GMT +4. The time now is 09:26 AM.

Contact Us - vBSupport.ru - Privacy Policy - Top

Powered by vBulletin® Version 3.5.6
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.