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

วิธีการสร้าง 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. ตัวอย่างผลลัพธ์

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

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
Ubuntu เชื่อมต่อ wifi ไม่ได้ค่ะ แก้ยังไงคะ
โดย bolue พ 02 ธ.ค. 2020 5:21 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
6
12
พ 02 ธ.ค. 2020 6:55 pm โดย bolue
ใช้ sudo su ไม่ได้บน command ubuntu
โดย bolue พ 02 ธ.ค. 2020 3:25 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
27
พ 02 ธ.ค. 2020 5:20 pm โดย bolue
โปรแกรม Visio ช่วยออกแบบผังทางเดินเอกสาร
โดย Duanghathai Termtem พ 02 ธ.ค. 2020 10:51 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
24
พ 02 ธ.ค. 2020 10:51 am โดย Duanghathai Termtem
โปรแกรมทางการบัญชี โปรแกรม Express
โดย Duanghathai Termtem อ 01 ธ.ค. 2020 6:56 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
41
อ 01 ธ.ค. 2020 6:56 pm โดย Duanghathai Termtem
Flow Account คืออะไร
โดย Duanghathai Termtem อ 01 ธ.ค. 2020 5:06 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
24
อ 01 ธ.ค. 2020 5:06 pm โดย Duanghathai Termtem
การประยุกต์ใช้โปรแกรม ACL และ Microsoft Excel ช่วยในการตรวจสอบ
โดย Duanghathai Termtem อ 01 ธ.ค. 2020 3:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
41
อ 01 ธ.ค. 2020 3:20 pm โดย Duanghathai Termtem
แนวทางแก้ปัญหา php error Uncaught Error: Call to undefined function mysql_real_escape_string() in...
โดย mindphp อ 01 ธ.ค. 2020 2:13 am บอร์ด PHP Knowledge
0
21
อ 01 ธ.ค. 2020 2:13 am โดย mindphp
วิธีการเดินทางจากกระบี่มากรุงเทพมหานคร
โดย Duanghathai Termtem จ 30 พ.ย. 2020 3:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
25
จ 30 พ.ย. 2020 3:46 pm โดย Duanghathai Termtem