استفاده از فونت Awesome در قسمت وضعیت انجمن ها
درود

احتمالا دیدید بعضی از انجمن ها بجای تصویر برای قسمت نمایش انجمن ها (همون قسمتی که نشون میده انجمن ارسال جدید داره یا نه) از فونت 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']}"><i class="fa fa-comments"></i></div>

حالا به global.css قالبتون برید و کد زیر رو پیدا کنید
.forum_status {
height: 30px;
width: 30px;
background: url(images/forum_icon_sprite.png) no-repeat 0 0;
}

.forum_on {
background-position: 0 0;
}

.forum_off {
background-position: 0 -30px;
}

.forum_offlock {
background-position: 0 -60px;
}

.forum_offlink {
background-position: 0 -90px;
}
و با این کد تعویض کنید
.forum_status {
height: 50px;
width: 50px;
font-size: 30px;
text-align: center;
}

.forum_status i {
display: inline-block;
line-height: 50px;
}

.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 Page 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>

استفاده از فونت 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']}"><i class="fa fa-comment"></i></div>

تو global.css قالبتون اینو پیدا کنید
.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
margin: 0 5px;
background: url(images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
background-position: 0 0;
}

.subforum_minioff {
background-position: 0 -10px;
}

.subforum_miniofflock {
background-position: 0 -20px;
}

.subforum_miniofflink {
background-position: 0 -30px;
}
و با این تعویض کنید
.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
margin: 0 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";
}

تمام
اگه دیدید تغییرات اعمال نشد یه بار Ctrl + F5 بزنید و اگه بازم مشکلی داشتید آدرس انجمنتونو بزارید تا بررسی کنم.

منبع : انجمن مادر
نویسنده :

X
چت باکس نسخه MyShoutbox 1.7
درود ! پلاگین چت باکس نسخه MyShoutbox 1.7 نکات لازم برا استفاده :  بنده رضایت ندارم ترجمه ...
تعیین نشده
    دیدگاه های کاربران 0

    برای عضویت در کانال تلگرامی
    [همیار مای بی بی]
    کلیک کنید
    دریافت آخرین اخبار ، کدهای تخفیف و جوایز
    برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :