ในการเขียน
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 (43.6 KiB) Viewed 979 times
เราค้นหา CART ก็คือ รถเข็ญนะครับ
แล้วคลิกที่ Icon
- Selection_999(527).png (26.35 KiB) Viewed 979 times
เราจะได้หน้านี้ ทำการก็อบ tag <i> ไปใช้งานครับเราก็จะได้ Icon ที่เราเลือกมาครับ ก็สามารถค้นหา Icon ได้เยอะมากมายครับ ใช้งานง่ายอีกด้วยครับ
วิธีใช้งานก็แค่นำ ไปใส่ แบบนี้ครับ
โค้ด: เลือกทั้งหมด
<span style="font-size: 16px; color: #eb4947;" > //ปรับ ขนาดของ icon และ สีได้ครับ
<i class="fas fa-cart-arrow-down"></i> // class ของ icon
</span>
ผลลัพธ์ที่ได้ ก็จะได้ Icon ตามที่เราเลือกนำมาใช้งานครับ
- Selection_999(529).png (4.27 KiB) Viewed 979 times
ในการเขียน [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2620-joomla-cms.html]Joomla[/url] โดยมี Component Mooziicart ที่เป็นร้านค้าออนไลน์ ทำให้ผู้ใช้งานสะดวกสบายโดยที่ไม่ต้องเขียนโปรแกรม และ ฝั่งผู้พัฒนา Mooziicart ก็จะพัฒนาในฝั่ง ของการเขียนโปรแกรม ที่ทำให้ ตัว [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/manual-joomla-extension-by-mindphp/6711-what-is-mooziicart.html]Mooziicart[/url]สวยงามและ มีประสิทธิภาพในการใช้งาน และจะทำให้สวยงามได้ก็ต้องมีการทำให้น่าใช้งาน ไม่ว่าจะในเรื่อง สี ตัวหนังสือ(font) หรือ ว่าจะเป็น[url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2197-icon-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]icon[/url] ที่เราต้องกดปุ่ม ในบทความนี้จะเป็นการทำปุ่ม icon โดยใช้งานจาก Font Awesome
วิธีแรกนะครับ ก็
ให้ใส่ พาท ที่ต้องใช้ script ของ fontawesome
[code=php]<script src="https://kit.fontawesome.com/55fb55c22f.js"></script>[/code]
เข้าไปที่เว็บไซต์นี้แล้วเลือก Icon ที่ต้องการใช้ หรือ สามารถกดค้นหาได้
https://fontawesome.com/icons?d=gallery
[attachment=3]Selection_999(526).png[/attachment]
เราค้นหา CART ก็คือ รถเข็ญนะครับ
แล้วคลิกที่ Icon
[attachment=2]Selection_999(527).png[/attachment]
เราจะได้หน้านี้ ทำการก็อบ tag <i> ไปใช้งานครับเราก็จะได้ Icon ที่เราเลือกมาครับ ก็สามารถค้นหา Icon ได้เยอะมากมายครับ ใช้งานง่ายอีกด้วยครับ
[attachment=1]Selection_999(528).png[/attachment]
วิธีใช้งานก็แค่นำ ไปใส่ แบบนี้ครับ
[code=php]<span style="font-size: 16px; color: #eb4947;" > //ปรับ ขนาดของ icon และ สีได้ครับ
<i class="fas fa-cart-arrow-down"></i> // class ของ icon
</span>
[/code]
ผลลัพธ์ที่ได้ ก็จะได้ Icon ตามที่เราเลือกนำมาใช้งานครับ
[attachment=0]Selection_999(529).png[/attachment]