សួស្ដីថ្ងៃនេះប្លក idea for khmer បានឃើញគន្លឹះមួយដែលបង្ហាញពីរបៀបដាក់
button ដែលជាភាសាខ្មែរហៅថាឆ្នុច, កាលលើកមុនខ្ញុំក៏ធ្លាប់បានបង្ហាញប៉ុន្មានម៉ូដមកហើយដូចជា ឆ្នុច CSS មានចលនាចំនួន 4 ពណ៌ និង របៀបដាក់ Button ដែលមានទ្រង់ទ្រាយដូច Google ។
នៅក្នុងគន្លឹះនេះនឹងបង្ហាញពីរបៀបដាក់ឆ្នុច ដែលមានចលនាលៀន
ហើយឆ្នុចនោះមាន 6
ពណ៌តម្រូវតាមចំណូលចិត្តលោអ្នកផងដែរ ។ សូមមើលពីរបៀបដាក់ខាងក្រោម ៖
៙
របៀបដាក់កូដឆ្នុច CSS3 មានចលនា មាន3ទំហំ មាន6ពណ៌
៖
- កត់ត្រាចូល (Log In) ចូលគណនី Blogger របស់លោកអ្នក។
- លោកអ្នកគួរតែ បម្រុងទុក Template ប្លកលោកអ្នកសិន
បង្ការក្រែងលោដាក់កូដខុស។
- ចូលទៅ Template >> Edit HTML >> Proceed (សូមមើលរូបខាងក្រោម)
- ស្វែងរកពាក្យថា <head> (បើចង់លឿនសូមចុច Ctrl+F រួចវាយពាក្យស្វែងរកក្នុងប្រអប់ស្វែងរករបស់
template Editor)។
- ចម្លងកូដ button ខាងក្រោមយកទៅបិទភ្ជាប់ ពីក្រោមពាក្យ <head> រួចចុចឆ្នុច Save temblate ដើម្បីចងចាំ។ (សូមមើលរូបខាងក្រោម)
.png)
កូដឆ្នុច CSS3 មានចលនា មាន3ទំហំ
មាន6ពណ៌
<link
type="text/css"
href="https://rafiblog.googlecode.com/svn/branches/colorcssdemo.css"
rel="stylesheet" />
៙
របៀបប្រើក្នុងអត្ថបទ ៖
- ចូលទៅក្នុងប្លករបស់លោកអ្នក
រួចសាកបើកសរសេរអត្ថបទថ្មីមួយ។
- ដោយឈរលើ HTML Edit តាប ចម្លងទម្រង់កូដ ដែលមានទម្រង់ ៖
»»»»សម្រាប់ឆ្នុចទំហំធំ
<a
href="LINK" class="large awesome">LINK NAME</a>
<a
href="LINK" class="large blue awesome">LINK
NAME</a>
<a
href="LINK" class="large pink awesome">LINK
NAME</a>
<a
href="LINK" class="large magenta awesome">LINK
NAME</a>
<a
href="LINK" class="large green awesome">LINK
NAME</a>
<a
href="LINK" class="large red awesome">LINK
NAME</a>
<a
href="LINK" class="large orange awesome">LINK
NAME</a>
<a
href="LINK" class="large yellow awesome">LINK NAME</a>
»»»»សម្រាប់ឆ្នុចទំហំមធ្យម
<a
href="LINK" class="medium awesome">LINK NAME</a>
<a
href="LINK" class="medium blue awesome">LINK
NAME</a>
<a
href="LINK" class="medium pink awesome">LINK
NAME</a>
<a
href="LINK" class="medium magenta awesome">LINK NAME</a>
<a
href="LINK" class="medium green awesome">LINK
NAME</a>
<a
href="LINK" class="medium red awesome">LINK
NAME</a>
<a
href="LINK" class="medium orange awesome">LINK
NAME</a>
<a
href="LINK" class="medium yellow awesome">LINK
NAME</a>
»»»»សម្រាប់ឆ្នុចទំហំតូច
<a
href="LINK" class="small awesome">LINK NAME</a>
<a
href="LINK" class="small blue awesome">LINK
NAME</a>
<a
href="LINK" class="small pink awesome">LINK
NAME</a>
<a
href="LINK" class="small magenta awesome">LINK
NAME</a>
<a
href="LINK" class="small green awesome">LINK
NAME</a>
<a
href="LINK" class="small red awesome">LINK
NAME</a>
<a
href="LINK" class="small orange awesome">LINK
NAME</a>
<a
href="LINK" class="small yellow awesome">LINK
NAME</a>
យើងត្រូវដូរកូដនៅត្រង់
៖
- LINK : សម្រាប់តំណភ្ជាប់។
- LINK NAME
: ឈ្មោះតំណភ្ជាប់
ឬ ពាក្យក្នុងឆ្នុច (button)។
-
class=" : គឺជាប្រភេទឆ្នុច
(3 ទំហំ និង 6
ពណ៌)។