Load liput kanssa CSS sprite

[tavenger5]

Olen kokeillut CSS sprite viime aikoina ja todennut, että se voi alentaa palvelinta huomattavasti. Niiden kaikki liput voitiin ladata kerralla yhden sijasta toisensa jälkeen. Tämä tehokkaasti poistamaan 52 palvelinta. Valitettavasti ei ole helppo tapa muuntaa liput tulee Sprite koska img tagit ovat dynaamisesti rakennettu koodi.

On joitain tietoja täältä: Creating helppo ja hyödyllinen CSS sprite | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS sprite generaattori (http://csssprites.com/)

Anteeksi kaikille ehdotuksia tapahtumat:)

Edit - Taisin löytää tapa tehdä se. Nimi Sprite vain on vastattava nimi lippua / kieltä. Jotkut editointi "vbenterprisetranslator_flag" pitäisi toimia.

Joten se näyttää tältä: (katso muutos 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]

Tulemme tarkastelemaan lähemmin tätä ajatusta:) Tällä hetkellä meidän täytyy oppia CSS Sprite ja se todella voi parantaa suorituskykyä (selaimet ovat välimuistin kuvia anyway). Pyydä otettu huomioon:)

[tavenger5]

BTW, tässä minä vain käyttää sen toteuttamiseksi (en käytä kaikkia 52, mutta 13 yleisin)

Muutos vbenterprisetranslator_flag edellä (sprite voi nimetä mitä tahansa - Käytin "Flags ')

Tämä kuva:
http://files.cellphoneforums.net/images/flags.png

Tämä lisätään ylimääräisiä 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]

Ymmärtääkseni korostamalla aktiivista kielenkäyttöä ei toimi enää?

Tarkastelemme vajaat että:)

[tavenger5]

aktiivinen kieli vielä korostaa -, joka käyttää tyyliä, jossa spritet käyttää luokan

[vBET]

Nice:) Meillä lopullisesti tarkistaa ne. Anyway - Ensin on paljon työtä liikkuvia suorituskyvyn parannuksia vBET4.x ja vBET3.x joka tuntuu olevan tärkeämpää juuri nyt. Mutta olla rauhallinen - olemme pyyntösi TODO lista:)

[Snake]

Olen tästä osittain töissä, mutta kaikki kuvat ovat samalla ensimmäisen lipun, on Sprite.

[vBET]

Valmis. Tuetaan seuraavassa versiossa - Kaikissa tiloissa, joissa liput ovat käytössä:)