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

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

Moderator: mindphp

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

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

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

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) Viewed 3108 times
4.ทำการเลือก Responsive Post-it Note ที่เราโหลดมา
Selection_607.png
Selection_607.png (19.71 KiB) Viewed 3108 times
Selection_608.png
Selection_608.png (52.6 KiB) Viewed 3108 times
5.เมือติดตั้งสำเร็จไปที่ Extersions
Selection_610.png
Selection_610.png (9.3 KiB) Viewed 3108 times
6.ให้คลิกไปที่ Responsive Post-it Note
Selection_611.png
Selection_611.png (30.71 KiB) Viewed 3108 times
7.ที่เมนูด้านขวาเปลี่ยนเป็น Published และเลือก position ที่เราต้องการให้ Post-it ของเราแสดงขึ้น
Selection_612.png
Selection_612.png (16.57 KiB) Viewed 3108 times
Selection_614.png
Selection_614.png (11.46 KiB) Viewed 3108 times
8.เมนูนี้เราจะต้องเลือกว่าเราต้องการแสดง Post-it ของเรายังไงถ้าเราอยากจะให้แสดงทั้งหมดก็กด on all pages เลย
Selection_617.png
Selection_617.png (21.13 KiB) Viewed 3108 times
9.เมนูถัดมาก็จะให้เราตั้งข้า Post-it ของเราว่าจะให้เป็นสีอะไร จะให้มีเงาไหมแล้วเงาจะหนาเท่าไรเงาจะเอียงไปทางไหน เป็นต้น
Selection_620.png
Selection_620.png (21.03 KiB) Viewed 3108 times
10.เมนูถัดไปก็จะเป็นการตั้งค่าตัวอักษรตั้งค่า font , ขนาด , สี
Selection_619.png
Selection_619.png (17.71 KiB) Viewed 3108 times
11.เมนูนี้ก็จะเป็นข้อความที่เราต้องการจะแสดง
Selection_618.png
12.เสร็จแล้วก็ให้เรากด save&close
Selection_615.png
13.แล้วไปดูหน้าเว็บจะได้ ดังรูป
Selection_639.png
Selection_639.png (24.4 KiB) Viewed 3108 times
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 32