एक सीएसएस प्रेत के साथ लोड झंडे

[tavenger5]

मैं सीएसएस sprites के साथ किया गया है हाल ही में प्रयोग किया और पाया है कि यह नीचे सर्वर कॉल पर काफी में कटौती कर सकते हैं. उनके साथ के सभी झंडे बजाय एक के बाद एक ही बार में लोड किया जा सकता है. यह प्रभावी रूप से 52 सर्वर कॉल को समाप्त होगा. दुर्भाग्य से वहाँ कोई आसान तरीका है img टैग के बाद से गतिशील कोड में बनाया जाता है एक प्रेत में झंडे कन्वर्ट.

वहाँ कुछ जानकारी यहाँ है: बनाना आसान है और उपयोगी सीएसएस sprites | सीएसएस ग्लोब (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

सीएसएस sprites जनरेटर (http://csssprites.com/)

सभी हाल ही में सुझाव के लिए क्षमा करें:)

संपादित करें - मुझे लगता है कि मैं एक तरीका यह करना पाया गया. प्रेत के नाम पर सिर्फ झंडा / भाषा के नाम के अनुरूप है. 'Vbenterprisetranslator_flag' के कुछ संपादन काम करना चाहिए.

तो यह कुछ इस तरह दिखेगा: (आइएमजी 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]

हम इस विचार पर करीब देखो होगा:) इस समय हम सीएसएस प्रेत के बारे में जानने करता है और यह वास्तव में प्रदर्शन में सुधार कर सकते हैं (ब्राउज़रों छवियों कैशिंग कर रहे हैं वैसे भी). अनुरोध को ध्यान में रखा:)

[tavenger5]

btw, यहाँ है कि मैं क्या सिर्फ इसे लागू किया (मैं सभी 52 का उपयोग नहीं करते, लेकिन 13 सबसे आम है)

ऊपर vbenterprisetranslator_flag परिवर्तन (प्रेत जो भी नाम दिया जा सकता है - मैं का इस्तेमाल किया 'झंडे')

इस छवि:
http://files.cellphoneforums.net/images/flags.png

यह अतिरिक्त सीएसएस में जोड़ा:


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

हो गया. अगली रिलीज में समर्थित हो जाएगा - सभी स्थानों पर जहां झंडे का उपयोग किया जाता है के लिए:)