Tagħbija bnadar ma 'Sprite css

[tavenger5]

Stajt ġiet jesperimentaw bil sprites css dan l-aħħar u sabet li jistgħu inaqqsu r-sejħiet server b'mod sinifikanti. Magħhom kollha tal-bnadar jistgħu jiġu mgħobbija fil-darba minflok waħda wara l-oħra. Dan effettivament jelimina sejħiet għal servers 52. Sfortunatament hemm ebda mod faċli biex jikkonvertu l-bnadar fil-Sprite peress li l-lametti img huma dinamikament mibnija fil-kodiċi.

Hemm xi info hawn: Il-ħolqien Sprites faċli u utli CSS | Css Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites ġeneratur (http://csssprites.com/)

Sorry għall-suġġerimenti kollha li dan l-aħħar:)

Edit - naħseb sibt mod kif tagħmel dan. L-isem ta 'l-Sprite biss għandu jikkorrispondi għall-isem tal-bandiera / lingwa. Xi editjar ta 'vbenterprisetranslator_flag "għandha taħdem.

Għalhekk hija kienet ser tfittex xi ħaġa bħal din: (ara l-bidla fil-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]

Aħna se tħares aktar mill-qrib fuq din l-idea:) Bħalissa għandna nitgħallmu dwar css Sprite u ma verament jistgħu jtejbu l-prestazzjoni (browsers huma caching immaġini xorta). Talba tqiegħed in kunsiderazzjoni:)

[tavenger5]

btw, hawnhekk huwa dak I biss użati biex jimplimentawha (I ma jużawx l-52, iżda l-13 l-aktar komuni)

Il-bidla għal vbenterprisetranslator_flag hawn fuq (Sprite jista 'jingħata l-isem ikun x'ikun - I użati "bnadar")

Din id-dehra:
http://files.cellphoneforums.net/images/flags.png

Dan żied mal żejda 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]

Fil-fehma tiegħi li tenfasizza lingwa attiva mhux se taħdem aktar?

Aħna se tħares mill-qrib fuq dik:)

[tavenger5]

lingwa attiva xorta tenfasizza - li juża stil fejn sprites użu ta 'klassi

[vBET]

Nice:) Aħna definittivament se check. Xorta waħda - l-ewwel għandna ħafna xogħol mal-bdil titjib tal-prestazzjoni minn vBET4.x li vBET3.x li jidher li jkun aktar dritt importanti issa. Imma jkun kalm - għandna t-talba tiegħek fuq il-lista Todo:)

[Snake]

Għandi dan semi-xogħol, iżda l-immaġini kollha tiegħi huma l-bandiera first istess, fil-Sprite.

[vBET]

Magħmula. Se jkunu appoġġati fl-istqarrija li jmiss - għall-postijiet kollha fejn bnadar huma użati:)