عيد الاضحى المبارك


مواضيع تهمك

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

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

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

احصائياتى

الردود
15

المشاهدات
2673
abo-karim
.:: Administrator ::.
  • abo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud of

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

المشاركات
4,227

+التقييم
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>
الصوره



التعديل الأخير تم بواسطة هيلبرنت ; 10-08-2019 الساعة 09:23 PM
قديم 11-10-2018, 01:43 PM
المشاركة 2
S!L3NT H!LL
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • S!L3NT H!LL غير متواجد حالياً
افتراضي رد: لاول مره شرح حصرى لمكتبه الخطوط الجديدة 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 طبعا اكبر مكتبه مجانيه حتى الان

قديم 11-30-2018, 06:18 PM
المشاركة 9
samzad
.:: عضو مشارك ::.
  • samzad غير متواجد حالياً
افتراضي رد: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
تسلم ايدك ابوكريم

قديم 01-20-2019, 09:58 PM
المشاركة 10
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
اضافة رد

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

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


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

الانتقال السريع
المواضيع المتشابهه للموضوع: لاول مره شرح حصرى لمكتبه الخطوط الجديدة Linearicons او لاين ايكون
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
لاول مره هيلبرنت يكسر حاجز 100 ألف فى ترتيب المواقع هيلبرنت الركن العام للمواضيع العامة 10 10-03-2019 11:33 PM
5 معلومات خطيرة لاول مرة تعلمها عن المصارع باتيستا هيلبرنت الركن العام للمواضيع العامة 1 11-16-2018 01:31 PM
[ شرح ] : طريقة تغيير حجم الصوره الرمزية شرح حصرى لمعهد هيلبرنت هيلبرنت ركن شروحات الزين فورو XENFORO 7 03-30-2018 07:27 PM
[ Font ] : الباحث عن الخطوط العربية ( اضافة للفوتشوب تقوم بالبحث عن الخطوط) نسيت النوم ركن ملحقات التصميم 1 01-25-2018 11:34 PM
قريبا استايل سما العرب المتجاوب للجوال حصرى لهيلبرنت abo-karim ركن استايلات vBulletin 16 01-03-2016 11:39 AM




الساعة الآن 10:56 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum