ការ​ប្រើ​ប្រាស់ CSS Style ជាមួយ All Flag Sprite
23 June 2017

ការ​ប្រើ​ប្រាស់ CSS Style ជាមួយ All Flag Sprite

By

Flag Sprite គឺជា Library មួយ​របស់​ភា​សា Css ​ដែល​​វា​អនុ​ញ្ញាត្តិ​​ឲ្យ​ គេហទំព័រ​អាច​​ប្រើ​​ប្រាស់ ​រូបភាព​​ទង់​ជាតិ​របស់​​ប្រទេស​និីមួយៗ​ នៅ​ទូ​ទាំង​ពិភព​លោក​បាន​​យ៉ាង​​ងាយ ​ដែល​​វា​​ដំណើរ​​ការ​តាម​បច្ចេកទេស​នៃ​ការ​​សរសេរ​​កូដ​ Image Sprite។

ភាគ​ច្រើន​ត្រូវបាន​​គេ​​ប្រើ​​ប្រាស់​​ទៅលើ​ គេហ​ទំព័រ​​ដែល​​មាន​​លក្ខណៈ​ Tourism ឬ​ ​បង្ហាញ​ Language ជាដើម ។ ​ថ្ងៃ​​នេះ​​ទស្សនាវដ្ដី​ អាន-ANT សូម​​បង្ហាញ​​លោក​អ្នក​ពីរ​បៀប​​ក្នុង​​ការ Download Flag Sprite, ការ Config និង របៀប​​ក្នុង​​ការ​​ប្រើ​​ប្រាស់ តាម​ការ​ណែ​នាំ​ខាង​ក្រោម៖

១. ការ Download Flag Sprit​e

ដើម្បី​ Download Flag Sprite បាន​សូម​លោក​អ្នក​ចូល​ទៅ​កាន់​គេហទំព័រ ​https://www.flag-sprites.com/ នឹង​ទទួល​បាន​ដូច​ខាង​ក្រោម៖

​បន្ទាប់មក​ជ្រើសរើស​យក​ប្រភេទ​ទង់ជាតិ ​ដែល​លោកអ្នក​ចង់បានរួចចុច​ទៅលើ​ប៊ូតុង Generate Sprite

ក្រោយ​ពី​បាន​ជ្រើស​រើស​រូច​ហើយ​សូម Scroll ទៅ​លើ​បន្តិច​រួច​ចុច​ប៊ូ​តុង Download .zip

២. ការ Config Flag Sprite

ក្រោយ​ពី​បាន Download រួច​ហើយ​សូម​លោក​អ្នក Extract File នោះ​លោក​អ្នក​នឹង​ទទួល​បាន  រូប​ភាព​មួយ និង file css មួយ ដូច​ខាង​ក្រោម៖

ជំហាន​បន្ទាប់​មក​ទៀត​គឺ Copy File ​ទាំងពីរ​នោះ​ទៅ​កាន់ Folderនៃ Template របស់​អ្នក

ជំហាន​ចុង​ក្រោយ​គឺ​​តម្រូវ​​​ឲ្យ​​លោក​អ្នក​​សរសេរ​​កូដ ដើម្បី​ Link Style Sheet ​ទៅកាន់​ file flags.css

៣. ការ​ប្រើ​ប្រាស់​ Flag Sprite

ក្រោយ​ពី​បាន Download និងConfig រួច​រាល់​ហើយ​លោក​អ្នក​អាច​​ប្រើ​​ប្រាស់​វា​បាន ដោយ​គ្រាន់​តែហៅ​​ឈ្មោះ​ Class ពីរគឺ flag និងflag-country ដូច​ការ​ឧទាហរណ៍​ខាង​ក្រោម៖

​លទ្ធផល​ទទួលបាន
​ចំណាំ​៖ លោកអ្នក​អាច​ពិនិត្យ​រាល់​ឈ្មោះ​កាត់របស់​ប្រទេស​នីមួយៗ​តាមរយៈ​គេហទំព័រ

https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2

ព្យាយាមគង់បាន​សម្រេច​ សូមសាកល្បងដោយខ្លួនអ្នក ! ! !

♣♣♣ រៀបរៀងអត្ថបទដោយ ៖ លោក តី សុជាតិថា

Prev Post

របៀប​បង្កើត​ឥន្ទធនូដោយ​ប្រើ Adobe Photoshop CC

Next Post

ខ្មែរយូនីកូដក្នុង Adobe CS6 (Khmer Unicode…

post-bars