1

هل يوجد حلا لهذه المشكلة

السلام عليكم ورحمة الله وبركاته

أنا مكود قوالب بلوجر مبتدأ بدأت في التصميم والتكويد أحد القوالب للتجربة و تطوير مهاراتي في التكويد ولغات البرمجة ,

أريد أن أسألكم سؤال بسيط لكني لم أجد أي جواب في النت :

لماذا عندما أضيف العناصر الزاحفة { after :before: } على شكل أيقونات تظهر داخل محتوى العنصر ت على شكل مربعات

شكرا لكم جميعا .

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

1
OsamaEssam أضف ردا

يجب ان تكتب نوع الفونت

font-family: FONTAWESOME;

1
mohamed74_MO أضف ردا

شكرا لك تم حل المشكلة

0
OsamaEssam أضف ردا

الحمد لله

1
mohamed asfar أضف ردا

الحل كالتالي

ضع مكتبة الخط داخل وسمي head

<link rel="stylesheet" href="

https://cdnjs.cloudflare.co... ">

لاستداعاء الأيقونة هناك طريقتان : الأولى ب CSS ولابد أن تذكر اسم الخط هكذا :

.classname:before { content: "\f2ba"; font-family: FontAwesome; }

الثانية ب Html ويكفي ذكر اسم الأيقونة في الكلاس مثلا : 

<i class="fa fa-address-book" aria-hidden="true"></i>
0
mohamed74_MO أضف ردا

شكرا لك تم حل المشكلة

0
Ramy_Zayn أضف ردا

هل قمت باستدعاء مكتبة الأيقونات.

fontawesome على سبيل المثال

0
mohamed74_MO أضف ردا

نعم إستخدمت مكتبة fontawesome وكتبت الكود على الشكل التالي :

"content:"\f2db

رغم أن الكود صحيح تضهر على شكل مربعات .

شكرا لك على إهتمامك

0
mohamed74_MO أضف ردا

كما أني قمت بإستدعاء المكتبة من قبل

0
Moaasir أضف ردا

السلام عليكم

الحل بسييط

لانك مستعمل ايقونات لم تقم ب وضعها مع القالب او اسم الايقونة خاطئ.

بالتوفيق

0
mohamed74_MO أضف ردا

أخي شكرا لك لكني لم أفهم قصدك مامعنى لم تقم بوضعها في القالب وكيف أضيفها ؟

0
Moaasir أضف ردا

اقصد انك لم تستدعي الايقونات . لكن كما ارى في التعاليق قلت انك تستعمل fontawesome.

تاكد فقط من طريقة الاستدعاء في بلوجر هل تستعمل الطريقة الصحيحة و قم بمسح الكاش الخاص بك ان بقية الكاش ممكن التصلح المشكل ويضهر لك الخطء دائما.

بالتوفيق

0
mohamed74_MO أضف ردا

شكرا لك تم حل المشكلة

0
zakariamouhid أضف ردا

ضع هذا الرابط ل font-awesome في head

<link rel="stylesheet" href="

"/>

0
mohamed74_MO أضف ردا

شكرا لك تم حل المشكلة

0
smadoDz أضف ردا

عند استخدامها بعد

content:250;

اكتب نوع الخط

font-family: FONTAWESOME;

و ستحل مشكلتك

1
mohamed74_MO أضف ردا

شكرا لك تم حل المشكلة

-1
moom أضف ردا

للاسف لايوجد حل.