آموزش تعویض آیکون های انجمن
در این آموزش خواهید توانست که آیکون های انجمنتون رو با آیکون های متنی Font-Awesome جایگزین بکنید

قدم اول
به مسیر زیر برید :
قالب ها و پوسته ها / قالب ها / قالب مورد نظر / قالب های گروه بندی نشده
حالا فایل headerinclude رو ویرایش کنید و متغیر {$stylesheets} رو پیدا کرده و کد زیر رو بعد از این متغیر قرار بدید :

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.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 رو ویرایش کنید و کد زیر رو پیدا کنید :

<dl class="forum_legend smalltext">

    <dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>
    <dd>{$lang->new_posts}</dd>

    <dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"></span></dt>
    <dd>{$lang->no_new_posts}</dd>

    <dt><span class="forum_status forum_offlock" title="{$lang->forum_locked}"></span></dt>
    <dd>{$lang->forum_locked}</dd>

    <dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"></span></dt>
    <dd>{$lang->forum_redirect}</dd>
</dl>


به جای کد بالا ، کد زیر رو قرار بدید :

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


نتیجه ای که حاصل میشود را میتوانید در عکس زیر مشاهده کنید :
   


منبع : mybb.com
با تشکر
موفق باشید

thanks
نویسنده :

X
فرم جستجو پاپ آپ
شاید دوست داشته باشید که جستجو در انجمن رو برای کاربرانتون راحت تر بکنید ، خب با استفاده از این آموز ...
آموزش
دیدگاه های کاربران 0

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