إضافة أيقونة بجانب عناصر قائمة في صفحة الويب

يوجد حلين،

يمكنك بالنقر على الزر الأيمن بالفأرة ثم اختيار inspect على هذه العناصر، ونسخ جزء القالب منها، يمكن أن تكون صورة أو أيقونة...

يمكن استخدام مكتبة fontawsome ثم الأيقونة fa-file-text-o بوضعها إلى جانب عنصر القائمة li .. في القالب..

<i class="fa fa-file" aria-hidden="true"></i>

أما للحصول على المكتبة يمكن تضمينها في القسم head من الصفحة:

يمكن عمل رابطك الخاص من خلال الموقع fontawesome.com/v4.7

<script src="https://use.fontawesome.com/2c7e19617c.js"></script>

أو من خلال الملف الذي أرفقته لك، تقوم بفك الضغط ثم ترفعه على الاستضافة:

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^   استبدل المسار حسب مالديك

font-awesome-4.7.0.zipUnavailable

  بتاريخ On 19‏/8‏/2021 at 17:29 قال Wael Aljamal:

يوجد حلين،

يمكنك بالنقر على الزر الأيمن بالفأرة ثم اختيار inspect على هذه العناصر، ونسخ جزء القالب منها، يمكن أن تكون صورة أو أيقونة...

يمكن استخدام مكتبة fontawsome ثم الأيقونة fa-file-text-o بوضعها إلى جانب عنصر القائمة li .. في القالب..

<i class="fa fa-file" aria-hidden="true"></i>

أما للحصول على المكتبة يمكن تضمينها في القسم head من الصفحة:

يمكن عمل رابطك الخاص من خلال الموقع fontawesome.com/v4.7

<script src="https://use.fontawesome.com/2c7e19617c.js"></script>

أو من خلال الملف الذي أرفقته لك، تقوم بفك الضغط ثم ترفعه على الاستضافة:

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^   استبدل المسار حسب مالديك

font-awesome-4.7.0.zipFetching info...

أظهر المزيد  

ممكن تقوم بتجميع لي الاسكريبت كامل لاضافتة في القالب 

مثال :-

Css:- ...........

Js:- ............

Html:- ............

  بتاريخ On 19‏/8‏/2021 at 19:38 قال Mohamed Abdelssamad:

ممكن تقوم بتجميع لي الاسكريبت كامل لاضافتة في القالب 

أظهر المزيد  

التعديل عبارة عن سطر تضمين المكتبة مثل أي ملف جافاسكربت

<script src="https://use.fontawesome.com/2c7e19617c.js"></script>

ثم عليك تتبع الشيفرة وحشر عنصر الأيقونة بجانب العنصر الذي يعرض السطر في HTML