Luchtaigh bratacha le Sprite CSS

[tavenger5]

Tá mé ag turgnamh le sprites CSS lately agus fuarthas amach gur féidir é a ghearradh síos ar ghlaonna fhreastalaí go suntasach. Leo d'fhéadfadh go léir na brait a luchtú ag an am céanna in áit amháin i ndiaidh a chéile. Bheadh sé seo deireadh go héifeachtach glaonna 52 freastalaí. Ar an drochuair, níl aon bhealach éasca a thiontú ar an bratach ina Sprite ó na clibeanna img dinimiciúil a tógadh sa chód.

Níl roinnt eolais anseo: Cruthú éasca agus úsáideach Sprites CSS | CSS Cruinneog (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites gineadóir (http://csssprites.com/)

Tá brón orm do na moltaí lately:)

Edit - I mo thuairimse, fuair mé amach ar bhealach a dhéanamh air. Ainm an Sprite tá díreach a fhreagraíonn do ainm an bhratach / teanga. Ba chóir eagarthóireacht roinnt de na 'vbenterprisetranslator_flag' oibre.

Mar sin, bheadh sé cuma rud éigin mar seo: (féach an t-athrú i 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]

Beimid ag breathnú níos dlúithe ar an smaoineamh seo:) Ag an nóiméad ní mór dúinn chun foghlaim faoi CSS Sprite agus a dhéanann sé i ndáiríre is féidir feabhas a chur ar fheidhmíocht (bhrabhsálaithe go bhfuil íomhánna caching aon nós). Iarratas a chur san áireamh:)

[tavenger5]

btw, is anseo cad a úsáid mé díreach tar éis a chur i bhfeidhm (ní féidir liom a úsáid gach 52, ach ar an 13 is coitianta)

An t-athrú a vbenterprisetranslator_flag thuas (Is féidir Sprite Athainmnítear cibé - úsáid mé 'bratach')

An íomhá seo:
http://files.cellphoneforums.net/images/flags.png

Seo a leanas le breise 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]

Ní bheidh mar a thuigim béim teanga gníomhach ag obair níos mó?

Beimid ag súil ghéar ar a leanas:)

[tavenger5]

teanga gníomhach chun suntais go fóill - go n-úsáideann stíl nuair a úsáid sprites aicme

[vBET]

Nice:) Táimid beidh seiceáil go cinntitheach é. Mar sin féin - an chéad ní mór dúinn go leor oibre le gluaiseacht feabhsuithe feidhmíochta ó vBET4.x go vBET3.x atá cosúil a bheith níos tábhachtaí anois. Ach a bheith socair - ní mór dúinn d'iarratas ar liosta TODO:)

[Snake]

Tá mé an leath-oibre, ach is léir go bhfuil mo chuid íomhánna an bhratach chéanna den chéad uair, sa Sprite.

[vBET]

Arna dhéanamh. An mbeidh tacaíocht a scaoileadh amach romhainn - do gach áit ina bratach úsáidtear:)