﴿ وَقُل رَّبِّ زِدْنِي عِلْمًا

And say, "My Lord, increase me in knowledge."

لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون

لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون

السلام عليكم ورحمه الله وبركاته بعد غيبه اطالت اعود اليكم بشى نتمنى ان يعجبكم والشرح هنا سيكون حصرى والان سندخل فى الموضوع طبعا الكل يعلم اشهر مكتبه خطوط لدينا الان وهى...

لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
المشاهدات: 5217 الردود: 15

Abo-Karim

Administrator
رقم العضوية
1
تاريخ التسجيل
2015-06-22
الإقامة
ام الدنيــ EGYPT ــا
الموقع الالكتروني
هيلبرنت
آخر نشاط
المشاركات
4,975
المعدل اليومي
1.21
مستوى التفاعل
189
قوة السمعه
أوسمة العضو
السلام عليكم ورحمه الله وبركاته
بعد غيبه اطالت اعود اليكم بشى نتمنى ان يعجبكم والشرح هنا سيكون حصرى والان سندخل فى الموضوع طبعا الكل يعلم اشهر مكتبه خطوط لدينا الان وهى fontawesome لكن احيانا لا تلبى جميع متطلبتنا لهذا وبفضل الله تفتح لنا مواقع تساعدنا وتزودنا بايقونات جديده وبشكل مختلف واليوم اتى لكم بمكتبه جديده وهى مكتبه لاين ايقون او بالانجليزية LINE ICON وحتى لا اطيل عليكم بالنبدء الشرح

الخطوات
1- اولا منظر عام للموقع والايقونات المتاحه للتحميل مجانا

56a3wGo.gif


2- توجه الى الموقع من خلال هذا الرابط Linearicons
3- ستفتح لك صفحة اضغط على كلمة DOWNLOAD كما بالصورة

qolnG45.gif

4- بعد التحميل يصبح لدينا ملف مضغوط كما هو بالصوره امامنا قم الان بفك الضغط

wUy4IzY.gif

5- بعد فك الضغط يظهر لنا فولدر جديد بداخله الملفات التى امانا بالصوره.

9WE9dt9.gif

6- المجلد الذى يهمنا هو Web Font ادخل عليه ستجد هذه المجلدات الموضحة امانا بالصوره

bT8sv7e.gif

7- قم الان برفع فولدر fonts و ملف style.css الى مجلد الاستايل المراد العمل عليه

8- الان سنقوم بوضع كود الاستدعاء وذلك من خلال توجهك الى القالب headinclude فى كان منتداك vbulletin او PAGE_CONTAINER ده لو منتداك xenforo او ابحث عن <head> ثم ضع اسفله هذا الكود او تحت التاج
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
مع تغيير مايلزم كما شرحت لكم بالصوره

vvDAxTR.gif

8- يتبقى لنا كود الايقونه نفسها من خلال صفحة الايقونات اضغط على اى ايقونه كما بالصوره

I7MaxfR.gif

9- ستنقلك الى صفحة الكود كما بالصوره

Oqc2J98.gif

10- سنقوم بوضع مثال توضيحى اولا الكود html سيكون على هذا الشكل
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
و كود css لتغيير الحجم واللون سيكون على هذا الشكل
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
11- الان مثال قمت بوضعه
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
الصوره

LR6xWgk.gif
 
التعديل الأخير بواسطة المشرف:
يسعدني ويشرفني اكون اول رد على موضوعك اخي ابو كريم
ونسال الله ان تكون عودة قوية لك.
 
وانت اول شخص لجأت له عند غلق المنتدى


يسعدنى دائما مروركم
 
عاشت الايادي أبوكريم
لكن الكل يستعمل مكتبة font awsome فما الفرق؟
 
يعطيك الف عافيه ايقونات شكلها حلو فعلا
 
جزاك الله كل خير على الموضوع المميز والايقونات الرائعة واصل إبداعك
 
جميل جدا وشكرا على الشرح
 
عاشت الايادي أبوكريم
لكن الكل يستعمل مكتبة font awsome فما الفرق؟

حسب معرفتى مكتبة font awsome طبعا اكبر مكتبه مجانيه حتى الان
 
مكتبات رائعة تعطي جماليات على القالب المصمم بها
 
عودة
أعلى