Load liput kanssa CSS sprite

[tavenger5]

Olen kokeillut CSS sprite viime aikoina ja todennut, että se voi alentaa palvelinta huomattavasti. Niiden kaikki liput voitiin ladata kerralla yhden sijasta toisensa jälkeen. Tämä tehokkaasti poistamaan 52 palvelinta. Valitettavasti ei ole helppo tapa muuntaa liput tulee Sprite koska img tagit ovat dynaamisesti rakennettu koodi.

On joitain tietoja täältä: Luominen on helppoa ja hyödyllistä CSS sprite | CSS Globe

CSS sprite generaattori

Anteeksi kaikille ehdotuksia tapahtumat

Edit - Taisin löytää tapa tehdä se. Nimi Sprite vain on vastattava nimi lippua / kieltä. Jotkut editointi "vbenterprisetranslator_flag" pitäisi toimia.

Joten se näyttää tältä: (katso muutos 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]

Tulemme tarkastelemaan lähemmin tätä ajatusta Tällä hetkellä meillä on opittavaa CSS Sprite ja se todella voi parantaa suorituskykyä (selaimet ovat välimuistin kuvia anyway). Pyydä otetaan huomioon

[tavenger5]

BTW, tässä minä vain käyttää sen toteuttamiseksi (en käytä kaikkia 52, mutta 13 yleisin)

Muutos vbenterprisetranslator_flag edellä (sprite voi nimetä mitä tahansa - Käytin "Flags ')

Tämä kuva:


Tämä lisätään ylimääräisiä 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]

Ymmärtääkseni korostamalla aktiivista kielenkäyttöä ei toimi enää?

Tarkastelemme lähes joka

[tavenger5]

aktiivinen kieli vielä korostaa -, joka käyttää tyyliä, jossa spritet käyttää luokan

[vBET]

Nizza Olemme lopullisesti tarkistaa se. Anyway - Ensin on paljon työtä liikkuvia suorituskyvyn parannuksia vBET4.x ja vBET3.x joka tuntuu olevan tärkeämpää juuri nyt. Mutta olla rauhallinen - olemme pyyntösi TODO lista

[Snake]

Olen tästä osittain töissä, mutta kaikki kuvat ovat samalla ensimmäisen lipun, on Sprite.

[vBET]

Valmis. Tuetaan seuraavassa versiossa - Kaikissa tiloissa, joissa lippua käytetään