15 เมษายน 2010 ผู้ชม: 13796
 Dinabar โมดูลลูกเล่นตัวนึงที่น่าใช้งานสำหรับการทำ Pop Up ครับ สามารถสไลด์ เลื่อนตาม Scroll Bar ได้ ซึ่งสามารถสร้างเนื้อหาของการป๊อบอัพได้ 3 ลักษณะ คือ แสดงเนื้อหาจาก Text , แสดงเนื้อหาจากรูปภาพ และ แสดงเนื้อหาจากตำแหน่งของโมดูล น่าลองครับแบบนี้ |
จากภาพก็จะเห็นว่า มีพารามิเตอร์ที่กำหนดการแสดงผลต่อ 1 session ซึ่งหมายความว่า เมื่อมีผู้เข้าชม ก็ให้แสดงโมดูลนี้เพียง 1 ครั้ง ต่อ ระยะเวลาตลอดการเข้าชม หาก session หมดลง โมดูลนี้ก็จะแสดงผลขึ้นมาใหม่ , นอกจากนั้น ยังกำหนดได้อีกว่า โมดูล Pop Up ที่จะแสดงนั้น ให้แสดงเป็นแบบ
- Message : แสดง Pop Up เป็นแบบข้อความ สามารถแทรกโค๊ด HTML ได้ แต่ต้องพิมพ์ลงไปเองครับ
- Image : ถ้าแสดงเป็นแบบรูปภาพ เราสามารถทำเป็นแบนเนอร์ก็ได้ เสร็จแล้วก็เพียงอ้างอิง Path ในช่อง Image Path ให้ถูกต้องเท่านั้นเอง
- Module : หรือจะเลือกตำแหน่งของโมดูลมาแสดงผลแทนก็ได้ เราอาจจะใช้โมดูลประเภท Custom HTML สร้างเนื้อหาขึ้นมา จัดเรียงตารางให้สวยงาม แล้วนำมาแสดงผลแทนแบบ Message ก็ได้ครับ
พารามิเตอร์ที่เหลือ ก็ดังนี้ครับ
A. ให้แสดงถัดจากด้านบน หรือ ด้านล่างของบราวเซอร์
B. ถ้าแสดงด้านบน ให้มีระยะห่างจากด้านบนกี่พิกเซล ด้านล่างก็เช่นเดียวกัน
C. ระยะห่างจากด้านซ้ายกี่พิกเซล
D. สีพื้นหลัง
E. ความกว้างของ Pop Up สามารถกำหนดเป็นพิกเซล หรือ เปอร์เซ็นต์ได้
F. ความกว้างของเส้นขอบ Pop Up
G. สีของเส้นขอบ
H. ประเภทของเส้นขอบ แบบเส้นทึบ หรือ เส้นจุดประ
I. แสดงข้อความลิ้งค์สำหรับปิด Pop Up ด้วยหรือไม่
J. ข้อความสำหรับปิด Pop Up
K. ขนาดตัวอักษรข้อความสำหรับปิด Pop Up
L. สีของข้อความสำหรับปิด Pop Up
M. ตำแหน่งของข้อความสำหรับปิด Pop Up
Pop Up นี้ จะเลื่อนขึ้น ลง ตาม Scroll Bar ด้วยนะครับ
ผมไม่ได้ตกแต่งอะไรให้มันสวยงาม เพียงแค่ใส่สี ข้อความลงไปเท่านั้นเอง หากมีเนื้อหาเป็นทางการ แล้วจัดวาง Layout ให้สวยงามเหมือนเขียนบทความ มันก็จะออกมาดูดีกว่าตัวอย่างนี้แน่นอนครับ
| ← แสดงลิส QCategories | สร้างลิ้งค์ Linkr → |
|---|
