منتديات رحيل لكل العرب

منتديات رحيل لكل العرب (https://r7il.com/vb/)
-   قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress (https://r7il.com/vb/f20/)
-   -   ما هي طريقة تغيير ايقونات المنتدى بايقونات مكتبة fontello (https://r7il.com/vb/t4174/)

raheel 11-04-2019 06:44 PM

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

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

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

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

اولاً الموقع الرسمي للمكتبة

اضغط هنا

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

اضغط هنا

صورة توضيحية للمكتبة

https://dc625.4shared.com/img/GoVkB5...48070279301865


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

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

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 هي ايقونة الكرة الارضية ويمكن اختيار غيرها

الشرح انتهى

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


الساعة الآن 02:51 PM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO ©2010, Crawlability, Inc. TranZ By Almuhajir

Security team