مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
آموزش استفاده از font awesome برای نماد‌های انجمن

آموزش استفاده از Font Awesome برای نماد‌های انجمن
بسم الله الرحمن الرحیم
قدم نخست:
به قالب‌ها و پوسته‌ها در قالب‌ها در قالب مورد نظر در قالب‌های گروه‌بندی نشده برید و قالب headerinclude رو انتخاب کرده و کد زیر رو به آخر کدهاتون اضافه کنید:
 
کد:
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
قدم دوم:
حال در قالب ها، در Forum Bit Templates برید و وارد قالب forumbit_depth2_forum بشید (این کار رو برای forumbit_depth2_cat رو هم انجام بدید)
کد زیر را بیابید:
کد پی‌اچ‌پی:
<span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}id="mark_read_{$forum['fid']}"></span
و به کد زیر تبدیل کنید:
کد پی‌اچ‌پی:
<div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}id="mark_read_{$forum['fid']}"><class="fa fa-comments"></i></div
حال در global.css کدهای زیر را بیابید:
کد پی‌اچ‌پی:
.forum_status {
height30px;
width30px;
backgroundurl(images/forum_icon_sprite.pngno-repeat 0 0;
}

.
forum_on {
background-position0 0;
}

.
forum_off {
background-position-30px;
}

.
forum_offlock {
background-position-60px;
}

.
forum_offlink {
background-position-90px;

و به کد زیر تبدیل کنید:
کد پی‌اچ‌پی:
.forum_status {
height50px;
width50px;
font-size30px;
text-aligncenter;
}

.
forum_status i {
displayinline-block;
line-height50px;
}

.
forum_on {
color#0094d1;
}

.
forum_off, .forum_offlock, .forum_offlink {
color#333;
}

.
forum_off i {
opacity.4;
}

.
forum_offlock i:before {
content"\f023";
}

.
forum_offlink i:before {
content"\f0c1";

قدم سوم:
در قالب‌ها در Index Templates در قالب index برید و کدها رو به کدهای زیر تغییر دهید:
کد پی‌اچ‌پی:
<html>
<
head>
<
title>{$mybb->settings['bbname']}</title>
{
$headerinclude}
<
script type="text/javascript">
<!--
lang.no_new_posts "{$lang->no_new_posts}";
lang.click_mark_read "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
{$forums}
{$boardstats}

<dl class="forum_legend smalltext">
<dt><div class="forum_status forum_on"><i class="fa fa-comments"></i></div></dt>
<dd>{$lang->new_posts}</dd>

<dt><div class="forum_status forum_off"><i class="fa fa-comments"></i></div></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><div class="forum_status forum_offlock"><i class="fa fa-comments"></i></div></dt>
<dd>{$lang->forum_locked}</dd>

<dt><div class="forum_status forum_offlink"><i class="fa fa-comments"></i></div></dt>
<dd>{$lang->forum_redirect}</dd>
</dl>
<br class="clear" />
{$footer}
</body>
</html> 
برای اینکه زیرانجمن‌ها رو هم با Font Awesome درست کنید ادامه رو دنبال کنید:
در قالب‌ها و پوسته‌ها در قالب‌ها در قالب مورد نظر در Forum Bit Templates در forumbit_depth3_statusicon کد زیر را بیابید:
کد پی‌اچ‌پی:
<div title="{$lightbulb['altonoff']}class="subforumicon subforum_{$lightbulb['folder']} ajax_mark_read" id="mark_read_{$forum['fid']}"></div
و به کد زیر تبدیل کنید:
کد پی‌اچ‌پی:
<div title="{$lightbulb['altonoff']}class="subforumicon subforum_{$lightbulb['folder']} ajax_mark_read" id="mark_read_{$forum['fid']}"><class="fa fa-comment"></i></div
سپس در global.css کد زیر را بیابید:
کد پی‌اچ‌پی:
.subforumicon {
height10px;
width10px;
displayinline-block;
margin0 5px;
backgroundurl(images/mini_status_sprite.pngno-repeat 0 0;
}

.
subforum_minion {
background-position0 0;
}

.
subforum_minioff {
background-position-10px;
}

.
subforum_miniofflock {
background-position-20px;
}

.
subforum_miniofflink {
background-position-30px;

و به کد زیر تبدیل نمائید:
کد پی‌اچ‌پی:
.subforumicon {
height10px;
width10px;
displayinline-block;
  
margin0 5px;
}

.
subforum_minion {
color#333;
}

.
subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
color#333;
}

.
subforum_minioff {
opacity.4;
}

.
subforum_miniofflock i:before {
content"\f023";
}

.
subforum_miniofflink i:before {
content"\f0c1";

ترجمه شده از: http://community.mybb.com/thread-156711.html


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید!تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/lightbulb.gif

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
پاسخ


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش سازگاری پوسته های 1.6 با 1.8 mellat 3 1,420 ۱۲ آذر ۱۳۹۵، ۰۴:۱۳ ب.ظ
آخرین ارسال: Drow-Ranger
  کد عمر انجمن برای مای بی بی M-T 4 1,607 ۰۷ آبان ۱۳۹۴، ۱۱:۲۵ ب.ظ
آخرین ارسال: Tofighi
  نمایش تعداد ارسالات در زیر انجمن ها _Arman 6 1,496 ۰۷ آبان ۱۳۹۴، ۱۱:۲۲ ب.ظ
آخرین ارسال: Tofighi
  آموزش افزودن دنبال کردن انجمن در شبکه های اجتماعی farsi200 1 930 ۰۷ آبان ۱۳۹۴، ۱۱:۱۴ ب.ظ
آخرین ارسال: Tofighi
  آموزش ایجاد امکانات برای انجمن ها Tofighi 8 11,849 ۰۷ آبان ۱۳۹۴، ۱۱:۱۳ ب.ظ
آخرین ارسال: Tofighi
  تغییر رنگ انجمن Amir-Me 0 327 ۰۱ تير ۱۳۹۴، ۰۳:۰۱ ب.ظ
آخرین ارسال: Amir-Me
  آموزش ستونی کردن انجمن‌ها Tofighi 0 391 ۲۸ خرداد ۱۳۹۴، ۱۱:۴۷ ب.ظ
آخرین ارسال: Tofighi
  آموزش زیبا سازی تعداد ارسال‌ها و موضوع‌ها در قالب MyBBPro ERFAN-DESIGN 0 1,240 ۰۴ بهمن ۱۳۹۳، ۱۰:۳۹ ب.ظ
آخرین ارسال: ERFAN-DESIGN
  آموزش زیبا سازی قسمت Navigation Tofighi 79 14,580 ۲۳ آبان ۱۳۹۳، ۰۳:۳۸ ب.ظ
آخرین ارسال: KalKalForum
  آموزش زیبا سازی قسمت Navigation Tofighi 79 15,309 ۲۳ آبان ۱۳۹۳، ۰۳:۳۸ ب.ظ
آخرین ارسال: KalKalForum

پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir