پرچم بار با جن CSS

[tavenger5]

من تجربه کار با CSS sprites به تازگی و متوجه شد که آن را می توانید در تماس های سرور کاهش قابل توجهی است. با آنها همه از پرچم های نصب شده می تواند در یک بار به جای یکی پس از دیگری بارگذاری می شود. این 52 تماس های سرور حذف کند. متاسفانه هیچ راهی آسان برای تبدیل پرچم های نصب شده را به یک روح از آنجا که تگ img به صورت پویا در کد ساخته شده وجود دارد.

در اینجا برخی از اطلاعات وجود دارد : ایجاد Sprites آسان و CSS مفید | CSS گلوب

CSS Sprites ژنراتور

متاسفم برای همه پیشنهادات به تازگی

ویرایش -- من فکر می کنم که من پیدا کردم یک راه برای انجام آن است. نام جن است را به متناظر به نام پرچم / زبان. برخی از ویرایش "vbenterprisetranslator_flag' باید کار کند.

بنابراین آن را چیزی شبیه به این : (نگاه کنید به تغییر در 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]

نگاه می کنیم نزدیک بر روی این ایده در این لحظه ، ما باید در مورد جن CSS یاد می گیرند و آن را واقعا می تواند عملکرد (مرورگرها ذخیره تصاویر به هر حال) بهبود. درخواست قرار دادن مورد توجه قرار

[tavenger5]

مشاهده فرم خرید ، اینجا همان چیزی است که من فقط با استفاده از پیاده سازی آن (من تمام 52 استفاده نمی کند ، اما از 13 شایع ترین)

تغییر به vbenterprisetranslator_flag بالا (جن می تواند هر گونه تغییر نام داد -- من استفاده می شود 'پرچم')

این تصویر :


این موضوع افزوده شده به اضافی 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]

همانطور که من درک می کنم برجسته زبان فعال دیگر کار نخواهد کرد؟

ما نزدیک نگاه در آن

[tavenger5]

زبان فعال هنوز برجسته -- که با استفاده از سبک که در آن sprites استفاده از یک کلاس

[vBET]

خوب ما قطعی خواهد آن را بررسی کنید. به هر حال -- در ابتدا ما باید مقدار زیادی از کار را با حرکت بهبود عملکرد از vBET4.x به vBET3.x که به نظر می رسد مهم تر در حال حاضر است. اما آرام می شود -- ما درخواست خود را در لیست TODO

[Snake]

من این نیمه کار می کند ، اما تمام تصاویر من پرچم همان اول ، در روح.

[vBET]

انجام می شود. آیا می شود در نسخه بعدی پشتیبانی -- برای تمام مکان های که در آن پرچم ها استفاده می شود