วิธีใช้งาน I-con Font awesome(v5.10.1) มาใช้กับ Template Mooziicart

แชร์ ความรู้ในการ พัฒนา Joomla Component Extension Module Plugin

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

User avatar
Patipat
PHP Super Hero Member
PHP Super Hero Member
Posts: 996
Joined: 10/06/2019 10:12 am

วิธีใช้งาน I-con Font awesome(v5.10.1) มาใช้กับ Template Mooziicart

Postby Patipat » 01/08/2019 4:22 pm

ในการเขียน Joomla โดยมี Component Mooziicart ที่เป็นร้านค้าออนไลน์ ทำให้ผู้ใช้งานสะดวกสบายโดยที่ไม่ต้องเขียนโปรแกรม และ ฝั่งผู้พัฒนา Mooziicart ก็จะพัฒนาในฝั่ง ของการเขียนโปรแกรม ที่ทำให้ ตัว Mooziicartสวยงามและ มีประสิทธิภาพในการใช้งาน และจะทำให้สวยงามได้ก็ต้องมีการทำให้น่าใช้งาน ไม่ว่าจะในเรื่อง สี ตัวหนังสือ(font) หรือ ว่าจะเป็นicon ที่เราต้องกดปุ่ม ในบทความนี้จะเป็นการทำปุ่ม icon โดยใช้งานจาก Font Awesome

วิธีแรกนะครับ ก็
ให้ใส่ พาท ที่ต้องใช้ script ของ fontawesome

Code: Select all

<script src="https://kit.fontawesome.com/55fb55c22f.js"></script>


เข้าไปที่เว็บไซต์นี้แล้วเลือก Icon ที่ต้องการใช้ หรือ สามารถกดค้นหาได้
https://fontawesome.com/icons?d=gallery
Selection_999(526).png
Selection_999(526).png (43.6 KiB) Viewed 201 times


เราค้นหา CART ก็คือ รถเข็ญนะครับ
แล้วคลิกที่ Icon
Selection_999(527).png
Selection_999(527).png (26.35 KiB) Viewed 201 times


เราจะได้หน้านี้ ทำการก็อบ tag <i> ไปใช้งานครับเราก็จะได้ Icon ที่เราเลือกมาครับ ก็สามารถค้นหา Icon ได้เยอะมากมายครับ ใช้งานง่ายอีกด้วยครับ
Selection_999(528).png



วิธีใช้งานก็แค่นำ ไปใส่ แบบนี้ครับ

Code: Select all

<span style="font-size: 16px; color: #eb4947;" > //ปรับ ขนาดของ icon และ สีได้ครับ
      <i class="fas fa-cart-arrow-down"></i> // class ของ icon 
</span>
 

ผลลัพธ์ที่ได้ ก็จะได้ Icon ตามที่เราเลือกนำมาใช้งานครับ
Selection_999(529).png
Selection_999(529).png (4.27 KiB) Viewed 201 times
If you fall, let you stand. :)

  • Similar Topics
    Replies
    Views
    Last post

Return to “Joomla Developing Knowledge”

Who is online

Users browsing this forum: No registered users and 12 guests