PDA

Zobrazit plnou verzi: Již udělal Zatížení vlajky s css sprite



tavenger5
17-03-10, 16:54
Byl jsem experimentoval s přízraky css v poslední době, a zjistili, že je možné snížit na serveru volání výrazně. S nimi by všechny vlajky být načten najednou místo jednoho po druhém. To by účinně eliminovat 52 Server zavolá. Bohužel neexistuje žádný snadný způsob, jak převést vlajky na skřítka, protože img tagy jsou dynamicky postaven v kódu.

Je tu nějaké info zde: Vytvoření jednoduché a užitečné CSS Skřítci | css Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Skřítci generátor (http://csssprites.com/)

Omlouváme se za všechny návrhy, v poslední době:)

Edit - Myslím, že jsem našel způsob, jak to udělat. Název skřítka prostě musí odpovídat jménu vlajky / jazyka. Některé úpravy "vbenterprisetranslator_flag" by měl fungovat.

Takže to bude vypadat nějak takto: (viz změna 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
Podíváme se blíže na tento nápad:) V tuto chvíli se musíme učit o CSS Sprite a to skutečně může zlepšit výkon (cache prohlížeče obrázků stejně). Žádost do úvahy:)

tavenger5
17-03-10, 20:57
BTW, tady je to, co jsem právě používá, aby jej (Nechci používat všech 52, ale 13 nejčastějších)

Změna vbenterprisetranslator_flag výše (sprite může být přejmenován cokoliv - jsem "flags")

Tento obrázek:
http://files.cellphoneforums.net/images/flags.png

Toto se přidalo k další 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
Jak tomu rozumím zvýraznění aktivní jazyk nebude fungovat už?

Podíváme se na to blízko:)

tavenger5
17-03-10, 22:13
aktivní jazyk ještě zdůrazňuje -, který používá styl, kde skřítci použití třídy

vBET
19-03-10, 02:07
Pěkný:) jsme se konečně podívat. Mimochodem - první máme hodně práce se stěhováním zlepšení výkonu od vBET4.x do vBET3.x která se zdá být mnohem důležitější právě teď. Ale buďte klidný - musíme vaši žádost na seznam TODO:)

Snake
29-04-10, 23:19
Mám částečně pracovní, ale všechny moje obrázky jsou stejné první vlajka, v sprite.

vBET
11-06-10, 01:22
Hotovo. Budou podporovány v další verzi - pro všechna místa, kde se používají vlajky:)

Automatic Translations (Powered by Google, Microsoft®, Yandex, SDL Language Cloud, IBM Watson and Apertium):
AfrikaansAlbanianArabicBelarusianBulgarianCatalanChineseCroatianCzechDanishDutchEnglishEstonianFilipinoFinnishFrenchGalicianGermanGreekHaitian CreoleHebrewHindiHungarianIcelandicIndonesianIrishItalianJapaneseKoreanLatvianLithuanianMacedonianMalayMalteseNorwegianPersianPolishPortugueseRomanianRussianSerbianSlovakSlovenianSpanishSwahiliSwedishTaiwaneseThaiTurkishUkrainianVietnameseWelshYiddish
vBET 4.10.1 gives automatic translations