พื้นฐาน Joomla

การใช้ phpMyAdmin
phpMyAdmin เป็น Web Application (เว็บแอพพลิเชั่น) ชนิดหนึ่ง ใช้งานผ่านเว็บบราวเซอร์ มีความสาม...

เทคนิค Joomla

Modify ได้อย่างใจ ตอนที่ 3 เปลี่ยนหน้า Offline Page
นานแล้วครับที่เรายังใช้หน้า Offline ของ Joomla เป็นแบบเดิม ๆ กันอยู่ หากเราทำการตั้งค่า Site Of...

แนะนำ Extension

Advanced Module Manager
ส่วนตัวผมในบรรดาปลั๊กอินทั้งหลาย ผมยกให้มันเป็นปลั๊กอินวิเศษเลยล่ะครับ สิบปากว่าไม่เท่าเอามาใช้...
( 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 เลื่อนได้

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