PDA

Tingnan ang Buong Bersyon: Nagagawa Load ng mga flag sa isang css engkanto



tavenger5
17-03-10, 16:54
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 (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

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

Paumanhin para sa lahat ng mga mungkahi sa kani-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
17-03-10, 19:50
Titingnan namin ng mas malapit sa ideya:) Sa sandaling ito kami ay may upang malaman ang tungkol css engkanto at ang talagang ay maaaring mapabuti ang pagganap (browser ay caching ng mga imahe pa rin). Kahilingan ilagay sa pagsasaalang-alang:)

tavenger5
17-03-10, 20:57
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:
http://files.cellphoneforums.net/images/flags.png

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
17-03-10, 21:31
Bilang ko maintindihan highlight aktibo wika ay hindi gagana ngayon?

Titingnan namin malapit sa na:)

tavenger5
17-03-10, 22:13
aktibo highlight pa rin ang wika - na gumagamit ng isang estilo na kung saan ang mga sprites ay gumagamit ng isang klase

vBET
19-03-10, 02:07
Nice:) definitively kami ay 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
29-04-10, 23:19
Mayroon akong na ito semi-nagtatrabaho, ngunit lahat ng aking mga imahe ay ang parehong unang flag, sa engkanto.

vBET
11-06-10, 01:22
Tapos na. Ay suportado sa susunod na release - para sa lahat ng mga lugar kung saan ang mga flag ay ginagamit:)

Automatic Translations (Powered by Google, Microsoft®, Yandex, SDL Language Cloud, IBM Watson and Apertium):
AfrikaansAlbanianArabicBelarusianBulgarianCatalanChineseCroatianCzechDanishDutchEnglishEstonianFilipinoFinnishFrenchGalicianGermanGreekHaitian CreoleHebrewHindiHungarianIcelandicIndonesianIrishItalianJapaneseKoreanLatvianLithuanianMacedonianMalayMalteseNorwegianPersianPolishPortugueseRomanianRussianSerbianSlovakSlovenianSpanishSwahiliSwedishTaiwaneseThaiTurkishUkrainianVietnameseWelshYiddish
Thanks to vBET 4.10.1 you can enjoy automatic translations