ขอวิธีทำช่องค้นหาที่อยู่บนรูป

ถามตอบ ปัญหาการพัฒนา Extension ไม่ว่าจะเป็น Module plugin Component หรือ แม้แต่ template การปรับแต่งโค้ด Joomla ต่างๆ ทุกเวอร์ชั่น 1.5 2.5 หรือ 3.x

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
eange08
PHP VIP Members
PHP VIP Members
โพสต์: 16010
ลงทะเบียนเมื่อ: 22/12/2020 10:09 am

ขอวิธีทำช่องค้นหาที่อยู่บนรูป

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

อยากขอวิธีทำช่องค้นหาที่อยู่บนรูปแบบนี้ต้องใช้ module อะไรค่ะ
Joomla Development-1.png
Joomla Development-1.png (574.42 KiB) Viewed 1273 times
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21905
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: ขอวิธีทำช่องค้นหาที่อยู่บนรูป

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

สร้าง block ของ position ใน template แล้วกำหนด css ใส่ background-image เป็นพื้นหลังไป

จากนั้นก็ใช้ module ที่เป็นตัวค้นหา มาวางทับครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ภาพประจำตัวสมาชิก
eange08
PHP VIP Members
PHP VIP Members
โพสต์: 16010
ลงทะเบียนเมื่อ: 22/12/2020 10:09 am

Re: ขอวิธีทำช่องค้นหาที่อยู่บนรูป

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

เอามาทับซ้อนได้แล้วนะคะ แต่ติดตรงที่รูปพื้นหลังมันแสดงหลายรูปๆ อยากให้แสดงรูปเดียวเลยนะคะ
screenshot-localhost-2021.03.19-15_48_22.png
ส่วนของตัวพื้นหลัง
Joomla Development-1.png
Joomla Development-1.png (33.52 KiB) Viewed 1260 times
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21905
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: ขอวิธีทำช่องค้นหาที่อยู่บนรูป

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

css ที่ต้องใช้เพิ่มเติมครับ

- background-repeat กำหนดเป็น no-repeat เพื่อไม่ให้แสดงภาพซ้ำ
- background-size กำหนดเป็น cover เพื่อจัดภาพให้พอดีกับพื้นที่
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ตอบกลับโพส

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

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