Mzigo bendera na sprite css

[tavenger5]

Nimekuwa majaribio ya sprites css siku za hivi karibuni na kukuta kwamba inaweza kupunguza wito server kwa kiasi kikubwa. Pamoja nao wote wa bendera inaweza kubeba mara moja badala ya moja baada ya nyingine. Hii ingekuwa na kuondoa wito server 52. Kwa bahati mbaya hakuna njia rahisi kubadili bendera ndani ya sprite tangu tags img ni dynamically kujengwa katika kanuni.

Kuna baadhi ya info hapa: Kujenga rahisi na muhimu Sprites CSS | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites jenereta (http://csssprites.com/)

Sorry kwa mapendekezo yote siku za hivi karibuni:)

Edit - Nadhani kupatikana kwa njia ya kufanya hivyo. jina la sprite tu ana kwa yanahusiana na jina la bendera ya lugha /. Baadhi ya uhariri wa 'vbenterprisetranslator_flag' wanapaswa kufanya kazi.

Hivyo inaweza kuangalia kitu kama hii: (kuona mabadiliko katika 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]

Sisi kuangalia kwa karibu juu ya wazo hili:) Sasa hivi tuna kujifunza kuhusu css sprite na je, ni kweli inaweza kuboresha utendaji kazi (browsers ni Caching images anyway). Ombi kuweka maanani:)

[tavenger5]

BTW, hapa ni kile tu kutumika kutekeleza (mimi si kutumia zote 52, lakini 13 ya kawaida)

mabadiliko vbenterprisetranslator_flag juu (sprite inaweza kubadilishwa jina lolote - Nilikuwa 'bendera')

Picha hii:
http://files.cellphoneforums.net/images/flags.png

Hii ya ziada ya ziada 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]

Kama mimi kuelewa lugha ya kuonyesha kazi si kazi tena?

Tutaangalia karibu juu ya kwamba:)

[tavenger5]

lugha hai bado mambo muhimu - kwamba anatumia style ambapo sprites kutumia darasa

[vBET]

Nice:) Sisi kipekee kuangalia yake. Anyway - kwanza tuna mengi ya kazi na kusonga maboresho utendaji kutoka vBET4.x kwa vBET3.x ambayo inaonekana kuwa muhimu zaidi hivi sasa. Lakini kuwa shwari - tuna maombi yako katika orodha TODO:)

[Snake]

Nina nusu kazi, lakini yangu images wote ni sawa na bendera ya kwanza, katika sprite.

[vBET]

Done. Itakuwa mkono katika taarifa ujao - kwa wote mahali ambapo bendera hutumiwa:)