ธงที่มีภาระ CSS เทพดา

[tavenger5]

ฉันได้รับการทดสอบกับ sprites CSS เร็ว ๆ นี้และพบว่ามันสามารถตัดลงบนเซิร์ฟเวอร์ที่เรียกอย่างมีนัยสำคัญ กับพวกเขาทั้งหมดของธงอาจจะโหลดได้ในครั้งเดียวแทนการหนึ่งหลังจากที่อื่น นี้จะกำจัดได้อย่างมีประสิทธิภาพ 52 เรียกเซิร์ฟเวอร์ แต่น่าเสียดายที่ไม่มีวิธีง่ายๆในการแปลงธงลงในเทพดาตั้งแต่แท็ก img ที่สร้างขึ้นแบบไดนามิกในรหัสของ

มีข้อมูลบางอย่างของที่นี่ : การสร้าง CSS Sprites ง่ายและมีประโยชน์ | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites เครื่องกำเนิดไฟฟ้า (http://csssprites.com/)

ขออภัยสำหรับทุกคำแนะนำเร็ว ๆ นี้ :)

แก้ไข -- ฉันคิดว่าฉันค้นพบวิธีที่จะทำ ชื่อของเทพดาที่เพียงแค่มีให้สอดคล้องกับชื่อของธง / ภาษา การแก้ไขของ'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]

BTW, นี่คือสิ่งที่ฉันใช้ที่จะใช้มัน (ฉันไม่ได้ใช้ทั้งหมด 52 แต่ 13 ที่พบมากที่สุด)

การเปลี่ยนแปลงดังกล่าวข้างต้น vbenterprisetranslator_flag (เทพดาสามารถเปลี่ยนชื่อสิ่งที่ -- ฉันใช้'ธง')

ภาพนี้ :
http://files.cellphoneforums.net/images/flags.png

นี้เพิ่มพิเศษ 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 ซึ่งดูเหมือนว่าจะมีความสำคัญมากขึ้นในขณะนี้ แต่จะสงบ - - เรามีการร้องขอของคุณในรายการสิ่งที่ต้องทำ :)

[Snake]

ฉันมีนี้กึ่งทำงาน แต่ภาพทั้งหมดของฉันมีธงแรกเดียวกันในเทพดา

[vBET]

ทำได้ จะได้รับการสนับสนุนในรุ่นถัดไป -- สำหรับสถานที่ทั้งหมดที่มีการใช้ธง :)