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: Kaip sukurti paprasta ir naudinga CSS animacinius | CSS Globe "(http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS sprites generatorius (http://csssprites.com/)

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 ar ji tikrai gali pagerinti našumą (naršyklės talpyklą vaizdus bet kokiu atveju). Prašymas pradėti svarstyti:)

[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:
http://files.cellphoneforums.net/images/flags.png

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]

Nice:) 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. Bet 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 - vėliavėlės naudojamos visose vietose, kur:)