จะกำหนด icon เฉพาะ ข้อความใน tag new ได้ยังไงครับ

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

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

User avatar
bankjittapol
PHP Super Member
PHP Super Member
Posts: 344
Joined: 21/10/2019 10:19 am

จะกำหนด icon เฉพาะ ข้อความใน tag new ได้ยังไงครับ

Post by bankjittapol » 27/11/2019 12:20 pm

จะกำหนด icon เฉพาะ ข้อความใน tag new ได้ยังไงครับ

คือผมกำลังทำ plugin ปรับแสดงผล changelog อยู่ครับ แล้วกำหนด pattern การกรอกไว้ แล้วต้องการจะใส่ icon ให้อยู่หน้าข้อความ ตาม ชนิด tag นั้นๆ เช่น {new} ก็จะเป็น icon + {bug} ก็จะเป็น icon รูปบัค แต่ไม่รู้ว่าจะ ทำยังไงให้กำหนดได้ตาม tag นั้น ๆ จึงขอคำแนะนำหน่อยครับ


ที่ทำได้
Image

คำสั่งที่ใช้ แต่ว่าเป้นการอ้างอิง แท็ค li ทั้งหน้า

Code: Select all

      $article->text =  str_replace('<li>','<li> <i class="fa fa-plus-circle"></i>',$article->text);

Code: Select all

 {version=1.0.3 2019-02-02}
{new}
<ul>
<li>ข้อความ</li>
<li>ข้อความ</li>
</ul>
{/new}

{update}
<ul>
<li>ข้อความ</li>
<li>ข้อความ</li>
</ul>
{/update}
{bug}
<ul>
<li>ข้อความ</li>
<li>ข้อความ</li>
</ul>
{/bug}
{/version}

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 23802
Joined: 22/09/2008 6:18 pm
Contact:

Re: จะกำหนด icon เฉพาะ ข้อความใน tag new ได้ยังไงครับ

Post by mindphp » 30/11/2019 12:50 pm

แก้ปัญหาได้หรือยังครับ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

User avatar
bankjittapol
PHP Super Member
PHP Super Member
Posts: 344
Joined: 21/10/2019 10:19 am

Re: จะกำหนด icon เฉพาะ ข้อความใน tag new ได้ยังไงครับ

Post by bankjittapol » 30/11/2019 1:36 pm

mindphp wrote:
30/11/2019 12:50 pm
แก้ปัญหาได้หรือยังครับ
ได้แล้วครับ โดยการใช้ CSS คำสั่ง list-style-image เพื่อใช้ รูปภาพแสดงที่ รายการแทน

Code: Select all

.new-list ul {
  list-style-image: url('../icon/new.png');
}
.update-list ul {
  list-style-image: url('../icon/update.png');
}
.bug-list ul {
  list-style-image: url('../icon/bug.png');
}

โดยศึกษาเพิ่มเติมได้ที่นี่
CSS การใช้รูปภาพแสดงที่ Tag List

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Joomla Development”

Who is online

Users browsing this forum: No registered users and 68 guests