Hlaða fánar með CSS Sprite

[tavenger5]

Ég hef verið að gera tilraunir með CSS sprites undanfarið og komist að því að það getur skorið niður á símtölum miðlara verulega. Með þeim öllum flöggum gæti verið hlaðinn í einu í stað þess að einn eftir annan. Þetta myndi í raun koma í veg fyrir 52 miðlara símtöl. Því miður er engin auðveld leið til að breyta fánar í Sprite frá IMG tags eru mjög virk byggð í kóðann.

There 'sumir upplýsa hér: Búa auðvelt og gagnlegar CSS sprites | Css Globe

CSS sprites rafall

Því miður fyrir alla uppástungur undanfarið

Breyta - ég held ég fann leið til að gera það. Nafnið á Sprite hefur bara að passa við nafn fána / tungumál. Sumir útgáfa af 'vbenterprisetranslator_flag "ætti að virka.

Þannig að það myndi líta eitthvað eins og this: (sjá breytingar á 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]

Við munum líta betur á þessa hugmynd Á þessari stundu verðum við að læra um CSS Sprite og er það í raun hægt að bæta frammistöðu (vafrar eru flýtiminni myndir hvort eð er). Beiðni setja í huga

[tavenger5]

BTW, hér er það sem ég nota bara til að framkvæma hana (Ég nota ekki alla 52, en 13 algengustu)

Breytingin á vbenterprisetranslator_flag ofan (Sprite er hægt að endurnefna allt - ég notaði "fánar ')

Þessi mynd:


Þetta bætist við auka 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]

Eins og ég skil áherslu virkt tungumál mun ekki virka lengur?

Við munum líta loka á það

[tavenger5]

Virka Tungumál hápunktur enn - sem notar stíl þar sprites nota bekk

[vBET]

Nice Við endanlega mun athuga það. Engu að síður - fyrstu við höfum mikla vinnu við að færa á árangri af vBET4.x til vBET3.x sem virðist vera meira máli núna. En vera logn - við höfum beiðni á TODO listanum

[Snake]

Ég hef þetta hálf-vinnandi, en allar myndirnar mínar eru þau sömu fyrsta fána í Sprite.

[vBET]

Lokið. Verður stutt í næstu útgáfu - til að öllum stöðum þar sem fánar eru notuð