טען דגלים עם ספרייט css

[tavenger5]

אני כבר להתנסות עם שדונים css לאחרונה ומצא כי ניתן לצמצם באופן משמעותי את השיחות שרת. איתם כל הדגלים ניתן לטעון בבת אחת במקום אחד אחרי השני. זה היה למעשה לחסל 52 שיחות השרת. למרבה הצער אין דרך קלה כדי להמיר את דגלי לפיית מאז תגי img נבנים באופן דינמי בקוד.

יש כאן כמה פרטים: יצירת קל ושימושי שדונים CSS | CSS גלוב (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS שדונים גנרטור (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]

אגב, הנה מה אני פשוט השתמשו ליישם אותו (אני לא משתמש כל 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]

השפה פעיל עדיין מדגיש - המשתמשת בסגנון שבו שדונים להשתמש בכיתה

[vBET]

נחמד:) אנו בוודאות יהיה לבדוק את זה. בכל אופן - תחילה יש לנו הרבה עבודה עם שיפורי ביצועים נע מ vBET4.x כדי vBET3.x שנראה חשוב יותר עכשיו. אבל להיות רגוע - יש לנו את בקשתך ברשימת TODO:)

[Snake]

יש לי חצי עבודה, אבל כל התמונות שלי הם הדגל הראשון אותו, בתוך הדמות המונפשת.

[vBET]

בוצע. תהיה תמיכה לשחרור הבא - כל המקומות שבהם דגלים משמשים:)