Apkrovos vėliavomis su CSS Sprite

[tavenger5]

Aš eksperimentuoti su CSS animacinius pastaruoju metu ir nustatė, kad tai gali žymiai sumažinti serverio skambučių. Su jais visas vėliavas gali būti kraunamos iš karto, o ne vienas po kito. Tai būtų veiksmingai pašalinti 52 serverio skambučius. Deja, nėra paprastas būdas konvertuoti į Sprite vėliavomis, nes IMG žymės yra dinamiškai pastatytas kodas.

Yra šiek tiek info čia: Paprasta ir naudinga CSS animacinius kūrimas | CSS Globe

CSS sprites generatorius

Atsiprašome už visus pasiūlymus pastaruoju metu

Redaguoti - Manau, kad rado būdą, kaip tai padaryti. Sprite pavadinimas tiesiog turi atitikti vėliavos / kalbos pavadinimą. Dalis "vbenterprisetranslator_flag redagavimas turėtų dirbti.

Taigi atrodytų kažką panašaus į tai: (žr. keisti 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]

Mes atidžiau šią idėją Šiuo metu mes turime sužinoti apie CSS Sprite ir ji tikrai gali pagerinti našumą (naršyklės talpyklą vaizdus bet kokiu atveju). Prašymas įdėti į tai,

[tavenger5]

beje, čia yra tai, ką aš tiesiog naudoti ją įgyvendinti (aš ne naudoti visus 52, bet 13 labiausiai paplitusių)

Pakeisti vbenterprisetranslator_flag aukščiau (Sprite gali būti pervadinta koks - aš "vėliavos")

Šis paveikslėlis:


Tai prisidėjo papildomas 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]

Kaip suprantu akcentuoti aktyvų kalba nebeveikia?

Mes atrodys beveik

[tavenger5]

aktyvus kalba vis dar akcentuoja, naudoja stilius, kur animacinius klasė

[vBET]

Gražus Mes galutinai tai patikrinti. Bet kokiu atveju - pirmiausia mes turime daug darbo su judančiomis rezultatyvumo pagerėjimą nuo vBET4.x vBET3.x, kuri, atrodo, svarbesnė dabar. Būti ramus - mes turime savo prašymą TODO sąrašą

[Snake]

Turiu šį pusiau darbo, bet visi mano vaizdai yra pačios pirmos vėliavos, Sprite.

[vBET]

Atlikta. Bus remiami kitą spaudai - visas vietas, kur vėliavos yra naudojamos