تبرعوا تبرعك ينقذ حياة للتواصل واتس 0020098455601
دعوة للإنضمام لأسرتنا
اسم العضو
كلمة السر تأكيد كلمة السر البريد الإلكتروني تأكيد البريد الإلكتروني



هل انت موافق على قوانين المنتدى؟

    

قلعه برامج نت للشروحات    برامج مجانيه 

شرقية سات من اكبر منتديات الدش والريسيفرات وكروت الستالايت والشيرنج


العودة   منتدى برامج نت برامج سات DVD 4 Arab > تطوير المواقع والمنتديات XenForo WordPress > اضافات وشروحات زين فورو XenForo

اضافات وشروحات زين فورو XenForo قسم مخصص لدعم منتديات الزين فورو منتدى تطوير زين فورو XenForo ركن زين فورو XenForo


أكثر 50 مواضيع قراءةً
أقسام الحرام
(الكاتـب : zoro1 )
سنن السجود
(الكاتـب : zoro1 )
شروط الطواف
(الكاتـب : zoro1 )

إضافة رد
 
أدوات الموضوع إبحث في الموضوع انواع عرض الموضوع
قديم 07-23-2024, 09:23 PM   #1
معهد ترايدنت
مشرف ♥ ♥ << منتدى الدي في دي مراقب من خلاله! VIP
 
تاريخ التسجيل: Jul 2024
المشاركات: 9
معدل تقييم المستوى: 0
معهد ترايدنت is on a distinguished road
libya [الدرس الأول] مميزات مكتبة font awesome + التحميل + شرح بالصور والفيديو بالتفصيل
انشر علي twitter

نبدأ اليوم بالدرس الأول من سلسلة دروس شرح مكتبة font awesome


راجع:

تقديرا لمجهود صاحب البوست او المشاركه فانه لا يمكن مشاهدة الروابط إلا بعد التعليق على البوست In appreciation of the efforts of the owner of the post or participation, the links cannot be viewed until after responding to the post or participation



همسة: يوجد فيديو توضيحي نهاية الدرس.





ما هي مميزات المكتبة؟



One Font, 361 Icons

أي تعني بأن المكتبة تتكون من ملف واحد من نوع خط، يحتوي على 361 أيقونة.




CSS Control

التحكم في الأيقونات من خلال الـ css بشكل كامل.



Infinite Scalability

سهولة تحجيمها والتلاعب والتحكم بها.



Free, as in Speech

المكتبة مجانية بشكل كامل.



IE7 Support

تدعم متصفح اكسبلورر 7 فما فوق.



Perfect on Retina Displays

ممتازة مع شاشات عالية الدقة والوضوح من نوع رتينا (هي أعلى شاشات وضوحاً).



Made for Bootstrap

تم إنشاؤها لتعمل مع مكتبة bootstrap الخاصة بشركة تويتر.



Desktop Friendly

مصاحبة ويمكن استخدامها مع سطح المكتب، مع برامج سطح المكتب، مثلا الفوتوشوب، او ما شابه.



Screen Reader Compatible

متوافقة مع كروت الشاشة المختلفة.










كيف يمكنني تحميل المكتبة؟


يمكنك تحميل المكتبة من خلال المرفقات،
أو من خلال الموقع الرسمي الخاص بها على github

تقديرا لمجهود صاحب البوست او المشاركه فانه لا يمكن مشاهدة الروابط إلا بعد التعليق على البوست In appreciation of the efforts of the owner of the post or participation, the links cannot be viewed until after responding to the post or participation













كيف يتم استدعاء المكتبة في الموقع؟

بداية بعد فك الضغط عن الملف الخاص بالمكتبة، تجد مجلد فيه عدة مجلدات وكل مجلد عدة ملفات، قم بتصفية المجلدات والملفات وحذفها لتحصل على النتيجة التالية:





الآن قم بنسخ المجلدات أو الملفات (المصفّاة) داخل موقعك، حسب ما تريد.

بعد ذلك اذهب لعنصر الـ head الخاص بموقعك وضع الأكواد التالية بداخله، مع مراعاة مسار الملفات بالشكل الصحيح:


رمز Code:
<head> <link rel="stylesheet" href="css/font-awesome.min.css"/> <!--[if IE 7]> <link rel="stylesheet" href="css/font-awesome-ie7.min.css"/> <![endif]--> </head>
كما بالصورة التالية:
















كيف يمكن استخدام الأيقونات في الموقع؟

ببساطة ولتجنب أي مشكلة، قم باتباع الطريقة التالية لاستخدام الأيقونات في الموقع،

لاستخدام الأيقونات بالموقع بكل سهولة من خلال استخدام الـ class يتم وضعه لأي وسم html.
اولا يجب أن يبقى موقع المكتبة لديك كـ مرجع للحصول على أسماء الأيقونات، او حفظه كصورة، أو حفظه كملف pdf، أو بالطريقة التي تناسبك،

توجه إلى الرابط الذي يحتوي على جميع الأيقونات من خلال الرابط التالي:

تقديرا لمجهود صاحب البوست او المشاركه فانه لا يمكن مشاهدة الروابط إلا بعد التعليق على البوست In appreciation of the efforts of the owner of the post or participation, the links cannot be viewed until after responding to the post or participation


ومن ثم قم بحفظ الموقع بالطريقة التي تراها مناسبة لك،

ستلاحظ بجوار كل أيقونة اسم، هذا الاسم هو عبارة عن اسم الـ class الخاص بالأيقونة لاستخدامه في الموقع، كما بالصورة التالية:








الآن ضع وسم html ، أو أي وسم تريده، ودائما يُنصح بـ

