Показать\Скрыть подразделы форума

GSM-RADUGA

Пользователь
Регистрация
04.07.12
Сообщения
82
Реакции
29
Баллы
3
Добрый вечер форумчане, сегодня наткнулся на это чудесное изменение в шаблоне хочу поделиться и перевести на русский, сильно не пинайте за перевод.
Настройка.
Идем в --> стили ишаблоны находим --> forumhome_forumbit_level1_post открываем и находим строку {vb:raw forum.subforums}
переписываем на
Код:
<div class="divspoiler">
<input type="button" class="mc" value="→ ПОКАЗАТЬ ПОДРАЗДЕЛЫ" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = '↑ СКРЫТЬ ПОДРАЗДЕЛЫ'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = '↓ ПОКАЗАТЬ ПОДРАЗДЕЛЫ'; }" />
</div><div><div class="spoiler" style="display: none;">
<div style="padding:1px;">{vb:raw forum.subforums}</div>
</div></div>

далее находим шаблон additional.css дописываем
Код:
.mc {
display: inline-block;
margin-top: 8px;
background: #f9f9f9;
background: -moz-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
background: -o-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
background: -ms-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
background: linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#EAEAEA',GradientType=0);
height: auto;
border: 1px solid #cacaca;
border-radius: 3px;
padding: 7px;
text-align: left;
line-height: 23px;
box-shadow: inset 0 1px 2px white,0px 1px 1px rgba(0,0,0,0.12);
padding-left: 9px;
font-weight: bold;
text-transform: uppercase;
color: #6f6f6f;
text-shadow: 0 1px white;
margin-top: 10px;
cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
}
.mc:hover { background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #fbfbfb)); background: -webkit-linear-gradient(top, #fefefe 0, #fbfbfb 100%); background: -o-linear-gradient(top, #fefefe 0, #fbfbfb 100%); background: -ms-linear-gradient(top, #fefefe 0, #fbfbfb 100%); background: linear-gradient(top, #fefefe 0, #fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#FBFBFB', GradientType=0);
}
.mc:active { box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.40), 0px 1px 1px rgba(0, 0, 0, 0.12);
}

Находим шаблон forumhome_forumbit_level2_post открываем находим строку {vb:raw forum.subforums} переписываем на

Код:
<div class="divspoiler">
<input type="button" class="mc" value="→ ПОКАЗАТЬ ПОДРАЗДЕЛЫ" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = '↑ СКРЫТЬ ПОДРАЗДЕЛЫ'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = '↓ ПОКАЗАТЬ ПОДРАЗДЕЛЫ'; }" />
</div><div><div class="spoiler" style="display: none;">
<div style="padding:1px;">{vb:raw forum.subforums}</div>
</div></div>

Оригинал
ЗЫ: Если где то ошибся ув.Модераторы отредактируйте

DEMO ONLINE
 

Вложения

  • ффф.jpg
    ффф.jpg
    54.1 KB · Просмотры: 29
Последнее редактирование:

Статистика форума

Темы
200.483
Сообщения
380.310
Пользователи
327.891
Новый пользователь
igr2703
Сверху Снизу