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 (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Škriatkovia generátor (http://csssprites.com/)

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 tento nápad:) 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:
http://files.cellphoneforums.net/images/flags.png

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 žiadosť na zoznam 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:)