رمز Code:
<span></span>
ومن ثم ضع اسم الـ class للعنصر، كما بالشكل التالي:


رمز Code:
<span class="icon-search"></span>




إلى هنا نصل لنهاية الدرس الأول،

الآن يمكنكم متابعة بالتفصيل الممل والصوت والصورة من خلال الفيديو التالي:




تقديرا لمجهود صاحب البوست او المشاركه فانه لا يمكن مشاهدة الروابط إلا بعد التعليق على البوست In appreciation of the efforts of the owner of the post or participation, the links cannot be viewed until after responding to the post or participation







أي طلب او استفتسار أنا بالخدمة إن شاء الله تعالى،

لا تنسوا الاشتراك بقناة اليوتيوب لتبقوا دائما معنا على اتصال وتواصل.


جميع الحقوق محفوظة لـ معهد ترايدنت

لكم خالص تحياتي وتقديري،

محبكم، محمد الحلبي

معهد ترايدنت متواجد منذ قليل   رد مع اقتباس
قديم 07-23-2024, 10:39 PM   #2
۩◄عبد العزيز شلبى►۩
كبير المراقبين ♥ ♥ الاداره العامه والعليا ♥ ♥ مراقب عام الدي في دي العربي VIP
 
الصورة الرمزية ۩◄عبد العزيز شلبى►۩
 
تاريخ التسجيل: Sep 2023
الدولة: **مصـ المنصورة ـر**
المشاركات: 2,773
معدل تقييم المستوى: 4
۩◄عبد العزيز شلبى►۩ is on a distinguished road

Awards Showcase

افتراضي


__________________




من مواضيع ۩◄عبد العزيز شلبى►۩

۩◄عبد العزيز شلبى►۩ متواجد منذ قليل   رد مع اقتباس
إضافة رد

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

الكلمات الدلالية (Tags)
مميزات, awesome, مكتبة, الأول], التجميل, بالتفصيل, بالصور, font, شرح, [الدرس, والفيديو


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
Im grateful for the forum topic.Really thank you! Awesome. Schnebly Daronblueno Main Section 44 01-24-2023 02:00 AM
مميزات وعيوب هاتف نوكيا 8 بالتفصيل Nokia 8 مراجعة شاملة فريق منتدى الدي في دي العربي المنتدى الفضائي العام Main 0 12-12-2017 09:19 PM
نجوم مصرية - طريقة عمل الكيكة الهشة اللذيذة مقاديرها وطريقة تحضيرها بالتفصيل بالصور فريق منتدى الدي في دي العربي المنتدى الفضائي العام Main 0 10-26-2017 12:41 PM
بالصور.. تعرف بالتفصيل على محتويات مقبرة صانع الذهب للإله آمون فى الأقصر تركي السعوديه المنتدى الفضائي العام Main 0 09-09-2017 12:11 PM
بالصور والفيديو.. أهم 6 مزايا ضمتها htc فى هاتفها الجديد htc 10 تركي السعوديه المنتدى الفضائي العام Main 0 04-13-2016 08:55 AM

 
أخر الموضوعات
- بواسطة nadjm
- بواسطة zoro1
- بواسطة zoro1
- بواسطة zoro1
- بواسطة zoro1
- بواسطة zoro1
- بواسطة zoro1
- بواسطة zoro1
- بواسطة zoro1
- بواسطة zoro1
- بواسطة zoro1
- بواسطة zoro1
- بواسطة nadjm
- بواسطة nadjm
- بواسطة zoro1

استطلاع
ما هى الاقتراحات التى تريد أن تقدمها لتطوير خدمات و تصميم شبكة عالم الانترنت
هذا التصويت مفتوح (مرئي) للجميع: كافة الأعضاء سيشاهدون الإختيار الذي قمت بتحديده ، فيرجى الإنتباه إلى هذه النقطة .

إعلانات
فيسبوك

إدعموا منتدى الدي في دي في ترتيب أليكسا :: الدال على الخير كفاعله ::حديث نبوي صحيح::

إدعموا الدي في دي في ترتيب أليكسا :: الدال على الخير كفاعله ::

فيسبوك

لوحة اعلانية
::صفحات صديقة :: معهد ترايدنت :: منتدى برامج نت :: برامج المشاغب - ملتقى العلماء وطلبة العلم - الريان تيوب - جريدة الديار -عمال مصر- قهوة الصحفيين - جريده اخبار بتروجت :: للإعلان :: واتس 00201558343070 بريد إلكتروني [email protected] أو يمكن التواصل معنا مباشرة عبر نموذج الاتصال بنا علي الرابط الآتي https://dvd4araab.com/vb/sendmessage.php للتواصل عبر الواتس https://chat.whatsapp.com/Bekbfqlef3ZInj31Jhk99j


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


الساعة الآن 05:08 PM

converter url html by fahad

 



Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir
Adsense Management by Losha

هذا الموقع يتسخدم منتجات Weblanca.com
Ads Management Version 3.0.1 by Saeed Al-Atwi

Developed By Marco Mamdouh
Please seek an excuse for DVD FORUM it is not responsible for the coming of topics by members and put the responsibility entirely on the subject's owner , DVD FORUM is open forum for members to put different subjects in striving for a review of topics, according to general laws for the protection of property . If there are any company or institution has a problem with one of the topics, please contact us. DVD FORUM is not responsible for any topics written within the forum. Only the author of the topic bears full responsibility for the topic he submitted. If you encounter any problem arises in the content, please email us

Security team

DMCA.com Protection Status

هذا الموقع يستعمل منتجات MARCO1

All Rights Reserved WaelDesign © 2010/2011

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303