Responsive Post-it Note สำหรับแสดง Post-it ที่เราเขียน

แนะนำ Component , Module, plugin ที่หน้าสนใน ของ Joomla 3 ที่สามารถนำมาใช้งาน ได้

Moderator: mindphp

ภาพประจำตัวสมาชิก
jamepiyawat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 884
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

Responsive Post-it Note สำหรับแสดง Post-it ที่เราเขียน

โพสต์โดย jamepiyawat » 05/06/2019 6:50 pm

Features
1 ของรับใช้แบบอักษรจาก Google ได้หลายร้อยแบบ หรือรองรับ font ได้จากการที่เราติดตั้ง
2 ให้เป็นไปตามแบบ scc ที่เราทำได้
3 ปรับขนาด ย่อ ได้อัตโนมัติ และบันทึกได้อัตโนมัติ
4 มีตัวเลือกให้เราได้ออกแบบ
5 เลือกสีโน้ตและสีข้อความได้

เวอร์ชัน 1.3
รองรับ Joomla Update Manager

วิธีการติดตั้งและการใช้งาน Responsive Post-it Note

1.ดาวโหลด Responsive Post-it Note มาก่อน ที่นี่
2.จากนั้นไปที่หน้าของ Joomla ในฝั่งผู้ดูแลระบบ
3.จากนั้นไปที่ Extensions>Manage>Install ดังรูป

Selection_606.png
Selection_606.png (16.18 KiB) เปิดดู 253 ครั้ง


4.ทำการเลือก Responsive Post-it Note ที่เราโหลดมา

Selection_607.png
Selection_607.png (19.71 KiB) เปิดดู 253 ครั้ง

Selection_608.png
Selection_608.png (52.6 KiB) เปิดดู 253 ครั้ง


5.เมือติดตั้งสำเร็จไปที่ Extersions

Selection_610.png
Selection_610.png (9.3 KiB) เปิดดู 253 ครั้ง


6.ให้คลิกไปที่ Responsive Post-it Note

Selection_611.png
Selection_611.png (30.71 KiB) เปิดดู 253 ครั้ง


7.ที่เมนูด้านขวาเปลี่ยนเป็น Published และเลือก position ที่เราต้องการให้ Post-it ของเราแสดงขึ้น

Selection_612.png
Selection_612.png (16.57 KiB) เปิดดู 253 ครั้ง

Selection_614.png
Selection_614.png (11.46 KiB) เปิดดู 253 ครั้ง


8.เมนูนี้เราจะต้องเลือกว่าเราต้องการแสดง Post-it ของเรายังไงถ้าเราอยากจะให้แสดงทั้งหมดก็กด on all pages เลย

Selection_617.png
Selection_617.png (21.13 KiB) เปิดดู 253 ครั้ง


9.เมนูถัดมาก็จะให้เราตั้งข้า Post-it ของเราว่าจะให้เป็นสีอะไร จะให้มีเงาไหมแล้วเงาจะหนาเท่าไรเงาจะเอียงไปทางไหน เป็นต้น

Selection_620.png
Selection_620.png (21.03 KiB) เปิดดู 253 ครั้ง


10.เมนูถัดไปก็จะเป็นการตั้งค่าตัวอักษรตั้งค่า font , ขนาด , สี

Selection_619.png
Selection_619.png (17.71 KiB) เปิดดู 253 ครั้ง


11.เมนูนี้ก็จะเป็นข้อความที่เราต้องการจะแสดง

Selection_618.png


12.เสร็จแล้วก็ให้เรากด save&close

Selection_615.png


13.แล้วไปดูหน้าเว็บจะได้ ดังรูป

Selection_639.png
Selection_639.png (24.4 KiB) เปิดดู 253 ครั้ง

  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 2 และ บุคคลทั่วไป 0 ท่าน