Load ng mga flag sa isang css engkanto

[tavenger5]

Ako ay eksperimento sa css sprites kani-kanina lamang at natagpuan na maaaring magbawas sa tawag ng server makabuluhang. Sa kanila ang lahat ng mga flag mai-load nang sabay-sabay sa halip na isa-isa. Ito ay mabisa alisin ang mga 52 tawag server. Sa kasamaang palad walang madaling paraan na i-convert ang mga flag sa isang engkanto dahil ang img tag ay dynamic na binuo sa code.

May ang ilang mga impormasyon dito: Paglikha ng mga madali at kapaki-pakinabang na Sprites CSS | CSS Globe

CSS Sprites generator

Paumanhin para sa lahat ng mga mungkahi kanina lamang

I-edit - tingin ko nahanap ko ang isang paraan upang gawin ito. Ang pangalan ng engkanto ay tumutugma sa ang pangalan ng flag / wika. Ilang pag-edit ng 'vbenterprisetranslator_flag' ay dapat na gumagana.

Kaya ito ay tumingin ng isang bagay tulad nito: (makita ang pagbabago sa 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]

Titingnan namin ang mas malapit sa ito ideya Sa sandaling ito kami ay may upang malaman ang tungkol sa css engkanto at ang talagang ay maaaring mapabuti ang pagganap (browser ay caching ng mga imahe pa rin). Kahilingan ilagay-alang

[tavenger5]

btw, dito ay kung ano ko lang ginamit upang ipatupad ito (hindi ko gamitin ang lahat ng 52, ngunit sa 13 pinaka-karaniwang)

Ang pagbabago sa vbenterprisetranslator_flag sa itaas (engkanto ay maaaring palitan ang pangalan anumang - ginamit ko ang 'flag')

Ang imahe na ito:


Ito ay idinagdag sa dagdag na 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]

Bilang ko maintindihan highlight aktibo wika ay hindi gagana ngayon?

Titingnan namin malapit sa na

[tavenger5]

aktibo highlight pa rin ang wika - na gumagamit ng isang estilo na kung saan ang mga sprites ay gumagamit ng isang klase

[vBET]

Maganda Namin definitively suriin ito. Pa rin - unang kami ay may maraming trabaho sa paglipat ng mga pagpapabuti ng pagganap mula vBET4.x sa vBET3.x kung saan tila mas mahalaga sa ngayon. Ngunit kalmado - namin ang iyong kahilingan sa TODO listahan

[Snake]

Mayroon akong na ito semi-nagtatrabaho, ngunit lahat ng aking mga imahe ay ang parehong unang flag, sa engkanto.

[vBET]

Tapos na. Ay suportado sa susunod na release - para sa lahat ng mga lugar kung saan ang mga flag ay ginagamit