عمل تصنيفات فرعية ليس سهلا فالأقسام الحالية رئيسية والأقسام الرئيسية يجب ان لا يكون فيها بيانات وعليك نقل كل المشاركات لأقسام فرعية.
اسهل حل ان تعمل قائمة بلغة هتمل. اولا اعمل التصنيفات كلها. ثم عدل على القالب media_library_tagcloud
استبدل
CODE
<ul class="forum_list">
{Des::while}{CatsList}
<?php
$PowerBB->_CONF['template']['while']['CatsList'][$this->x_loop]['title'] = $PowerBB->Powerparse->censor_words($PowerBB->_CONF['template']['while']['CatsList'][$this->x_loop]['title']);
$PowerBB->_CONF['template']['while']['CatsList'][$this->x_loop]['title'] = $PowerBB->functions->CleanVariable($PowerBB->_CONF['template']['while']['CatsList'][$this->x_loop]['title'], 'unhtml');
?>
<li {if {$CatsList['id']} == {$Cat['id']} }class="active_cat"{/if}
{if {$CatsList['id']} == {$Inf['category']} }class="active_cat"{/if}>
{if {$_CONF['info_row']['media_library_seo']} }
<a href="media-category-{$CatsList['id']}">
{else}
<a href="index.php?page=media&category={$CatsList['id']}">
{/if}
<i class="fa {$CatsList['icon']} fa20">
</i> {$CatsList['title']} <span class="left">({$CatsList['records']})</span></a> </li>
{/Des::while}
</ul>
ب
CODE
<script>
//<!--
$(document).ready(function(){
//$.easing.def = "easeOutBounce";
$('li.buttonn').click(function(e){
var dropDown = $(this).parent().next();
$('.dropdown9').not(dropDown).slideUp(0);
dropDown.slideToggle(0);
e.preventDefault();
})
});
//-->
</script>
<ul class="menu9">
<li class="buttonn">
<a href="#">تعلم اللغة الإنجليزية</a>
</li>
</ul>
<ul class="dropdown9">
<li><a href="index.php?page=media&category=5">القواعد</a></li>
<li><a href="index.php?page=media&category=1">المحادثة</a></li>
</ul>
<ul class="menu9">
<li class="buttonn">
<a href="#">تعلم اللغة الفرنسية</a>
</li>
</ul>
<ul class="dropdown9">
<li><a href="index.php?page=media&category=3">القواعد</a></li>
<li><a href="index.php?page=media&category=2">المحادثة</a></li>
</ul>
يمنكنك اضافة قوائم كما تشاء على الكود
وأضف الكود التالي في آخر الملف
media/assets/style1.css
CODE
.menu9, .dropdown9{
margin: 0;
padding: 0;
list-style: none;
font-family: "Droid Arabic Kufi";
}
.menu9 li{
padding-right:3px
}
.buttonn{
background: #DBE2EC;
border: 1px solid #cdcdcd;
padding-bottom: 3px;
padding-top: 3px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
margin-bottom: 3px;
}
li.buttonn a{
display: block;
direction: rtl;
text-decoration: none;
text-align: right;
color: #000000;
font-size: 11px;
}
.dropdown9{
display: none;
width: 94%;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.dropdown9 li {
margin: 0px 0px 5px 0px;
display: block;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
border: 1px solid #cdcdcd;
padding: 3px;
background: #eeeeee;
width: 100%;
}
.dropdown9 li a{
font-family: "Droid Arabic Kufi";
text-decoration: none;
color: #000;
display:block;
font-size: 11px;
}
.dropdown9 li:hover {
background: #ddd;
}