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: | Css Globe kolay ve kullanışlı CSS Sprites Oluşturma

CSS Sprites jeneratör

Tüm önerileri için özür dilerim son zamanlarda

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 bakacağız 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. Var. İstek göz 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:


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 de yakından bakacağız

[tavenger5]

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

[vBET]

Güzel 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