مرجع پارسی MyBB

سلام دوستان

طی این اموزش شما رو با نحوه ابشاری کردن زیر انجمن ها اشنا میکنم. Shy

نمونه:

نویسنده: trezer
[تصویر: user.png]

ترجمه: Mehdi CSS
انتشار پارسی از مای بی بی ایران

نکات مهم:

- قبل از تغییرات حتما از اطلاعات بکاپ تهیه کنید.
- جهت اطمینان کد ها رو ابتدا در نوت پد و سپس قالب کپی کنید.

اموزش:

ابتدا کد زیر رو در global.css قرار بدین.

کد php: 
.user_td_class{
color: #4B3701;
text-shadow: none;
text-align: left;
font-weight: normal;
font-size: 11px;
padding: 1px 5px;
}

.user_td_class a:link, .user_td_class a:active, .user_td_class a:visited, .user_td_class a:hover{
color: #4B3701 !important;
background: none !important;
border: none !important;
text-decoration: none;
padding: 1px 5px !important;
}

.user_td_class:hover{
background: #E5E5E5;
}

.subforum_forumbit, .subforum_forumbit a:link, .subforum_forumbit a:active, .subforum_forumbit a:visited{
color: #FFFFFF;
padding: 2px 2px;
background: #0379AB;
border: 1px solid #04638B;
border-radius: 2px;
text-decoration: none;
}

.subforum_forumbit a:hover{
box-shadow: inset 0px 1px 0px #89D8F9;
}

.popup_subforum_class{
box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
color: #000000;
background: #FAFAFA;
font-family: Book Antiqua;
font-size: 11px;
margin-top: 5px;
width: 150px;
border: 1px solid #EDEBEB;

-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
padding: 1px 4px;
}

.popup_subforum_class a:link, .popup_search_class a:active, .popup_search_class a:visited{
color: #AFAFAF;
text-decoration: none;
}

.popup_subforum_class a:hover{
color: #000000;
text-decoration: none;
border-bottom: 1px solid #000000;
} 

سپس به مسیر زیر مراجعه کنید.

پنل مدیریت » قالب ها و پوسته ها » قالب ها » قالب مورد نظر » Forumbit Templates

کد زیر رو جایگزین کدهای موجود در forumbit_subforums کنید.

کد php: 
<br />
<span id="popup_subforum" class="subforum_forumbit"><a href="#">{$lang->subforums} <span>&#x25BC;</span></a></span>
<div id="popup_subforum_popup" class="" style="display: none;">
<div class="popup_subforum_class" align="left">
<table border="0" width="100%">
{$sub_forums}
</table>
</div>
</div>
<script type="text/javascript">
if(use_xmlhttprequest == "1"){new PopupMenu("popup_subforum");}
</script> 

و

سپس کد زیر رو جایگزین کدهای موجود در forumbit_depth3 کنید.

کد php: 
<tr>
<td class="user_td_class" width="100%"><a href="{$forum_url}" title="{$forum_viewers_text_plain}">{$forum['name']}</a></td>
</tr> 

کار تمام از سبک زیبای زیر انجمنتون لذت ببرید. Shy

موفق باشید.

با درود
راه کار خوبی است فقط دقت کنید که ما از راست به چپ کار می کنیم استایل کار به صورت زیر اگر شود منو به سمت چپ باز می شود که برای ما ایرانی ها قابل فهم تر است . Heart

کد php: 
.user_td_class{
color: #4B3701;
text-shadow: none;
text-align: left;
font-weight: normal;
font-size: 11px;
padding: 1px 5px;
}

.user_td_class a:link, .user_td_class a:active, .user_td_class a:visited, .user_td_class a:hover{
color: #4B3701 !important;
background: none !important;
border: none !important;
text-decoration: none;
padding: 1px 5px !important;
}

.user_td_class:hover{
background: #E5E5E5;
}

.subforum_forumbit, .subforum_forumbit a:link, .subforum_forumbit a:active, .subforum_forumbit a:visited{
color: #FFFFFF;
padding: 2px 2px;
background: #0379AB;
border: 1px solid #04638B;
border-radius: 2px;
text-decoration: none;
}

.subforum_forumbit a:hover{
box-shadow: inset 0px 1px 0px #89D8F9;
}

.popup_subforum_class{
box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
color: #000000;
background: #FAFAFA;
font-family: Book Antiqua;
font-size: 11px;
margin: 5px 0px 0px -150px;
width: 150px;
border: 1px solid #EDEBEB;

-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
padding: 1px 4px;
}

.popup_subforum_class a:link, .popup_search_class a:active, .popup_search_class a:visited{
color: #AFAFAF;
text-decoration: none;
}

.popup_subforum_class a:hover{
color: #000000;
text-decoration: none;
border-bottom: 1px solid #000000;
} 

با تشکر از میدوری عزیز

همچنین میتونید سمت نوشتار رو راست به چپ کنید .

با استفاده از استایل زیر

کد php: 
.user_td_class{
color: #4B3701;
text-shadow: none;
text-align: right;
font-weight: normal;
font-size: 11px;
padding: 1px 5px;
}

.user_td_class a:link, .user_td_class a:active, .user_td_class a:visited, .user_td_class a:hover{
color: #4B3701 !important;
background: none !important;
border: none !important;
text-decoration: none;
padding: 1px 5px !important;
}

.user_td_class:hover{
background: #E5E5E5;
}

.subforum_forumbit, .subforum_forumbit a:link, .subforum_forumbit a:active, .subforum_forumbit a:visited{
color: #FFFFFF;
padding: 2px 2px;
background: #0379AB;
border: 1px solid #04638B;
border-radius: 2px;
text-decoration: none;
}

.subforum_forumbit a:hover{
box-shadow: inset 0px 1px 0px #89D8F9;
}

.popup_subforum_class{
box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
color: #000000;
background: #FAFAFA;
font-family: Book Antiqua;
font-size: 11px;
margin: 5px 0px 0px -150px;
width: 150px;
border: 1px solid #EDEBEB;

-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
padding: 1px 4px;
}

.popup_subforum_class a:link, .popup_search_class a:active, .popup_search_class a:visited{
color: #AFAFAF;
text-decoration: none;
}

.popup_subforum_class a:hover{
color: #000000;
text-decoration: none;
border-bottom: 1px solid #000000;
} 

موفق باشید. Rolleyes

زیبایی کار همیشه ملاک نیست.ایده جالبی هست اما کافی نیست.
با این کار کاربر حوصله و زمان زیادی نمیزاره واسه دیدن هر زیر انجمن.اون چیزی که به چشمش میاد رو کلیک میکنه و میره
فراموش نکنیم که دنیای نت دنیای کم کارها هست و مسلما با یک مثال ساده شما وقتی توی گوگل سرچ میکنی نهایت 10 صفحه اول رو نگاه میکنی و بقیه رو بیخیال میشی.مصداق همین هست.یک مورد رو اینجوری نگاه کردن دو مورد رو دیدن دیگه بقیه رو بیخیال میشن.

CSS

میدوری

CSS

reza.t.gh