رفتن به مطلب

Font Awesome BBCode


ارسال‌های توصیه شده

index.php?app=downloads&module=display&section=screenshot&id=1970

نام فایل: Font Awesome BBCode

ارسال کننده: pouria

فایل ارسال شده: ۲۳ دی ۱۳۹۳

بخش فایل: متفرقه

مطمئنا مجموعه 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

برای دریافت فایل اینجا را کلیک کنید

لینک ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

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

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
  • اضافه کردن...