Выпадающее меню суб-форумов для IP.Board

Открываем шаблон Board Index > boardIndexTemplate, находим:

<ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id']}'>

Выше вставляем:

<a class='subforumsToggle'>{$this->lang->words['sub_forum_title']}</a><div class='subforumsMenu'>

Находим:

</ol>

Ниже вставляем:

</div>

Теперь открываем шаблон Global Templates > includeJS и в самый низ вставляем:

<!-- subforums drop-down menu --><script type='text/javascript'>  jQuery(document).ready(function() {    jQuery('a.subforumsToggle').click(function() {      jQuery(this).toggleClass('active');      jQuery(this).next('div.subforumsMenu').toggle();    });  });</script><!-- / subforums drop-down menu -->

Открываем ipb_styles.css и в самый низ вставляем:

/**- * ----------------------------------------------------------------------------- * Subforums drop-down menu- * ----------------------------------------------------------------------------- */table.ipb_table .subforumsMenu {  position: relative;  display: none;}table.ipb_table .subforumsToggle {  position: relative;  z-index: 999;  display: inline-block;  padding: 0 20px;  cursor: pointer;  border: 1px solid #fff;  border-bottom: none;  background: #fff url('{style_images_url;}/subforum_stem.png') no-repeat left 4px;}table.ipb_table .subforumsToggle.active {  border: 1px solid #ccc;  border-bottom: none;}table.ipb_table .subforumsMenu ol.subforums {  position: absolute;  z-index: 998;  top: -1px;  left: 0;  min-width: 160px;  margin: 0;  padding: 0;  border: 1px solid #ccc;  border-radius: 4px;  border-top-left-radius: 0;  border-top-right-radius: 0;  background: #fff;  box-shadow: 0 6px 12px rgba(0,0,0,.175);}table.ipb_table .subforumsMenu ol.subforums li {  display: block;  margin: 0;  padding: 0;}table.ipb_table .subforumsMenu ol.subforums li a {  display: block;  padding: 5px;}table.ipb_table .subforumsMenu ol.subforums li a:hover {  color: #fff;  background-color: #357ebd;  background-image: -webkit-linear-gradient(top,#428bca 0,#357ebd 100%);  background-image:         linear-gradient(to bottom,#428bca 0,#357ebd 100%);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);}