อยากให้ Modules: Menu แสดงเมนูเป็นแนวยาวครับ

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

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

User avatar
jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1469
Joined: 21/05/2019 10:45 am

อยากให้ Modules: Menu แสดงเมนูเป็นแนวยาวครับ

Post by jamepiyawat » 14/08/2019 3:04 pm

พอดีว่าผมได้สร้าง Modules: Menu ขึ้นมาแล้ว Menu นี้มี Menu Items 5 ตัวแต่ว่าเมนูทั้ง 5 นั้นแสดงออกเป็นแนวตั้ง

จะทำให้อย่างไรให้ Modules: Menu แสดง Menu Items เป็นแนวนอนครับ
Selection_999(418).png
Selection_999(418).png (9.71 KiB) Viewed 363 times

User avatar
tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 10562
Joined: 18/04/2012 9:39 am

Re: อยากให้ Modules: Menu แสดงเมนูเป็นแนวยาวครับ

Post by tsukasaz » 14/08/2019 3:09 pm

กำหนด css ให้เป็นแนวนอนได้ ถ้ามันเป็น ul li ก็กำหนดที่ li ให้เป็น display: inline-block
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

User avatar
jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1469
Joined: 21/05/2019 10:45 am

Re: อยากให้ Modules: Menu แสดงเมนูเป็นแนวยาวครับ

Post by jamepiyawat » 14/08/2019 3:25 pm

โค้ดเป็นแบบนี้ ผมควรจะทำยังไงดีครับ

Code: Select all

echo '<li class="' . $class . '">';

User avatar
tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 10562
Joined: 18/04/2012 9:39 am

Re: อยากให้ Modules: Menu แสดงเมนูเป็นแนวยาวครับ

Post by tsukasaz » 14/08/2019 3:29 pm

สร้าง rule ใหม่ขึ้นมาเลย ดูว่าไอดี หรือ class อะไรคลุมอยู่บ้างครับ แล้วก็ไล่เข้ามาจนถึง li
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

User avatar
jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1469
Joined: 21/05/2019 10:45 am

Re: อยากให้ Modules: Menu แสดงเมนูเป็นแนวยาวครับ

Post by jamepiyawat » 14/08/2019 4:18 pm

ทำได้แล้วครับแต่ผมสร้าง class ใหม่แบบนี้ ครับ

Code: Select all

$class = 'item-' . $item->id . ' testss';

Code: Select all

echo '<li class="' . $class . '">';
ทำให้ li มี class $class กับ testss ครับแล้วมากำหนด css แบบนี้ครับ

Code: Select all

.moduletable .testss{
  display:inline-block;
}
Selection_999(421).png

Post Reply

Return to “Joomla Development”

Users browsing this forum: No registered users and 2 guests