الملاحظات

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

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

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

احصائياتى

الردود
7

المشاهدات
102
abo-karim
.:: Administrator ::.
  • abo-karim is a glorious beacon of lightabo-karim is a glorious beacon of lightabo-karim is a glorious beacon of lightabo-karim is a glorious beacon of lightabo-karim is a glorious beacon of lightabo-karim is a glorious beacon of light

  • abo-karim غير متواجد حالياً

المشاركات
2,296

+التقييم
20

تاريخ التسجيل
Jun 2015

الاقامة
ام الدنيــ EGYPT ــا

نظام التشغيل
windows 7

رقم العضوية
1
11-10-2018, 01:26 PM
المشاركة 1
11-10-2018, 01:26 PM
المشاركة 1
افتراضي لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
السلام عليكم ورحمه الله وبركاته
بعد غيبه اطالت اعود اليكم بشى نتمنى ان يعجبكم والشرح هنا سيكون حصرى والان سندخل فى الموضوع طبعا الكل يعلم اشهر مكتبه خطوط لدينا الان وهى fontawesome لكن احيانا لا تلبى جميع متطلبتنا لهذا وبفضل الله تفتح لنا مواقع تساعدنا وتزودنا بايقونات جديده وبشكل مختلف واليوم اتى لكم بمكتبه جديده وهى مكتبه لاين ايقون او بالانجليزية LINE ICON وحتى لا اطيل عليكم بالنبدء الشرح

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



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


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


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


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


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

8- الان سنقوم بوضع كود الاستدعاء وذلك من خلال توجهك الى القالب headinclude فى كان منتداك vbulletin او PAGE_CONTAINER ده لو منتداك xenforo او ابحث عن <head> ثم ضع اسفله هذا الكود او تحت التاج
كود:
<link href="smart-free/style.css" rel="stylesheet" type="text/css" />
مع تغيير مايلزم كما شرحت لكم بالصوره


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


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


10- سنقوم بوضع مثال توضيحى اولا الكود html سيكون على هذا الشكل
كود:
<span class="lnr lnr-checkmark-circle"></span>
و كود css لتغيير الحجم واللون سيكون على هذا الشكل
كود:
.lnr-checkmark-circle {
  color: #0F52BA;
  font-size: 20px;
}
11- الان مثال قمت بوضعه
كود:
<font style="margin:4px;line-height:50px;color:#f00;font-size: 20px;">
<span class="lnr lnr-checkmark-circle"></span>              شرح حصرى لمكتبة الخطوط الجديدة linearicons 
</font>
الصوره

قديم 11-10-2018, 01:43 PM
المشاركة 2
SEMO
.:: كبار الشخصيات ::.
صاحب موقع الصاعقة العربية
  • SEMO غير متواجد حالياً
افتراضي رد: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
يسعدني ويشرفني اكون اول رد على موضوعك اخي ابو كريم
ونسال الله ان تكون عودة قوية لك.

سبحان الله وبحمده .. سبحان الله العظيم
قديم 11-10-2018, 01:56 PM
المشاركة 3
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
وانت اول شخص لجأت له عند غلق المنتدى


يسعدنى دائما مروركم

قديم 11-10-2018, 11:54 PM
المشاركة 4
for sat
.:: مشرف ::.
قسم تقنيات الإستقبال التلفزيوني
  • for sat غير متواجد حالياً
افتراضي رد: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
عاشت الايادي أبوكريم
لكن الكل يستعمل مكتبة font awsome فما الفرق؟

قديم 11-11-2018, 10:17 AM
المشاركة 5
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت متواجد حالياً
افتراضي رد: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
يعطيك الف عافيه ايقونات شكلها حلو فعلا

قديم 11-11-2018, 01:53 PM
المشاركة 6
MEDO3ABED
.:: عضو مشارك ::.
  • MEDO3ABED غير متواجد حالياً
افتراضي رد: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
جزاك الله كل خير على الموضوع المميز والايقونات الرائعة واصل إبداعك

قديم 11-11-2018, 03:31 PM
المشاركة 7
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni غير متواجد حالياً
افتراضي رد: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
جميل جدا وشكرا على الشرح

قديم 11-13-2018, 08:24 PM
المشاركة 8
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت متواجد حالياً
افتراضي رد: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
عاشت الايادي أبوكريم
لكن الكل يستعمل مكتبة font awsome فما الفرق؟
حسب معرفتى مكتبة font awsome طبعا اكبر مكتبه مجانيه حتى الان

اضافة رد

العلامات المرجعية

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


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ Font ] : الباحث عن الخطوط العربية ( اضافة للفوتشوب تقوم بالبحث عن الخطوط) نسيت النوم ركن ملحقات التصميم 1 01-25-2018 11:34 PM
تحديث تطبيق line مع نص أكبر وميزة التدمير الذاتي للرسائل abo-karim Apple ابل 0 12-09-2016 02:56 AM
ياسر رزق يكتب : لماذا يريد هؤلاء النزول ؟! شخصية راقية المواضيع المُكرّرة والمُخالفة 0 01-17-2016 01:45 AM
مصممين الدعايه والاعلان أسطوانة تحتوي على 8699 فيكتور جاهزة للتصميم3d ,style icon هيلبرنت ركن ملحقات التصميم 0 12-31-2015 01:17 AM
حصري معلومات و اول تحديث Pinacle IP9500 HD abo-karim قسم تقنيات الإستقبال التلفزيوني 0 07-25-2015 04:00 AM




الساعة الآن 01:51 PM
Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.