Выезжающее боковое меню

[zloy_admin]

Скрипт, позволяющий создать выезжающее боковое меню. Он выводит кнопку и при нажатии на которую, сбоку выезжает панель, в которой может размещаться все что угодно.

скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

интересует как создать еще одно такое меню? т.е. нужно чтоб их было 2+

 

[acelotuse]

во-первых это не модуль для ДЛЕ. Это html-код, который можно привязать с любому движку. И даже не ХАК для ДЛЕ. Эти вещи МОДом или ХАКом не называют.
Попробуй добавить новый div с названием класса, отличным от "slide-out-div", и скопируй ява-код с новым названием.
А вообще, этим способом ты подключаешь новый ява-скрипт. Делать это нет смысла, так как в ДЛЕ по умолчанию уже jquery подключается. А с ним можно такие чудеса творить!!!
Попробуй вот так сделать:

2. Перед закрывающимся тегом </HEAD> вставьте следующее:

<script type="text/javascript" src="{THEME}/js/jquery.tabSlideOut.v1.2.js"></script>
<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //класс элемента вкладки
pathToTabImage: '{THEME}/images/contact_tab.gif', //путь к изображению "обязательно"
imageHeight: '122px', //высота изображения "обязательно"
imageWidth: '40px', //ширина изображения "обязательно" 
tabLocation: 'left', //сторона на которой будет вкладка top, right, bottom, или left
speed: 300, //скорость анимации
action: 'click', //опции=: 'click' или 'hover', анимация при нажатии или наведении
topPos: '200px', //расположение от верхнего края/ использовать если tabLocation = left или right
leftPos: '20px', //расположение от левого края/ использовать если tabLocation = bottom или top
fixedPosition: true //опции: true сделает данную вкладку неподвижной при скролле
});
$('.slide-out-div2').tabSlideOut({
tabHandle: '.handle', 
pathToTabImage: '{THEME}/images/contact_tab.gif', 
imageHeight: '122px', 
imageWidth: '40px', 
tabLocation: 'left', 
speed: 300, 
action: 'click',
topPos: '400px', 
leftPos: '20px', 
fixedPosition: true 
});

});

</script>

3. Перед закрывающимся тегом </BODY> вставьте следующий код:

    <div class="slide-out-div">
        <a class="handle" href="/"></a>
        <h3><span lang="ru">Выезжающее меню</span></h3>
		<br /><span lang="ru">Здесь вставляем все что угодно<br />
		<br />
		К примеру: Контакты, Кнопку Твитнуть и др.</span>
    </div>
	<div class="slide-out-div2">
        <a class="handle" href="/"></a>
        <h3><span lang="ru">Выезжающее меню</span></h3>
		<br /><span lang="ru">Здесь вставляем все что угодно<br />
		<br />
		К примеру: Контакты, Кнопку Твитнуть и др.</span>
    </div>

 

[Digidie]

Модуль хороший а как его вставить в joomla
<-------------- добавлено через 39 сек. -------------->
Ало!

 

[mistislav]

есть модуль для установки