Assalomu aleykum forumdoshlar men bugun 1-darsimda Font Awesome`dan qanday foydalanish haqida yozmoqchiman demak boshladik.
Font Awesome sizni anchagina ovora garchiliklardan halos etadi, Ya'ni Font Awesome`ni saytingizga o'rnatish orqali saytingiz uchun rasmchalar izlashdan, tayorlashdan halos bo'lasiz. PHP`da ishlovchi saytning tepa (head) qismiga ikki qator kod yozasiz va tayyor qo'rqmay saytingizga icon`kalarni chiqaraverasiz !

Font Awesome dan foydalanish uchun quidagi kodni saytingizning tepa (head) qismiga yozing.

Kod · PHP1 qator

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Kerakli icon`ni sahifaga chiqarish uchun esa mana bu koddan foydalanamiz

Kod · PHP1 qator

<i class="fa fa-car"></i>

Belgilangan o`lcham

Kod · PHP15 qator

fa-fw fa-lg fa-2x fa-3x fa-4x fa-5x 



<i class="fa fa-car fa-fw"></i>

<i class="fa fa-car fa-lg"></i>

<i class="fa fa-car fa-2x"></i>

<i class="fa fa-car fa-3x"></i>

<i class="fa fa-car fa-4x"></i>

<i class="fa fa-car fa-5x"></i>

Hohlagan o'lchamga keltirish uchun

Kod · PHP5 qator

style="font-size:48px;" 



<i class="fa fa-car" style="font-size:48px;"></i>

Rang berish

Kod · PHP5 qator

style="color:red;"



<i class="fa fa-car" style="color:red;"></i>

Aylanib turuvchi icon

Kod · PHP5 qator

fa-spin



<i class="fa fa-spinner fa-spin"></i>

Aylantirish

Kod · PHP11 qator

<i class="fa fa-car"></i>

<i class="fa fa-car fa-rotate-90"></i>

<i class="fa fa-car fa-rotate-180"></i>

<i class="fa fa-car fa-rotate-270"></i>

<i class="fa fa-car fa-flip-horizontal"></i>

<i class="fa fa-car fa-flip-vertical"></i>

Agar iconkani standart usulda chiqarib boshqa amallarni teng bajarmoqchi bo'lsangiz ya'ni iconka menu classda bo'lsa menu text rangi qanday bo'lsa iconka rangi ham shunday chiqadi buni barchasini birdaniga o'zgartirmoqchi bo'lsangiz yoki border radus bermoqchi bo'lsangiz style.css orqali bajarish ham mumkin buning uchun

Sahifaga iconkadi quidagicha chiqarishingiz mumkin

Kod · PHP1 qator

<div class="menu"><i class="fa fa-car fa-fw"></i>Menu uchun link</div>

Kod · PHP11 qator

// style.css uchun



.menu i.fa {

color: #777;

border-radius: 50px;

}

Kabi moslab olishingiz mumkin

Barcha iconlar kodlari ???
https://www.w3schools.com/icons/fontawesome_icons_webapp.asp
Yoki java tel ochishda qiynalsa
http://tanaffus.ru/wm/font-awesome/code.php