Bir css sprite ile Yük bayrakları

[tavenger5]

Son zamanlarda css sprite ile deneme ve sunucu çağrıları önemli ölçüde aşağı kesebilir bulundu oldum. Onlarla birlikte tüm bayrakları birbiri ardına yerine bir seferde yüklü olabilir. Bu 52 sunucu çağrıları etkin bir şekilde ortadan kaldıracaktır. Ne yazık ki img etiketlerini dinamik kod inşa yılından bu yana bir sprite bayrakları dönüştürmek için kolay bir yolu yoktur.

Burada bazı bilgiler var: kolay ve kullanışlı CSS Sprites | Css Küre (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites jeneratör (http://csssprites.com/)

Son zamanlarda tüm önerileri için özür dilerim:)

Düzenle - Ben bunu yapmak için bir yol buldum. Grafiğin adı sadece bayrak / dil adını karşılık vardır. 'Vbenterprisetranslator_flag' Bazı düzenleme çalışması gerekir.

Bu yüzden böyle bir şey olacaktır: (bkz: img src değişiklik)


<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]

Biz bu fikri daha yakından bakmak olacak:) Bu noktada css sprite hakkında bilgi almak için ve gerçekten (tarayıcılar zaten görüntüler önbelleğe.) Performansını artırabilirsiniz. Isteği göz önüne koymak:)

[tavenger5]

btw, ben burada sadece onu uygulamak için kullanılan (Tüm 52 kullanmayın, ancak en sık 13)

Yukarıda vbenterprisetranslator_flag değişim (sprite ne olursa olsun yeniden adlandırılabilir 'bayraklar')

Bu resim:
http://files.cellphoneforums.net/images/flags.png

Bu ekstra css ekledi:


.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]

Ben aktif dil vurgulayarak anlamak gibi artık çalışmayacak mı?

Biz yakından bakmak:)

[tavenger5]

etkin dil hala vurgulamaktadır sprites bir sınıf bir stili kullanır

[vBET]

Nice:) Biz kesin olarak kontrol eder. Neyse ilk biz vBET4.x şu anda daha önemli gibi görünüyor vBET3.x performans iyileştirmeleri hareketli pek çok çalışma var. Ama sakin - TODO listesine isteğiniz var:)

[Snake]

Ben bu yarı-işçi var, ama tüm görüntüler sprite, aynı ilk bayrak.

[vBET]

Bitti. Sonraki sürümünde desteklenecektir bayrakları kullanılan tüm yerler için:)