พื้นฐาน Joomla

การสร้างชุดเมนูเพิ่ม
จากที่อ่านไปบทความที่แล้ว ว่า 1 ชุดเมนูนั้น เราสามารถสร้างเมนูลิ้งค์ได้หลายแบบ ซึ่งชุดเมนูที่ว่...

เทคนิค Joomla

แจก สคริป CHMOD Directory Permission
คงยังจำกันได้ว่า หลังการติดตั้ง Joomla เสร็จแล้ว เราจะต้องทำการ First Check ก่อน เพื่อตรวจสอบว...

แนะนำ Extension

Disable Core Registration
แปลตรงตัวก็คงหมายความว่า ปิดการลงทะเบียน คำถามที่ตามมาคือ แล้วมันต้องมีอะไรติดตั้งเพิ่มด้วยหรอ ...
( 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 เลื่อนได้

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