PDA

View Full Version: Deja adoptată Steaguri Încărcaţi cu un sprite CSS



tavenger5
17-03-10, 16:54
Am fost experimente cu sprite CSS în ultima vreme şi a constatat că acesta poate reduce în mod semnificativ pe serverul de apeluri. Cu ei toate steagurile ar putea fi încărcate la o dată în loc de una după alta. Acest lucru ar elimina în mod eficient 52 apeluri server. Din pacate nu exista nici o modalitate uşoară de a converti steaguri intr-un sprite, deoarece tag-uri img sunt construite dinamic în codul.

Există unele meciului aici: Crearea Sprites uşor şi util CSS valid | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites generator (http://csssprites.com/)

Ne pare rău pentru toate sugestiile in ultima vreme:)

Edit - Cred că am găsit o modalitate de a face acest lucru. Numele sprite doar trebuie să corespundă cu numele de pavilion / limba. Unele editarea "vbenterprisetranslator_flag" ar trebui să funcţioneze.

Deci, aceasta ar arata cam asa: (a se vedea schimbarea 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
17-03-10, 19:50
Ne vom uita mai strânsă pe această idee:) In acest moment avem de a afla despre CSS Sprite şi nu este cu adevărat poate îmbunătăţi performanţele (browsere sunt caching imagini oricum). Solicit puse în considerare:)

tavenger5
17-03-10, 20:57
BTW, aici este ceea ce tocmai am folosit să-l pună în aplicare (eu nu folosesc toate cele 52, dar cele mai comune 13)

Schimbarea la vbenterprisetranslator_flag de mai sus (sprite pot fi redenumite orice - am folosit "steaguri")

Această imagine:
http://files.cellphoneforums.net/images/flags.png

Aceasta a adăugat la CSS suplimentare:


.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
17-03-10, 21:31
Aşa cum am înţeles subliniind limba activă nu va mai functiona?

Ne vom uita la aproape că:)

tavenger5
17-03-10, 22:13
Limba activă încă subliniază - care utilizeaza un stil în cazul în care utilizează o clasa sprites

vBET
19-03-10, 02:07
Nice:) Noi vom verifica definitiv. Oricum - în primul rând avem mult de lucru se deplasează cu îmbunătăţiri de performanţă de la vBET4.x la vBET3.x care pare sa fie mult mai important acum. Dar fii calm - avem cererea pe lista TODO:)

Snake
29-04-10, 23:19
Am această semi-de lucru, dar toate imaginile mele sunt acelasi steag în primul rând, în sprite.

vBET
11-06-10, 01:22
Efectuat. Vor fi sprijiniţi în următoarea lansare - pentru toate locurile în care indicatorii sunt folosite:)

Automatic Translations (Powered by Google, Microsoft®, Yandex, SDL Language Cloud, IBM Watson and Apertium):
AfrikaansAlbanianArabicBelarusianBulgarianCatalanChineseCroatianCzechDanishDutchEnglishEstonianFilipinoFinnishFrenchGalicianGermanGreekHaitian CreoleHebrewHindiHungarianIcelandicIndonesianIrishItalianJapaneseKoreanLatvianLithuanianMacedonianMalayMalteseNorwegianPersianPolishPortugueseRomanianRussianSerbianSlovakSlovenianSpanishSwahiliSwedishTaiwaneseThaiTurkishUkrainianVietnameseWelshYiddish
Translations supported by vBET Translator 4.10.1