ندعم منتديات vBulletin بتقنية Css3
A L 6 W E R

[ شرح ] طريقة استخدام مكتبة fontello بالتفصيل


طريقة استخدام مكتبة fontello بالتفصيل

رقم الموضوع : 7437

تطوير المواقع والمنتديات

 
المشاهدات 8111 الردود 40 أدوات الموضوع إبحث في الموضوع

   رقم المشاركة [ 11 ]
29-06-2015, 03:45 PM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تواصل معي مباشرة
الصورة الرمزية لـ AlM6weR
AlM6weR
غير متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,868 تقييم المستوى17882 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 286   تم شكره 747 مرة في 568 مشاركة
افتراضي رد: طريقة استخدام مكتبة fontello بالتفصيل



معلش تحملني..

هلق انا عملت داونلود للايقونات كلياتا .. ارفعها ع الموقع ؟

والكلاس الي حكيت عنه هاد وين حطو ؟؟ بالفورم هوم ولا وين
مرحبا اخوي
ياليت توضح تساؤلك ؟ لم افهم مقصدك
ياليت توضح لي وين كلمة كلاس في شرحي !! وفي اي رد بالتحديد




توقيعي


عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).



   رقم المشاركة [ 12 ]
02-07-2015, 03:26 AM
7831
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
Yahia
غير متواجد
[ مُطوِّر مشارك ]
اسمي : لا اله الا انت سبحانك اني كنت من الظالمين , من : هوون , أهتم بـ ولا شي بالضرورة .
تاريخ الإنضمام30-01-2015 عدد المشاركات35 تقييم المستوى0 الدولةsyria
الإعجابات التي قدمها للأعضاء 3   تم شكره 2 مرة في 2 مشاركة
افتراضي رد: طريقة استخدام مكتبة fontello بالتفصيل


مرحبا اخوي
ياليت توضح تساؤلك ؟ لم افهم مقصدك
ياليت توضح لي وين كلمة كلاس في شرحي !! وفي اي رد بالتحديد

شكرا لردك ياغالي

انا طبقت الشرح و عملت select لكل الايقونات

لهون انا فاهم

بس ووصلت لمرحلة customise name

وهاد اقتباس
اضغط من التبويبات في الاعلى على كلمة customize Name لترى جميع الصور التي قمت بإختيارها وكذلك اسم الصوره لتتمكن من نسخه ووضعه في اسم الكلاس class الذي تريد ان تظهر به الصوره كما في الشكل التالي :

انا لانه مابعرف شو هو الكلاس ووين بلاقيه .. ومتاسف على غلبتك معي ربي يجزيك الخير




   رقم المشاركة [ 13 ]
02-07-2015, 03:46 AM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تواصل معي مباشرة
الصورة الرمزية لـ AlM6weR
AlM6weR
غير متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,868 تقييم المستوى17882 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 286   تم شكره 747 مرة في 568 مشاركة
افتراضي رد: طريقة استخدام مكتبة fontello بالتفصيل


شكرا لردك ياغالي

انا طبقت الشرح و عملت select لكل الايقونات

لهون انا فاهم

بس ووصلت لمرحلة customise name

وهاد اقتباس


انا لانه مابعرف شو هو الكلاس ووين بلاقيه .. ومتاسف على غلبتك معي ربي يجزيك الخير
مرحبا اخوي
اتبع الشرح جيدا وستتمكن من تركيب المكتبة
في المرفقات المكتبة كاملة فك الضغط عن الملف وارفعه الى مجلد منتداك الرئيسي vb
ومن ثم ضع رابط استدعاء المكتبة في قالب headinclude

HTML & CSS

<link rel="stylesheet" href="fontello/css/fontello.css" /> 
بالنسبة للكلاس الي مافهمته مشروحه في اخر الموضوع
كيف تستبدل كلاس الصورة بالايقونة

اي استفسارات انا حاضر .. بالتوفيق ..




توقيعي


عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).



   رقم المشاركة [ 14 ]
30-09-2015, 12:50 AM
تواصل بوك
7963
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
twaslbook
غير متواجد
[ مُطوِّر مشارك ]
تاريخ الإنضمام30-09-2015 عدد المشاركات29 تقييم المستوى0
الإعجابات التي قدمها للأعضاء 5  
افتراضي رد: طريقة استخدام مكتبة fontello بالتفصيل


الخطوة الثانية :
افتح ملف fontello.css الموجود في مجلد css قم بفتحه بأي محرر وقم باضافة رابط موقعك كما في الصورة :

مشكور
لكن كيف ربط لا تظهر صورة




   رقم المشاركة [ 15 ]
05-10-2015, 11:47 PM
7564
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
tiaar
غير متواجد
[ مُطوِّر مشارك ]
تاريخ الإنضمام28-09-2014 عدد المشاركات5 تقييم المستوى0
الإعجابات التي قدمها للأعضاء 2  
افتراضي رد: طريقة استخدام مكتبة fontello بالتفصيل


بسم الله ما شاء الله
شغل تمام
اتمنى تحديث الصورة الموجودة في الخطوة الثانية :
لاني واقف عندها
شكرا لك




   رقم المشاركة [ 16 ]
06-10-2015, 11:15 AM
7564
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
tiaar
غير متواجد
[ مُطوِّر مشارك ]
تاريخ الإنضمام28-09-2014 عدد المشاركات5 تقييم المستوى0
الإعجابات التي قدمها للأعضاء 2  
افتراضي رد: طريقة استخدام مكتبة fontello بالتفصيل


