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

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

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

ภาพประจำตัวสมาชิก
Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 965
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

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

โพสต์โดย Patipat » 01/08/2019 4:22 pm

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

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

โค้ด: เลือกทั้งหมด

<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) เปิดดู 80 ครั้ง


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


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



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

โค้ด: เลือกทั้งหมด

<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) เปิดดู 80 ครั้ง
If you fall, let you stand. :)

  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

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

กำลังดูบอร์ดนี้: 5 และ บุคคลทั่วไป 0 ท่าน