Довольно оригинальная разработка. Ставится очень просто и вроде багов не наблюдается.
посмотреть демо
(наведите курсор на полоски слева страницы)
Установка:
Скачать из файлового архива сайта
Распаковать, загрузить в корень форума папку list_repeat
Открыть файл "шапки", например overall_header.html
Найти
Код: Выделить всё
</head>
Вставить перед найденным
Код: Выделить всё
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="list_repeat/css/box-lid.css">
<link rel="stylesheet" type="text/css" href="list_repeat/css/box-lid-nav.css">
<script src="list_repeat/js/jquery.box-lid.js"></script>
Найти
Код: Выделить всё
<body>
Вставить после найденного
Код: Выделить всё
<div class="box-lid-menu">
<div class="box-lid-icon"></div>
<nav>
<!---- здесь находится то самое меню, которое "за дверью" --->
<h4>Меню</h4>
<ul>
<li><a href="#" title="ссылка 1">ссылка 1</a></li>
<li><a href="#" title="ссылка 2">ссылка 2</a></li>
<li><a href="#" title="ссылка 3">ссылка 1</a></li>
</ul>
<!--- меню закончено --->
</nav>
</div>
<div class="box-lid">
<div class="box-lid-content">
<!--- открывается "поворачиваемый" блок --->
<!--- скрипт вывода полоски открытия. в данном месте влияет на ВСЕ страницы сайта --->
<script>
$('.box-lid-menu').boxLid();
</script>
<!--- скрипт вывода закончен --->
Открыть "подвал" сайта, например overall_footer.html
Найти
Код: Выделить всё
</body>
Вставить перед найденным
Код: Выделить всё
<!--- "поворачиваемый" блок закончен --->
</div>
</div>
Если у вас на сайте был поставлен фон-картинка, то, после установки этого скрипта он перестанет работать, так как скрипт затрагивает всё поле <body> и всё настройки до него уже не работают.
Для исправления этой проблемы надо "обрамить" всё содержание <body> в отдельный блок.
Вот так:
Вставить после (в файле overall_header.html) /шапке/
Код: Выделить всё
</script>
<!--- скрипт вывода закончен --->
код (если картинка)
Код: Выделить всё
<div style="background: url('ваш путь до картинки')">
либо (если фон-цвет)
Код: Выделить всё
<div style="background: #цвет">
Вставить перед </body> в файле overall_footer.html /подвале/
ещё один </div> чтобы получилось так
Код: Выделить всё
<!--- "поворачиваемый" блок закончен --->
</div>
</div>
</div>
небольшие пояснения по коду
может кому и пригодится...