Zaťaženie vlajky s css sprite

[tavenger5]

Bol som experimentoval s prízraky css v poslednej dobe, a zistili, že je možné znížiť na serveri volanie výrazne. S nimi by všetky vlajky byť načítaný naraz namiesto jedného po druhom. To by účinne eliminovať 52 Server zavolá. Bohužiaľ neexistuje žiadny jednoduchý spôsob, ako previesť vlajky na škriatka, pretože img tagy sú dynamicky postavený v kóde.

Je tu nejaké info tu: Vytvorenie jednoduché a užitočné CSS Škriatkovia | css Globe

CSS Škriatkovia generátor

Ospravedlňujeme sa za všetky návrhy, v poslednej dobe

Edit - Myslím, že som našiel spôsob, ako to urobiť. Názov škriatka jednoducho musí zodpovedať mene vlajky / jazyka. Niektoré úpravy "vbenterprisetranslator_flag" by mal fungovať.

Takže to bude vyzerať nejako takto: (pozri zmena 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]

Pozrieme sa bližšie na túto myšlienku V tejto chvíli sa musíme učiť o CSS Sprite a to skutočne môže zlepšiť výkon (cache prehliadača obrázkov rovnako). Žiadosť do úvahy

[tavenger5]

BTW, tu je to, čo som práve používa, aby ho (Nechcem používať všetkých 52, ale 13 najčastejších)

Zmena vbenterprisetranslator_flag vyššie (sprite môže byť premenovaný čokoľvek - som "flags")

Tento obrázok:


Toto sa pridalo k ďalšej 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]

Ako tomu rozumiem zvýraznenie aktívny jazyk nebude fungovať už?

Pozrieme sa na to blízko

[tavenger5]

aktívny jazyk ešte zdôrazňuje -, ktorý používa štýl, kde škriatkovia použitie triedy

[vBET]

Pekný Sme sa konečne pozrieť. Mimochodom - prvý máme veľa práce so sťahovaním zlepšenie výkonu od vBET4.x do vBET3.x ktorá sa zdá byť oveľa dôležitejšie práve teraz. Ale buďte pokojný - musíme vašu požiadavku na zozname TODO

[Snake]

Mám čiastočne pracovné, ale všetky moje obrázky sú rovnaké prvé vlajka, v sprite.

[vBET]

Hotovo. Budú podporované v ďalšej verzii - pre všetky miesta, kde sa používajú vlajky