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

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)

- ركن تطوير منتديات vb3.8.0 (https://www.helpernt.com/vb/forumdisplay.php?f=99)

- - تغيير ايقونات المنتدى بايقونات مكتبة fontello (https://www.helpernt.com/vb/showthread.php?t=3801)

تغيير ايقونات المنتدى بايقونات مكتبة 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

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

شرح حلوو يسلموو

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

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

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

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

اقتباس:

المشاركة الأصلية كتبت بواسطة سينشي كودو (المشاركة 7953)

شرح حلوو يسلموو

هلق انا بدي اغير 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">

اتمنى ان تطبق الشرح وتعطينا نتيجة طيبة , بالتوفيق

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

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

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

اقتباس:

المشاركة الأصلية كتبت بواسطة هيلبرنت (المشاركة 7956)

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

مرورك ودعمك المتواصل اروع اخي الكريم والنور نورك تشرفت بمرورك

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

مشاء الله

10/10

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

اقتباس:

المشاركة الأصلية كتبت بواسطة ahmed200 (المشاركة 17213)

مشاء الله

10/10

حياك الله اخي