[ Arabic Tutorials ] How To Completely Install and Use Font Awesome Library
HTML-код
- Опубликовано: 21 ноя 2014
- Learn How To Completely Install and Use Font Awesome Library
Demo : elzero.net/demos/webs/youtube/...
Website: fortawesome.github.io/Font-Awe...
![[ Arabic Tutorials ] How To Use Nice Scroll Plugin](http://i.ytimg.com/vi/KTsL0FpKlNA/mqdefault.jpg)
![[ Arabic Tutorials ] How To Use Nice Scroll Plugin](/img/tr.png)
![[ Arabic Tutorials ] Write Clean, Formatted & Standard Css Code](http://i.ytimg.com/vi/Z2YMZhbJHnE/mqdefault.jpg)
![[ Arabic Tutorials ] Firefox Addons Needed For Web Designers](/img/1.gif)
التعامل مع النسخة:
5.2.0
====
حمله من الموقع الرسمي:
fontawesome.com
----
خذ الملف
all.min.css
والمجلد
webfonts
وحطه في المشروع
----
استدعيه في html كالاتي:
----
اختر الايقونة من الموقع اضغط عليها ثم انسخ الكود الخاص بها :)
----
يوجد احجام جديدة:
fa-xs, fa-sm, fa-lg, fa-2x --->fa-10x
طبعا حجم الخط يعتمد على الاب (em).
----
options:
fontawesome.com/how-to-use/on-the-web/styling/sizing-icons
----
تغييرات:
pull-right, pull-left
صارت
fa-pull-right, fa-pull-left
+++
خصائص جديدة:
خاصية fa-pulse
وخاصية power transforms
وخاصة masking icons
وخاصية layering, text, counters
خصائص جميلة جدا
الذي تقوم به يا أستاذ أسامة عمل جبار
وفقك الله
وجزاك الله كلّ خير
💻👌ربنا يباارك فيك يا بشمهدس ..جزااك الله كل خير
شرح وافي وعميق و جميل جدا جدا في ميزان حسناتك ان شاءالله
جزاك الله خيرا واعطاك الصحة والعافية ^_^ ♥
اكثر من راائع.. جزاك الله خيرا
جزاك الله خيرا
ليه الايقونه مبتظهرش وبيظهر بدلها مربع؟؟؟
مش عارف اوصل لحل
جزاك الله خيرااا
فعلا ميزه مهمه جدااا
ممكن نخلي first-letter معانا واحنا بنستخدم Font Awesome
اضافة بس يا استاذ اسمة علي كلام حضرتك في stack icons
انت قلت -o بتحلي الخلفيه بيضاء,, لا ولن هي بتخلي لل square حدود وبتعمل فراغ من جواه والخلفيه بقت بيضة عشان خلفيه body بتاع الصفحة ابيض اساساً ,,فحرتك لو هتغير لون square للون تاني غير ايقونة الفيسبوك الاسود ولم تضع o- هتلاقي ايقونة الفيس ظهر تمام وعادي عشان خلفيه square اتغيرت.
وربنا يوفقك يا استاذ اسامة ويباركلك يارب :)
الله يوفقك ويجزيك خيرا
جزاك الله خيرا : )
رقمي 156 في ال الايك .. والله انك تستاهل اكثر من 1000000000000000000000 لايك
جميل جزاك الله خير أخي العزيز
اسلوووووبك راقي في الشرح
احتاجته بديل لل glyphicone
ربنا يكرمك ويجازيك خير
ياخوان لي يومين احاول الايقونات ماتظهر معي مع اني طبقت كل شي تمام فقط يظهر لي مربع
وانا كذلك
حتى المربع لا يظهر معي
-o -inverse ممتع جداً
السلام عليكم
مهندس اسامه
ال icons لدي لا تكبر
انا فعلت نفس الشي داخل الفيديو
باستخدام
fa-custom كـclass
وداخل ال css
استخدمت
Font-size ولكنها لم تكبر بالحجم
الإصدار ٤.٧.٠
بارك الله فيك استاذ اسامة .. عندي ملاحظة فقط اخي يا ريت تحط لينك المواقع الي بتحمل منها البلوجن .. او رابط للمكتبات حتى نقوم بتحميلها لأن هناك اناس مبتدئين جداا لدرجة انهم مش عارفين الفوارق بين الاصدارات وانواع المكتبات .. وكمثال مكتبة الجكويري تلاقي ناس بتحمل مكتبة jquery ui وحاططها مكان jqyeru وبيسأل ليه المكتبة مش شغالة او الكود ليه مش شغال .. يا ريت تحط النقطة ذي بالحسبان لو سمحت ..
الله يكرمك يارب اخي الغالي على ملحوظتك الغالية مثلك و بقولك شيء
عندي اكتر من سبب في اني محطش اللينك :-
- عاوز الناس تتعود على البحث و الكتابة علشان هما كودرز و الكود حياتهم
- عاوز الناس تتعلم تدور على كل شيء متلاقيش كل شيء قدامهم
- ممكن المكتبة دي تغير الرابط و الفيديو يتنسي و ميديش للشخص فرصة انه يبحث بنفسه لكن الاسم مش هيتغير في اي وقت يقدر يبحث بيه هي دي الفكرة
لكن عموما ابشر عيوني
معلوومه مهمه جداً ... لا تستخدم الكستم في شغل جاهز. ..22:10
Suliman Algabarty لا حبيبي عادي ندخل
لو سمحتم انا بعمل نفس اللي في الفيديو بس font-awesom مش شغال معاى وحاولت اكتر من مره
ولا انا
ازاي اعمل list لقناه اليوتيوب في قلب الموقع و تحدث نفسها تلقائيا ؟ :)
+Waleed Salah support.google.com/youtube/answer/171780?hl=en
القناة الوحيدة اللي مش عليها ديس لايك
ربنا يزيدك يا استاذ/اسامة
الحمد لله ربنا يكرمك
جزاك الله خيرا
دي طريقة تحويل الصور ذات اللون الواحد الى فونت
img => svg => font
facebook.com/groups/ElzeroWebSchool/permalink/1072864199509310/
تسلمي يا مبدعة
2019 للحين ومازلة اتعلم منو
السلام عليكم
بعض قوائم التشغيل اختفت ايش السبب ؟
عليكم السلام كل شيء كما هو ما هي القوائم التي اختفت ؟
@@ElzeroWebSchool شكرا لك استاذي العزيز جزاك الله خير الجزاء
لقد وجدت القائمه
ولكن محتاجين مكن بعض النصائح لم ليس عنده انجليزي كويسه ويريد يتعلم لغات البرمجه
استدعيت المكتبه وكتبت الكزد وبرده مظهرش ف الموقع :( :((
افتحي الكونسول الخاص بالمتصفح
وشوفي في اخطاء ولالا
حاضر شكرا
السلام عليكم
انا كل ما اسطب المكتبة و استدعي ملفاتها و اجي انفذ في اي استدعاء بيظهرلي مربع صغير مش الصورة اللي انا بستدعيها مع اني بحملها من الموقع الرسمي لها و كمان بحملها fontawesome for web مش النسخة التانية اللي هي للديسك توب و مش عارف ليه
نفس المشكله اللي دوختني بردو ... انت كل الل يتعمله كالاتي :
1- بتنقل مجلد ال font جنب صفحه المشروع بتاعتك ال html .
2- لازم لازم لازم تعمل فولدر وتسميه اي اسم وليكن علي اسمك (pilot) وتحط فيه الملف اللي هو font-awesome.min او font-awesome.min.css علي حسب ما هو متسمي في ملف ال css اللي طلع من فك الكتاب المضغوط .
3- تستدعي المكتبه بالشكل ده بالظبط ولازم تاخد بالك وانت بتكتب الكود ده ان يكون في الاخر جمب اسم الملف css. حتي ولو اسم الملف مافيهوش css. دي لازم تكتبه في الكود بردو .
4- لو انت عامل ال style بتاع ال css في الملف الخارجي (External stylesheet) يبقي لازم تحفظه في المجلد (pilot) جنب ملف font-awesome.min وتروح الصفحه بتاعت الايقونات وتنسخ كود الايقونه اللي انت عايزها بأنك تضغط علي الايقونه وكده هيتنسخ ومن ثم تحط كود الايقونة في المكان اللي انت عايز تحط فيه الايقونه في ال body وتدوس reload .
5- لو انت بقي عامل ال style بتاع ال css في الملف الداخلي (internal style) يبقي خلاص المجلد (pilot) مافيهوش غير الملف font-awesome.min بس وتحط كود الايقونة في المكان اللي انت عايز تحط فيه الايقونه في ال body وتدوس reload لصفحتك هاتلاقيه اتحط ان شاء الله .
@@mohamedmamdouhelaghory4445 طبقت نفس الخطوات لكن مانفعت