พื้นฐาน Joomla

การสร้าง Sub Menu
เมนูย่อยก็เป็นอีกเมนูหนึ่งที่สำคัญไม่แพ้กัน ไม่ว่าจะเป็นการสร้างเพื่อเชื่อมโยงเนื้อหา ในกลุ่ม ห...

เทคนิค Joomla

ลืม Password Admin
Password นั้น สำหรับผู้จัดทำ Website ก็จะต้องจดจำไว้หลายชุดเหลือเกิน ไหนจะมี Password สำหรับใช...

แนะนำ Extension

ซ่อนตำแหน่งโมดูลด้วย Position Ban
ใครจะไปรู้ล่ะครับ ว่าถ้าหากพิมพ์ /?tp=1 ต่อท้ายเว็บไซต์ที่ทำด้วย Joomla แล้ว จะปรากฏ Module Po...
( 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 เลื่อนได้

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