• 0

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

اريد طريقة اضافة هذة الخاصية بجانب الصفحات في قوالب بلوجر .

اريد الرد سريعاً

IMG_٢٠٢١٠٨١٩_١٨٤٥٥٤.jpg

تمّ تعديل بواسطة Wael Aljamal
توضيح السؤال
1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 1

يوجد حلين،

يمكنك بالنقر على الزر الأيمن بالفأرة ثم اختيار 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.zip

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 2 ساعات قال 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.zip

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

مثال :-

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

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

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 2 ساعات قال Mohamed Abdelssamad:

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

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

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

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن