Хак JQmenu Выпадающее боковое меню для DLE

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Хак JQmenu Выпадающее боковое меню для DLE

Хак для dle JQmenu Выпадающее боковое меню позволяет установить в любом удобном месте выпадающее боковое меню для вду. Выглядит как кнопка, нажатие на которую появляется сбоку плавно панель, в которой можно разместить любую информацию Хак выезжающее боковое меню может быть использован для Dle выше 9.0. У нас на dle9.com.
Хак для DLE JQmenu Выпадающее боковое меню
Установка хака дле JQmenu Впадающее боковое меню для DLE

1. Скопируйте файлы из папок архива в соответствующие папки своего шаблона
2. Перед закрывающимся тегом вставьте следующее:

<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, или leftspeed: 300, //скорость анимацииaction: 'click', //опции=: 'click' или 'hover', анимация при нажатии или наведенииtopPos: '200px', //расположение от верхнего края/ использовать если tabLocation = left или rightleftPos: '20px', //расположение от левого края/ использовать если tabLocation = bottom или topfixedPosition: true //опции: true сделает данную вкладку неподвижной при скролле});});</script>


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


Этот блок как раз таки и будет выводится на веб-ресурсе. Его можете отредактировать как Вам вздумается.

Автор хака: Lomot ( menu.ihtut net )
Адаптировал под Dle: Scoprio ( dleblog ru )
Версия дле : 9.4

Советуем скачать haki Хак для DLE JQmenu Выпадающее боковое меню
  • 80
Рубрика: DLE хаки » Хак для DLE
Ранее » Хак дле красивый Вывод новостей в две колонки« Далее Хак Dle Каптча при авторизации на сайте
Добавление комментарияОставить комментарий
  • № :14
  • 24 августа 2012 11:25
Здравствуйте.
А как сделать чтоб при нажатии на эту кнопку открывалась ссылка, а не выезжало меню?
Спасибо за ответ.
  • № :13
  • 22 февраля 2012 09:58
Ну спасибо вам большооое! Дальше разберусь.
  • № :12
  • 21 февраля 2012 18:13
<table border=0 width=260 height=100 style='background: #fafafa '> ....... </table>

Вместо этого меняем на
<table class="tabl1"> Весь код не пишу </table>


в любой из рабочих стилей добавляем
.tabl1 {border: 0; width: 260px ; height: 100px ; background: #fafafa ; opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);
}

и т.д. надо код проверить и настроить
  • № :11
  • 21 февраля 2012 16:19
Неожиданно быстро ответили! Класс! Пробовал и так. Я делал как в модуле online: создавал css файл, там указывал все параметры, а в main.tpl указывал на css файл. Может не так? Или нужно просто в main.tpl прописывать код без css файла? К сожалению не особо силен в таких действиях, может подскажите что-то подобное в виде кода?
  • № :10
  • 21 февраля 2012 15:43
миостимулятор
Думаю мешает в коде style='background: #fafafa ,убрать и без него попробовать сделать полупрозрачный фон
  • № :9
  • 21 февраля 2012 15:05
Возможно ли сделать полупрозрачный фон с белым цветом всплывающего окна, типа как в модуле OnLine, когда нажимаешь на пользователя? Там используются стили типа opacity. Пробовал подключить-никак не получается.
  • № :8
  • 29 декабря 2011 20:39
Цитата: hummerr

В этом шаблоне установлено , можно как пример ...все вставляется в main.tpl
00068
  • № :7
  • 29 декабря 2011 19:03
Блин, чёт не получается установить меню. Расскажите пожалуйста поподробнее что куда. Прям по папкам. Очень хочу такое меню поставить. Спасибо!
  • № :6
  • 29 декабря 2011 08:34
hummerr,
На любой версии...
Не будет ли отрицательно это меню сказываться для поисковиков?

Чего вдруг, проверьте валидаторами...
  • № :5
  • 29 декабря 2011 02:56
Классное меню. На 9.4 работает? Не будет ли отрицательно это меню сказываться для поисковиков?
  • № :4
  • 24 октября 2011 17:35
Оставил второй вариант smile
  • № :3
  • 24 октября 2011 10:43
dle9,
Спасибо, сейчас попробую
  • № :2
  • 24 октября 2011 09:02
Цитата: boer
Как сделать фон выплывающего окна, белого цвета?

Можно так ..
<h3><span lang="ru" style='background: #fafafa '>Выезжающее меню</h3></span>

Или так вместо строчки выше
<table border=0 width=260 height=100 style='background: #fafafa '><tr><td align=center><p align="left">
<font color="#888888">Добро пожаловать на</font> <font color="#FF0000">
<span style="font-weight: 700"><font color="#4a56fa">www.dle 9.com</font></span><font color="#00FF00">
</font></font><font color="#888888">!</font><br>
<font color="#888888">Мы на сайте адаптировали шаблоны :<br>
</td></tr></table>
  • № :1
  • 23 октября 2011 23:03
Как сделать фон выплывающего окна, белого цвета?