For Android device For iOS device
១៩
កុម្ភៈ

គន្លឹះនិងល្បិចអំពីរបៀប​បង្កើត Fixed SideBar នៅ​ក្នុង HTML & CSS

 រៀបរៀងអត្ថបទដោយ៖ លោក រ៉ាន់ ប៊ុនផេង

សួស្តីអ្នក​ទាំងអស់​គ្នា តើអ្នក​ទាំងអស់​គ្នា​មាន​បញ្ហា​ទាក់ទងនឹង​ការ​បង្កើត Menu ជា​ប្រភេទ Fixed SideBar មែនទេ? ។  ឥឡូវនេះ​ខ្ញុំ​នឹង​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា​ឲ្យ​បានដឹង​អំពី​ចំណុច​សំខាន់​ៗ​ដែល​អ្នក​ទាំងអស់​គ្នា​មិនទាន់​បានដឹងពីមុនអំពីរបៀប​បង្កើត Fixed Sidebar ​ដែល​មាន នៅ​ក្នុង​ HTML & CSS ។ ដើម្បី​កុំ​ឲ្យ​ខាតពេលយូរ យើងអាចមើល​ទៅលើ​លទ្ធផល ឧទាហរណ៍ និង code នៅ​ក្នុង​រូបភាព​ខាងក្រោម ៖

​លទ្ធផល​កូដ

 ពន្យល់កូHTML

​នៅពេល​ដែល​យើងចុច Run File index.html នៅលើ​ផ្ទាំង Browser អ្នកនឹងឃើញ​លទ្ធផល​ដូចរូប​ខាងលើ

- នៅបន្ទាត់ទី៦ គេ​ប្រើ <meta> tag ដើម្បី​កំណត់​ប្រភេទ​ Device Responsive with CSS ប៉ុណ្ណោះ

- នៅបន្ទាត់ទី៧ គឺគេ​ប្រើ​<Link> tag ដើម្បី​តភ្ចាប់ពី HTML ទៅ CSS

- នៅបន្ទាត់ទី៩នឹង ១០ គឺគេ​ប្រើ​<Link> tag ដែរ ដើម្បី​ហៅ​ប្រភេទ​នៃ Font-Awesome ពី Browser មក​ប្រើ​នៅ​ក្នុង HTML

នៅបន្ទាត់ទី១៣ គឺគេ​ប្រើ Class Sidebar ដើម្បី​ក្តោប​ទៅលើ​ប្រភេទ​នៃ Menu bar ​ទាំងអស់​

- នៅបន្ទាត់ទី១៤ ដល់ ១៩ គេ​ប្រើ tag <a> ដើម្បី​បង្ហាញ​ប្រភេទ​នៃ Menu bar

-  នៅបន្ទាត់ទី២១ គេ​ប្រើ Class Contain ដើម្បី​ក្តោប​ទៅលើ​ប្រភេទ​នៃអក្សរ​ទាំងអស់ tag <h1> & <p>

→ ពន្យល់កូCSS

- នៅបន្ទាត់ទី៧ របស់ File CSS គឺគេ​ប្រើ Class Sidebar ដើម្បី​ក្តោប​ទៅលើ​ប្រភេទ​នៃ Menu bar ​ទាំងអស់ ។ នៅ​ក្នុង Class .Sidebar នៅបន្ទាត់ទី១១ គេ Property Position: Fixed; ដើម្បី​ឲ្យ Content របស់ Sidebar នៅជាប់មួយកន្លែង ។ ហើយនៅបន្ទាត់ទី១៣ ១៤ នឹង ១៥ គេ​ប្រើ Padding: 0px; Left:0px; top:0px; ដើម្បី​មិន​ឲ្យ​មានគម្លាតរវាង Content Sidebar នឹង Body Screen

- នៅបន្ទាត់ទី៣២ គេ​ប្រើ Class .sidebar a:hover:not (.active) ដើម្បី Hover ​ទៅលើ tag <a> ​នីមួយៗ ។ ហើយចំពោះ not (.active) គេ​ប្រើ ដើម្បី​មិន​ឲ្យ Class .active នៅ​ក្នុង tag <a> ​ខាងលើ​មិន​ឲ្យ Hover

→ ​សម្រាប់ Link Download កម្មវិធី​ផ្សេងទៀត​សម្រាប់ Android https://play.google.com/store/apps/developer?id=ANT+Mag

 ​សម្រាប់ Link Download កម្មវិធី​ផ្សេងទៀត​សម្រាប់​ iOS http://www.antclasses.com/help/page/download.html

♦ វគ្គ Website Design with CSS + Bootstrap ​តម្លៃ ៨០ដុល្លា Website Design with CSS + Bootstrap

​♦ សម្រាប់​ព័ត៌មាន​ទំនាក់ទំនងមកយើង​ខ្ញុំ ៖  លេខ​ទូរសព្ទ ០១០ / ០១៦ ៦៦៦ ៦៥៣

ឬ Facebook: https://www.facebook.com/anttrainning

Facebook Page: ANT Magazine

Facebook Group: https://www.facebook.com/groups/ANTTrGroup/

website: www.antkh.com

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា