Umetnite zastave sa CSS sprite

[tavenger5]

Sam eksperimentiranje s CSS sprites u zadnje vrijeme i utvrdili da se može smanjiti na poslužitelju poziva značajno. Uz njih sve zastave mogli biti učitani odjednom umjesto jedne za drugom. To bi učinkovito uklonili 52 poziva poslužitelju. Nažalost nema jednostavan način pretvoriti zastave u sprite jer img oznake dinamički su ugrađeni u kod.

Ima neke informacije ovdje: Izrada jednostavan i koristan CSS Duhovi | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

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

Ispričavamo se za sve prijedloge u zadnje vrijeme:)

Uredi - Mislim da sam pronašao način da to učinite. Ime Sprite upravo odgovarati na naziv zastave / jezik. Neki uređivanje 'vbenterprisetranslator_flag' bi trebao raditi.

Dakle, to bi izgledati otprilike ovako: (vidi promjene u 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]

Razmotrit ćemo bliže na ovu ideju:) U ovom trenutku moramo naučiti o CSS sprite i to stvarno može poboljšati performanse (preglednici su caching slike anyway). Zahtjev staviti u obzir:)

[tavenger5]

btw, ovdje je ono što sam upravo se to treba provesti (i ne koriste svi 52, ali 13 najčešći)

Promjena vbenterprisetranslator_flag gore (duh može se preimenovati bilo - Ja sam 'zastave')

Ova slika:
http://files.cellphoneforums.net/images/flags.png

To dodaje dodatni 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]

Kao Razumijem da isticanje aktivne jezika neće raditi više?

Razmotrit ćemo zatvoriti na to:)

[tavenger5]

aktivni jezik i dalje ističe - da koristi stil u kojem sprites koristiti klasa

[vBET]

Nice:) Mi definitivno će ga provjeriti. U svakom slučaju - prvi smo puno rade s pokretnim poboljšanja u izvedbi od vBET4.x na vBET3.x koji čini se više važno upravo sada. Ali, budite mirni - mi smo vaš zahtjev na TODO listu:)

[Snake]

Ja sam to polu-radni, ali sve moje slike su isti prvi zastavu, u Sprite.

[vBET]

Gotovo. Hoće li biti podržani u sljedećem izdanju - za sva mjesta u kojima se koriste zastave:)