พื้นฐาน Joomla

Domain Name and Hosting
เดินดุ่ม ๆ ไปตามผู้ให้บริการต่าง ๆ ก็เห็นมีแต่บริการออกแบบ และจัดทำ Website ให้พร้อมสรรพ แต่ถ้...

เทคนิค Joomla

การใช้ Related Articles
Related Articles คือโมดูลที่มากับ Joomla อยู่ตั้งแต่แรก หน้าที่ของมันคือแสดงลิ้งค์ของบทความที่...

แนะนำ Extension

ป้องกันสแปมด้วย Security Images
เป็นคอมโพเน้นท์สำหรับเพิ่มเติมการกลั่นกรองสิ่งต่าง ๆ ที่มาจากหน้าเว็บ เช่น การลงทะเบียน , การ...
( 45 Votes )
Dinabar Pop Up เลื่อนได้ Dinabar โมดูลลูกเล่นตัวนึงที่น่าใช้งานสำหรับการทำ Pop Up ครับ สามารถสไลด์ เลื่อนตาม Scroll Bar ได้ ซึ่งสามารถสร้างเนื้อหาของการป๊อบอัพได้ 3 ลักษณะ คือ แสดงเนื้อหาจาก Text , แสดงเนื้อหาจากรูปภาพ และ แสดงเนื้อหาจากตำแหน่งของโมดูล น่าลองครับแบบนี้

Dinabar Pop Up เลื่อนได้

จากภาพก็จะเห็นว่า มีพารามิเตอร์ที่กำหนดการแสดงผลต่อ 1 session ซึ่งหมายความว่า เมื่อมีผู้เข้าชม ก็ให้แสดงโมดูลนี้เพียง 1 ครั้ง ต่อ ระยะเวลาตลอดการเข้าชม หาก session หมดลง โมดูลนี้ก็จะแสดงผลขึ้นมาใหม่ , นอกจากนั้น ยังกำหนดได้อีกว่า โมดูล Pop Up ที่จะแสดงนั้น ให้แสดงเป็นแบบ

  • Message : แสดง Pop Up เป็นแบบข้อความ สามารถแทรกโค๊ด HTML ได้ แต่ต้องพิมพ์ลงไปเองครับ
  • Image : ถ้าแสดงเป็นแบบรูปภาพ เราสามารถทำเป็นแบนเนอร์ก็ได้ เสร็จแล้วก็เพียงอ้างอิง Path ในช่อง Image Path ให้ถูกต้องเท่านั้นเอง
  • Module : หรือจะเลือกตำแหน่งของโมดูลมาแสดงผลแทนก็ได้ เราอาจจะใช้โมดูลประเภท Custom HTML สร้างเนื้อหาขึ้นมา จัดเรียงตารางให้สวยงาม แล้วนำมาแสดงผลแทนแบบ Message ก็ได้ครับ

Dinabar Pop Up เลื่อนได้

พารามิเตอร์ที่เหลือ ก็ดังนี้ครับ

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 ด้วยนะครับ

Dinabar Pop Up เลื่อนได้

ผมไม่ได้ตกแต่งอะไรให้มันสวยงาม เพียงแค่ใส่สี ข้อความลงไปเท่านั้นเอง หากมีเนื้อหาเป็นทางการ แล้วจัดวาง Layout ให้สวยงามเหมือนเขียนบทความ มันก็จะออกมาดูดีกว่าตัวอย่างนี้แน่นอนครับ

Dinabar Pop Up เลื่อนได้

เนื้อหาที่เกี่ยวข้อง