ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

วิธีการสร้าง Feature Box

วิธีการสร้าง Feature Box
Feature Box

 

     Feature Box จะเป็นการสร้างกล่องข้อความ ที่ใช้ในการแนะนำฟีเจอร์ของโปรแกรมหรือระบบต่างๆ โดยที่ภายในกล่องข้อความนั้นจะประกอบไปด้วย Icon หรือรูปภาพประกอบฟีเจอร์ ซึ่งรูปภาพที่ใช้นั้นควรจะสื่อถึงฟีเจอร์แต่ละตัวด้วย เช่น ระบบของเรามีฟีเจอร์ในการแจ้งเตือนข้อมูลไปยังอีเมล์ ดังนั้น Icon ที่เราจะเลือกใช้ก็อาจจะเป็น Icon อีเมล์ นั่นเองค่ะ ทั้งนี้ก็เพื่อให้ผู้อ่านสามารถเข้าใจและมองเห็นภาพได้ง่ายมากขึ้น และในส่วนด้านล่างของ Icon นั้นจะเป็นข้อความสำหรับอธิบายการใช้งานหรือความสามารถของฟีเจอร์แต่ละตัว สำหรับในบทความนี้เราจะมาแนะนำวิธีการสร้าง Feature Box ไปดูกันเลยค่ะว่ามีวิธีการอย่างไรบ้าง 

 

วิธีการสร้าง Feature Box

1. ในขั้นตอนแรกให้ทำการดาวน์โหลด Icon ที่ต้องการใช้งานมาก่อน โดยเลือกใช้ Icon ที่เหมาะสมและเกี่ยวข้องกับฟีเจอร์ของระบบ

 

2. ตัวอย่าง code สำหรับใส่ Icon

เมื่อทำการดาวน์โหลด Icon มาแล้ว ให้นำ code ด้านล่างไปใส่ โดยเปลี่ยน path รูป และปรับขนาดของ Icon ได้ตามที่ต้องการ

<class="step1naja" style="overflow: unset;">
class="span4" style="margin-left: 0px;">
class="step2naja" style="background-color: white; padding-left: 5px; padding-right: 5px; border: 1px solid #ccc; border-radius: 6px; margin-bottom: 10px; margin-top: 2px;">
class="step3naja" style="padding-right: 10px; padding-left: 10px; margin-top: 10px;">
class="step4naja">

 

3. ตัวอย่าง code การใส่หัวข้อของฟีเจอร์แต่ละตัว

class="step5naja" style="border-top: 1px solid; margin-top: 5px; margin-bottom: 5px; text-align: center;">กำหนดหมวดหมู่สินค้าที่ต้องการแสดง

 

4. ตัวอย่าง code การใส่ข้อความอธิบายฟีเจอร์ (ความสามารถของฟีเจอร์)

class="step5naja" style="margin-top: 5px; margin-bottom: 5px; text-align: center;">

สามารถกำหนดหมวดหมู่สินค้าที่ต้องการให้แสดงได้ โดยสามารถเลือกกลุ่มสินค้าที่ต้องการได้ เช่น สินค้าลดราคา, สินค้าที่ขายล่าสุด

 

5. ตัวอย่างผลลัพธ์

กำหนดหมวดหมู่สินค้าที่ต้องการแสดง

