วันพฤหัสบดีที่ 10 กุมภาพันธ์ พ.ศ. 2554

ทำหน้าต่างป๊อบอัพด้วย Moopopup


โมดูลทำหน้าต่างป๊อบอัพแบบว่าพอเวลาเข้าเว็บแล้วหน้าต่างนี้จะโผล่ขึ้นมาและมีปุ่มให้กด ปิดหน้าต่างนั้น ค้นหาใน google ก็เจอโมดูลนี้เข้าให้ เป็นของ templateplazza.com แจกให้ใช้กันฟรี ๆ มีทั้งที่ใช้กับ joomla 1.0.x และ joomla 1.5.x หน้าตาของโมดูล ดังรูปด้านบนครับ




compat_10 compat_15_native ext_mod

การใช้งานทำการดาวน์โหลดโมดูลตามเวอร์ชั่นของ joomla ที่ใช้งานจากนั้นติดตั้งแบบปกติ (หากต้องการศึกษาเรื่องการติดตั้ง extensions เพิ่มเติมที่นี่)
เมื่อติดตั้งเสร็จก็มาที่ module manager (admin menu >> extensions >> module manager) หารโมดูลที่ชื่อ TP Moo Pop Up มาปรับแต่งกันนิดหน่อยก็ใช้งานได้

โมดูลพารามิเตอร์


- Pop Up Message ข้อความสำหรับแสดงในหน้า pop up ใส่เป็นโค๊ด html ได้
- Width, Height กำหนดความกว้าง ความสูงของหน้าต่าง pop up
- Button Title ข้อความบนปุ่มกดปิด (ไม่ควรเปลี่ยนเพราะเปลี่ยนแล้วหน้าต่าง pop up ไม่ยอมขึ้น? ลองแล้ว!)
- Box Title ข้อความบนหัวหน้าต่าง pop up
- Fade Speed ความเร็วในการเลือนหาย กรณีปิดหน้าต่างแล้วหน้าต่าง popup ค่อย ๆ เลือนหาย
- Draggable Box กำหนดให้แดรกเมาส์ (คลิ๊กแล้วลาก)เลื่อนหน้าต่างได้หรือไม่
- Set Cookie กำหนดให้ใช้คุ๊กกี้หรือไม่
- Cookie Time เวลาคุ๊กกี้หมดอายุ (วินาที)
- Display Moo PopUp on เลือกเบราเซอร์ all browserคือทุกเบราเซอร์
- Display Moo PopUp on specific Itemid กำหนดการแสดงหน้าต่าง pop up ที่ไหนบ้าง เช่น 1 ก็จะแสดงเฉพาะหน้าแรกเท่านั้น (1,2,3) แสดงกี่หน้าตามลำดับ anywhere กำหนดแสดงทุกหน้า
- Select Style เลือก Style
- Select Viewer กำหนดสิทธิในการมองเห็น
จากนั้นทำการ enable โมดูล โดยกำหนด Show Title เป็น no

มี Style ให้เลือก 6 Style

 

 

 


สำหรับท่านใดที่อยากเอาตรงนี้ออก



ให้เข้าไปแก้ไขในส่วนของรูปที่ modules/mod_moopopup/moopopup/images
bg_head.jpg, bg_head2.png, bg_head3.png, bg_head4.png, bg_head5.png


ลบส่วนท้ายออกด้วยโปรแกรม photoshop หรือโปรแกรมอื่น ๆ ที่ใช้แก้ไขรูปได้ตามแต่ถนัดของแต่ละท่าน

ไม่มีความคิดเห็น:

แสดงความคิดเห็น