PDA

View Full Version: Вече направи Заредете знамена с CSS спрайт



tavenger5
17-03-10, 16:54
Съм експериментират с спрайтове CSS напоследък и е установено, че тя може да се намали на сървъра разговори значително. С тях всички знамена могат да бъдат натоварени наведнъж, вместо един след друг. Това би могло ефективно да елиминират 52 сървъра разговори. Съжаление, че няма лесен начин за преобразуване на знамената в спрайт, тъй като IMG тагове, които са динамично построен в кода.

Има някаква информация тук: Създаване на лесно и полезно Sprites CSS | Css Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

Sprites генератор на CSS (http://csssprites.com/)

Съжалявам за всички предложения, които напоследък:)

Edit - Мисля, че открих начин да го направя. Името на Sprite просто трябва да съответства на името на флага / език. Някои редактирането на "vbenterprisetranslator_flag" трябва да работи.

Така ще изглежда нещо като това: (виж промяната в IMG SRC)


<a rel="novbseo" href="$url" <if condition="$code==$vbulletin->options['vbenterprisetranslator_forumlanguage']">onclick="document.cookie = 'vbet_language=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path=/'; return true;"</if>><img class="sprite $code" src="/clear.gif" alt="$name" <if condition="$vbulletin->options['vbenterprisetranslator_flags_noborder'] && !$highlight">border="0"</if><if condition="$highlight">border="1" style="border-color: yellow"</if>/></a>

vBET
17-03-10, 19:50
Ние ще изглежда по-близо на тази идея:) В този момент ние трябва да научат повече за CSS спрайт и дали тя наистина може да подобри производителността (браузъри кеширане на изображения така или иначе). Искане поставени под внимание:)

tavenger5
17-03-10, 20:57
между другото, тук е това, което аз току-що да го приложат (не използвам всичките 52, но 13-те най-общи)

Промяната vbenterprisetranslator_flag по-горе (спрайт, могат да бъдат преименувани каквото и - "знамена")

Това изображение:
http://files.cellphoneforums.net/images/flags.png

Това добавя допълнително CSS:


.sprite {background:url(/images/flags.png); width: 16px; height: 11px;}

.ar {background-position: -0px -0px;}
.zh-CN {background-position: -17px -0px;}
.en {background-position: -34px -0px;}
.fr {background-position: -51px -0px;}
.de {background-position: -68px -0px;}
.it {background-position: -85px -0px;}
.ja {background-position: -102px -0px;}
.ko {background-position: -119px -0px;}
.pl {background-position: -136px -0px;}
.pt {background-position: -153px -0px;}
**** {background-position: -170px -0px;}
.es {background-position: -187px -0px;}
.nl {background-position: -204px -0px;}

vBET
17-03-10, 21:31
Както разбирам подчертава активния език няма да работи вече?

Ние ще погледнем от близо, че:)

tavenger5
17-03-10, 22:13
активния език все още се подчертава, че използва стил, където спрайтове използвате клас

vBET
19-03-10, 02:07
Ница:) Ние окончателно ще го проверя. Както и да е - първо имаме много работа с движещи се подобрение на ефективността от vBET4.x vBET3.x, което изглежда да бъде по-важно в момента. Но бъдете спокойни - имаме искането си в списъка TODO:)

Snake
29-04-10, 23:19
Аз имам този полу-работни, но всичките ми снимки са един и същ първото знаме в спрайт.

vBET
11-06-10, 01:22
Готово. Ще бъдат подкрепени в следващата версия - за всички места, където се използват знамена:)

Automatic Translations (Powered by Google, Microsoft®, Yandex, SDL Language Cloud, IBM Watson and Apertium):
AfrikaansAlbanianArabicBelarusianBulgarianCatalanChineseCroatianCzechDanishDutchEnglishEstonianFilipinoFinnishFrenchGalicianGermanGreekHaitian CreoleHebrewHindiHungarianIcelandicIndonesianIrishItalianJapaneseKoreanLatvianLithuanianMacedonianMalayMalteseNorwegianPersianPolishPortugueseRomanianRussianSerbianSlovakSlovenianSpanishSwahiliSwedishTaiwaneseThaiTurkishUkrainianVietnameseWelshYiddish
Translations by vB Enterprise Translator 4.10.1