رفتن به مطلب
  • :excl2: در صورت مشکل در دریافت فایل و گیر کردن روی ۹۹ درصد، لطفا از طریق خودِ مرورگر، فایل ها را دریافت نمایید.

2 تصویر

درباره این فایل

مطمئنا مجموعه Font Awesome به اندازه اسمش شگفت انگیز و جذابه ، این مجموعه در حال حاضر و در نسخه 4.2.0 تعداد 479 آیکون داره و با هر آپدیت تعدادش بیشتر میشه.

با توجه به ساختار این آیکون ها که کاملا استایل پذیر هستند و نیازی به جاوا ندارند ، در هر سایزی بدون کم شدن کیفیت قابل استفاده هستند و باعث بالا رفتن سرعت سایت میشن به سرعت در طراحی وب جایگزین آیکون های تصویری شدند.

با توجه به علاقه شخصی که به این مجموعه دارم تصمیم دیدم بد نیست بتونم از این آیکون ها در پست های فروم هم استفاده کنم ، در نتیجه این BBCode برای استفاده آماده شد بریم سراغ اصل مطلب.

  • برای نصب این BBCode محتویات پوشه upload موجود در فایل فشرده دریافتی رو به محل فایل های انجمن خودتون انتقال بدید (روت انجمن)، این همون آیکونیه که قراره برای استفاده به ادیتور اضافه بشه
  • در مرحله دوم فایل xml دریافتی رو در مسیر روبرو ایمپورت کنید : Admin CP > Look & Feel > Post Content > BBCode Management
  • در مرحله سوم باید کتابخانه مجموعه به قالب شما اضافه بشه ، کد زیر رو

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

در مسیر Admin CP > Look & Feel > Manage Skin Sets & Templates > YOUR TEMP > Manage Templates & CSS به globalTemplate قالب فعلیتون اضافه کنید

  • نحوه استفاده در انجمن : با انجام راحل بالا به ادیتور شما یک پرچم آبی رنگ اضافه میشه به شکل زیر

JuPps.jpg

  • با کلیک روی پرچم دو گزینه داریم ، در فیلد اول باید نام آیکون مورد نظرتون رو وارد کنید ، لیست کامل آیکون ها
  • فیلد دوم مربوط میشه به استایل آیکون ، برای تعیین اندازه میتونید از کلاس های fa-2x تا fa-5x استفاده کنید.

RQcze.jpg

  • ماجرا به همینجا ختم نمیشه میتونید از طریق گزینه تغییر رنگ متن ادیتور رنگ آیکون هارو هم تغییر بدید

zSkR8.jpg

  • مورد آخر اینکه میتونید در فیلد دوم تنظیمات بیشتری وارد کنید ، بین گزینه ها از یک فاصله استفاده کنید
  • برای چرخش آیکون های گرد میتونید از کلاس fa-spin استفاده کنید، مثال های بیشتر

5kXzx.jpg

gXYLU.gif

  • پسند 1
 اشتراک گذاری


×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا بتوانیم تجربه بهتری در زمان استفاده از سایت برای شما ایجاد نماییم. سیاست حریم خصوصی.