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


مواضيع تهمك

ركن تطوير منتديات vb3.8.0 القسم خاص بتطوير منتديات الجيل الثالث ويمنع منعاً باتاً.. كتابة اي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin ))

تغيير ايقونات المنتدى بايقونات مكتبة fontello

بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته تعد مكتبة fontello من اكبر مكتبات الايقونات وهي مكتبة...

احصائياتى

الردود
6

المشاهدات
2416
safwan khazraji
.:: عضو فعال ::.
  • safwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to behold

  • safwan khazraji غير متواجد حالياً
  • إرسال رسالة عبر Skype إلى safwan khazraji

المشاركات
243

+التقييم
205

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

الاقامة
فرنسا

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

رقم العضوية
702
02-13-2016, 04:30 PM
المشاركة 1
02-13-2016, 04:30 PM
المشاركة 1
Thumbs up تغيير ايقونات المنتدى بايقونات مكتبة fontello
بسم الله الرحمن الرحيم

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

تعد مكتبة fontello من اكبر مكتبات الايقونات وهي مكتبة منوعة ومميزة

الكثير منا يرغب باستبدال صور ايقونات المنتدى ويبحث عن مكتبات توفر هذه الخدمة

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

اولاً الموقع الرسمي للمكتبة
كود:
http://fontello.com/
لتحميل المكتبة بعد دخولك للموقع الرسمي لها يجب ان تقوم بتحديد جميع ايقونات المكتبة كل مجموعة على جدة

حتى يتم تحديد جميع الايقونات ثم اضغط على الزر الاحمر اعلى الموقع

download webfont

سيتم تحميل المكتبة على جهازك

بعد فك الضغط عن المكتبة غير اسم المجلد الرئيسي لها الى fontello

ثم اعد ضغط المجلد وقم برفعه الى السي بنل

اذهب الى لوحة تحكم المنتدى افتح قالب

headinclude

ابحث فيه عن

كود PHP:
$style[css
اضف فوقها هذا الكود لربط المكتبة بالمنتدى

كود PHP:
<link rel="stylesheet" href="xxxx/fontello/css/fontello.css" /> 
مع استبدال xxxx الى رابط منتداك

الآن نتطرق لطريقة تغيير ايقونات المنتدى بايقونات المكتبة

اولاً نختار الايقونة المطلوبة من المكتبة وننسخ اسمها من خلال الذهاب الى موقع المكتبة والضعط على

Customize Names

ثم نسخ اسم الايقونة

الخطوة الثانية

استبدال اي ايقونة يتم بتغيير رابط الايقونة بالرابط التالي مع استبدال اسم الايقونة المطلوبة من المكتبة كمثال

كود PHP:
<div class="icon-globe-2"
حيث globe-2 هي ايقونة الكرة الارضية ويمكن اختيار غيرها

الشرح انتهى

لمن يصعب عليه تحميل المكتبة من موقعها الرسمي قمت بارفاق المكتبة كاملة في الموضوع

تم تقديم هذا الشرح بواسطة

صفوان الخزرجي

التحميل
كود:
arabsharing.com/do.php?id=171779
كود:
dev-point.co/download320780.html


التعديل الأخير تم بواسطة هيلبرنت ; 07-02-2017 الساعة 12:28 AM
قديم 02-13-2016, 06:41 PM
المشاركة 2
سينشي كودو
.:: عضو فعال ::.
  • سينشي كودو غير متواجد حالياً
افتراضي رد: تغيير ايقونات المنتدى بايقونات مكتبة fontello
شرح حلوو يسلموو

هلق انا بدي اغير misc و editor statusicon


هاد كيف ببدلو مع الايقونات المذكورة

<div class="icon-globe-2">

قديم 02-13-2016, 07:30 PM
المشاركة 3
safwan khazraji
.:: عضو فعال ::.
  • safwan khazraji غير متواجد حالياً
افتراضي رد: تغيير ايقونات المنتدى بايقونات مكتبة fontello
شرح حلوو يسلموو

هلق انا بدي اغير misc و editor statusicon


هاد كيف ببدلو مع الايقونات المذكورة

<div class="icon-globe-2">
الله يحلي ايامك ويسلمك
اخي التغيير لا يتم على مجلد بأكملوا بل يتم تغيير صورة صورة من قوالب المنتدى

مثال

نريد تغيير ايقونة آخر مشاركة في واجهة المنتدى

نذهب الى قالب

forumhome_lastpostby

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

المهم كود ايقونة آخر مشاركة موجود في قالب

forumhome_lastpostby

نحدد كود الايقونة الي هو

كود PHP:
<img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]border="0" /> 
نستبدله بالكود الي وضعته في الموضوع مع تغيير الايقونة الى ايقونة مناسبة , مثلاً نستبدله هكذا

كود PHP:
<div class="icon-chat"
اتمنى ان تطبق الشرح وتعطينا نتيجة طيبة , بالتوفيق

قديم 02-13-2016, 09:46 PM
المشاركة 4
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: تغيير ايقونات المنتدى بايقونات مكتبة fontello
شررررررررررح روعه تطروحاتك رائعه بجد منور قسم التطوير اخى

قديم 02-13-2016, 09:54 PM
المشاركة 5
safwan khazraji
.:: عضو فعال ::.
  • safwan khazraji غير متواجد حالياً
افتراضي رد: تغيير ايقونات المنتدى بايقونات مكتبة fontello
شررررررررررح روعه تطروحاتك رائعه بجد منور قسم التطوير اخى
مرورك ودعمك المتواصل اروع اخي الكريم والنور نورك تشرفت بمرورك

قديم 01-25-2018, 04:07 PM
المشاركة 6
ahmed200
.:: عضو مبدع ::.
  • ahmed200 غير متواجد حالياً
افتراضي رد: تغيير ايقونات المنتدى بايقونات مكتبة fontello
مشاء الله

10/10

قديم 01-18-2020, 08:36 PM
المشاركة 7
safwan khazraji
.:: عضو فعال ::.
  • safwan khazraji غير متواجد حالياً
افتراضي رد: تغيير ايقونات المنتدى بايقونات مكتبة fontello
اضافة رد

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

تغيير ايقونات المنتدى بايقونات مكتبة fontello


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

الانتقال السريع
المواضيع المتشابهه للموضوع: تغيير ايقونات المنتدى بايقونات مكتبة fontello
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[XF 2.x] : شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2 نسيت النوم ركن شروحات الزين فورو XENFORO 10 03-20-2020 06:42 PM
شرح طريقة استخدام مكتبة الخطوط fontello خطوة خطوة ahmed200 ركن تطوير المواقع 6 05-21-2019 08:17 PM
[XF 2.x] : طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو هيلبرنت ركن شروحات الزين فورو XENFORO 2 01-23-2018 11:19 AM
[XF 2.x] : اضافة ايقونات مكتبة الخطوط fontawsome لقائمة العضوية نسيت النوم ركن شروحات الزين فورو XENFORO 2 01-12-2018 10:43 PM
تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل safwan khazraji ركن تطوير منتديات vb3.8.0 2 11-26-2016 05:25 PM




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