اقصد هذه الخطوة

الخطوة الثانية :
افتح ملف fontello.css الموجود في مجلد css قم بفتحه بأي محرر وقم باضافة رابط موقعك كما في الصورة :






   رقم المشاركة [ 17 ]
07-10-2015, 05:49 PM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تواصل معي مباشرة
الصورة الرمزية لـ AlM6weR
AlM6weR
غير متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,868 تقييم المستوى17882 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 286   تم شكره 747 مرة في 568 مشاركة
افتراضي رد: طريقة استخدام مكتبة fontello بالتفصيل


تمت اضافة الصورة ، شكرا لتنبيهكـ ..




توقيعي


عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).



   رقم المشاركة [ 18 ]
08-10-2015, 03:03 PM
7564
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
tiaar
غير متواجد
[ مُطوِّر مشارك ]
تاريخ الإنضمام28-09-2014 عدد المشاركات5 تقييم المستوى0
الإعجابات التي قدمها للأعضاء 2  
افتراضي رد: طريقة استخدام مكتبة fontello بالتفصيل


الشكرا لله
وبارك الله فيكم على هذا المجهود تحياتي لكل القائمين على المنتدى واتمنى لكم المزيد من النجاح




   رقم المشاركة [ 19 ]
04-11-2015, 01:26 AM
7983
الصورة الرمزية لـ amirdz
amirdz
غير متواجد
[ مُطوِّر مشارك ]
تاريخ الإنضمام03-11-2015 عدد المشاركات6 تقييم المستوى0 الدولةalgeria
 
افتراضي رد: طريقة استخدام مكتبة fontello بالتفصيل


السلام عليكم ورحة الله وبركاته
بارك الله فيك عمل جميل وستايل رائع .
لو كان الشرح فيديو لاكان أروع
قمت بعمل المكتبة عادي ونزلتها على المنتدى لاكن بعض الايقونات ما ظهرت




   رقم المشاركة [ 20 ]
05-11-2015, 01:10 AM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تواصل معي مباشرة
الصورة الرمزية لـ AlM6weR
AlM6weR
غير متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,868 تقييم المستوى17882 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 286   تم شكره 747 مرة في 568 مشاركة
افتراضي رد: طريقة استخدام مكتبة fontello بالتفصيل


السلام عليكم ورحة الله وبركاته
بارك الله فيك عمل جميل وستايل رائع .
لو كان الشرح فيديو لاكان أروع
قمت بعمل المكتبة عادي ونزلتها على المنتدى لاكن بعض الايقونات ما ظهرت
مرحبا
تأكد من اضافة اسم الصورة في الكود الغير ظاهره والتي تكون بهذا الشكل icon-xxx

بالتوفيق ..




توقيعي


عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).



 

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
مكتبة, استخدام, بالتفصيل, fontello, طريقة

أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم

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

المواضيع المتشابهه للموضوع: طريقة استخدام مكتبة fontello بالتفصيل
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ طلب ] استبدال ازرار الموضوع بايقونات باستخدام مكتبة fontello أبو شهاب طلبات و مشاكل منتديات vBulletin 3.x.x 4 20-02-2015 10:34 PM
[ BBcode ] تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello AlM6weR اكواد منتديات vBulletin 3.x.x 5 22-01-2015 02:26 AM
[ برنامج ] بالصور عمليه تنصيب Windows 8.1 بالتفصيل الممل لن تبحث بعد الان!! تعلتل البرامج العامه والشروحات 4 21-09-2013 12:36 PM
شرح طريقة استخدام خاصية الاقتباس المتعدد AlM6weR تطوير المواقع والمنتديات 1 04-03-2013 08:15 PM
شرح قوائم الفوتوشوب " بالتفصيل " بشاير البرامج العامه والشروحات 2 14-05-2011 03:55 PM


الساعة الآن 04:46 PM

توافق أكواد المعهد

تم التحقق بنجاح هذا الموقع من أخطاء XHTML  Valid XHTML 1.0 Transitional

تم التحقق بنجاح هذا الموقع من أخطاء CSS3  Valid CSS!

ترتيب الكسا alexa

من نحن

معهد المطور
موقع يهتم بتطوير المواقع والمنتديات وتحسين بيئة عمل المواقع العربية

أهدافنا

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

خدماتنا

نمد يد العون لجميع اصحاب المواقع ، ونجيب عن جميع استفساراتهم قدر الامكان
كما نتطلع دائما لطرح الجديد والمفيد لهم

الدعم الفني المدفوع

خصصنا هذة الخدمة لاصحاب المواقع الجديدة ، وكذلك لمن تنقصه الخبره في تولي ادارة المواقع

مواقع صديقة

تجربتي

لماذا هذه المواقع ؟

هذا المساحة خصصت لإعضاء معهد المطور الذين يملكون مواقع مفيدة ، وحيث ترى إدارة معهد المطور ان هذه المواقع لها العديد من المواضيع المفيدة و القيمة التي تستحق الاشاده بها

الحقوق

Powered by vBulletin@Version 3.8.7 .Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
المشاركات والمواضيع تعبر عن رأي كاتبها وليس بالضرورة رأي المطوّر
وجميع الحقوق محفوظة لاصحابها

تاريخ انشاء الموقع

08-06-2010