สามารถกำหนดหมวดหมู่สินค้าที่ต้องการให้แสดงได้ โดยสามารถเลือกกลุ่มสินค้าที่ต้องการได้ เช่น สินค้าลดราคา, สินค้าที่ขายล่าสุด

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - บริษัท approve ประวัติที่ส่งมาสมัครเเล้ว เเต่ยังแสดงสถานะเดิมอยู่
โดย thatsawan อ 26 พฤษภาคม 2020 6:27 pm บอร์ด Odoojob.com - Tester
0
4
อ 26 พฤษภาคม 2020 6:27 pm โดย thatsawan
อยากทราบวิธีการแก้ไข ภาษาไทยกลายอักษรแปลกๆ
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 4:35 pm บอร์ด Programming - PHP
1
22
จ 25 พฤษภาคม 2020 5:43 pm โดย thatsawan
อยากทราบวิธีการ แบบคอลัมเป็น 3 คอลีม โดยใช้ tag <dl>
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 11:56 am บอร์ด HTML CSS
1
28
จ 25 พฤษภาคม 2020 2:42 pm โดย thatsawan
บันทึกประชุม มารียา ซีฟู้ดส์
โดย thatsawan จ 25 พฤษภาคม 2020 11:40 am บอร์ด มารียา ซีฟู้ดส์ (Main)
0
1
จ 25 พฤษภาคม 2020 11:40 am โดย thatsawan
10 สุดยอดสตรีทฟู้ดในแอฟริกาตะวันตก
โดย Anonymous อ 24 พฤษภาคม 2020 9:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
42
จ 25 พฤษภาคม 2020 8:03 pm โดย ขุนพล ตั้นตระกูล
ข้อมูลสำหรับทำระบบ
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
0
3
อ 24 พฤษภาคม 2020 4:07 am โดย mindphp
อัพเดดความคืบหน้า / Progress - มารียา ซีฟู้ดส์
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
0
3
อ 24 พฤษภาคม 2020 4:07 am โดย mindphp
อัพเดด Template เว็บไซต์ FDD (V2)
โดย mindphp อ 24 พฤษภาคม 2020 3:51 am บอร์ด FDD (Main)
0
1
อ 24 พฤษภาคม 2020 3:51 am โดย mindphp
R - ปรับกราฟฟิก ของเว็บ FDD
โดย mindphp อ 24 พฤษภาคม 2020 3:50 am บอร์ด FDD (Main)
0
2
อ 24 พฤษภาคม 2020 3:50 am โดย mindphp
ความคืบหน้า / Progress
โดย mindphp อ 24 พฤษภาคม 2020 3:46 am บอร์ด FDD (Main)
1
3
อ 26 พฤษภาคม 2020 8:18 am โดย mindphp
VDO - SP Page builder
โดย numtan5839 ศ 22 พฤษภาคม 2020 6:27 pm บอร์ด SP Page Builder Thai Edition - Manual & VDO & เทคนิคการใช้งาน
1
7
ศ 22 พฤษภาคม 2020 7:00 pm โดย mindphp
วิธีการใช้ Google Tasks แอพจัดการบันทึกสิ่งที่ต้องทำ
โดย sirirat ศ 22 พฤษภาคม 2020 11:04 am บอร์ด Share Knowledge
0
62
ศ 22 พฤษภาคม 2020 11:04 am โดย sirirat
งานประจำวันที่ 22 พฤษภาคม 2563
โดย sirirat ศ 22 พฤษภาคม 2020 10:10 am บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
1
15
ศ 22 พฤษภาคม 2020 11:22 am โดย numtan5839
สรุปการเรียนรู้ประจำวัน 21/05/63
โดย sirirat ศ 22 พฤษภาคม 2020 10:08 am บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
0
3
ศ 22 พฤษภาคม 2020 10:08 am โดย sirirat
รายงานความคืบหน้า / Process
โดย mindphp ศ 22 พฤษภาคม 2020 1:07 am บอร์ด SP Page Builder Thai Edition (Main)
1
3
ศ 22 พฤษภาคม 2020 1:34 am โดย mindphp
ส่ง site map ให้ google แต่ไม่โชว์ในเมนูบนเว็บเรา จะมีผลอะไรกับเว็บไหมครับ
โดย toonytoony2004 พฤ 21 พฤษภาคม 2020 10:17 pm บอร์ด Joomla Development
6
94
ส 23 พฤษภาคม 2020 10:56 pm โดย toonytoony2004
B - เวลาของบอร์ดไม่ตรงเวลาไทย
โดย thatsawan พฤ 21 พฤษภาคม 2020 5:19 pm บอร์ด Odoojob.com - Tester
0
2
พฤ 21 พฤษภาคม 2020 5:19 pm โดย thatsawan
(Close)B - ข้อความแนะนำตัว ของผู้สมัครไม่แสดงใน บริษัทที่เปิดรับ
โดย thatsawan พฤ 21 พฤษภาคม 2020 5:18 pm บอร์ด Odoojob.com - Tester
2
5
อ 26 พฤษภาคม 2020 6:22 pm โดย thatsawan
R - [email Formart-หาคน] เเจ้งเมื่อมีคนสมัครงานใน Odoojob
โดย thatsawan พฤ 21 พฤษภาคม 2020 5:12 pm บอร์ด Odoojob.com - Manual & Content
0
1
พฤ 21 พฤษภาคม 2020 5:12 pm โดย thatsawan
B - บริษัทหาคน ต้องการเปลี่ยน Email รับสมัครงานหาทางเข้าไม่เจอ
โดย thatsawan พฤ 21 พฤษภาคม 2020 5:07 pm บอร์ด Odoojob.com - Tester
0
3
พฤ 21 พฤษภาคม 2020 5:07 pm โดย thatsawan