Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Список подфорумов

Предыдущая тема Следующая тема Перейти вниз

Список подфорумов

Сообщение автор Neidiro в Пн 30 Авг - 1:50

Как сделать в катигории ссылки подфорумов? Желательно списком 17

Neidiro
Новичок

Сообщения : 2
Регистрация : 2010-08-30
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Список подфорумов

Сообщение автор Dana Domirani в Пн 30 Авг - 18:13

Вариант для bb2

1. Создайте категорию. Создайте в ней несколько подфорумов.


2. В ПА > Оформление > Структура и иерархия укажите Отделять категории в оглавлении форума : полный и сохраните настройку.

3. Здесь же, в ПА > Оформление > Структура и иерархия укажите Ссылки на подфорумы : да и сохраните настройку.

Теперь категория должна выглядеть так (в ней должны отображаться ссылки на подфорумы):


4. Откройте шаблон index_box (Главная страница - показ категорий)

Найдите строку
Код:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
и замените на
Код:
<div class="introforum">
<div class="top">Список подфорумов</div>
<div class="listin">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div></div>
Сохраните и опубликуйте (!) шаблон.


5. Добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS
Код:
.introforum {
position:relative;
}

/* кнопка Список подфорумов */
.introforum .top {
display: block;
height: 20px;
width:  130px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
line-height: 20px;
padding-left: 25px;
margin: 5px 0;
background: #EDEDED url(http://i70.servimg.com/u/f70/17/37/83/89/plus10.png) no-repeat 5px 50%;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
}

/* кнопка Список подфорумов при наведении */
.introforum .top:hover {
color: #000;
cursor: pointer;
}

/* список ссылок на подфорумы */
.introforum .listin {
display: none;
position:absolute;
font-size: 0 !important;
padding: 3px;
margin: 1px 3px 5px 0;
background-color: #EDEDED;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
-webkit-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
z-index: 1000 !important;
}

.introforum .listin:empty {
display: none !important;
}

/* ссылки на подфорумы */
.introforum .listin a {
display: block;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
text-decoration: none !important;
font-weight: normal !important;
color: #000 !important;
}

/* ссылки на подфорумы при наведении */
.introforum .listin a:hover {
background-color: #D1D7DC;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
Сохраните. И проверьте: в строке "Оптимизировать вашу CSS" должно стоять "нет".

6. В ПА > Модули > Управление кодами JS укажите Активировать управление кодами JS : да
Создайте новый файл и заполните следующим образом:
Название: любое, например, подфорумы
Расположение: на всех страницах
Код:
Код:
jQuery(document).ready(function(){

jQuery('.introforum .top').click(function(){
      jQuery(this).parent().children('div.listin').slideToggle("fast");
      return false;
    });

jQuery(document).click(function(event) {
    if (jQuery(event.target).closest(".listin").length) return;
    jQuery(".listin").hide();
    event.stopPropagation();
  });

});
И сохраните.

В результате должно получиться следующее:



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22098
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения