WebElement - Лучшие авторские скрипты для вашего сайта и блога
WebElement - это сборник дизайнерских мелочей
А также скриптов, помогающих вам в сайто-строении.
Мы поможем вам сделать сайт красивее, мобильнее и удобнее.
У нас вы можете найти готовые решения на:
HTML, CSS\CSS3, jQuery, JS, плагинам к библиотеке JQ и не только...
Используйте только качественные скрипты на своих сайтах.
Главная » Скрипты »

MoonModer для каталога файлов

09.07.2013 12:44

DEMOMoonModer для каталога файлов

На главной странице где материалы, нужно подключить CSS перед тегом /head

Код
<link type="text/css" rel="StyleSheet" href="http://webelement.info/materials/MoonModer/css/moonmoder.css" />


И на той же странице, только перед закрывающимся тегом /body
Код

<script src="http://webelement.info/materials/MoonModer/js/mobilyblocks.js" type="text/javascript"></script>


В виде материалов, где должна быть модер-панель, ставим следующий код:
Код

<?if($MODER_PANEL$)?><div style="float:right">
<div id="$ID$" class="moonmoder webelement-aperture">  
  <ul class="reset">  
  <li><a title="Удалить" href="javascript://" rel="nofollow" onclick="$.get('/index/14-0-0-1', function(data){_uPostForm('',{url: '/index/92-5-$ID$-' + $('[name=\'ssid\']', data).val()})})" class="webelement-x"></a></li>  
  <li><a class="webelement-tag" href="javascript://" title="Теги материала" rel="nofollow" onclick="new _uWnd('TgEd',' ',-450,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/52-3-$ID$'});return false;"></a></li>  
  <li><a class="webelement-bars" title="Управление счетчиками" href="javascript://" rel="nofollow" onclick="new _uWnd('cntEd',' ',-280,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/87-3-$ID$'});return false;"></a></li>  
  <li><a class="webelement-wrench" href="/load/0-0-0-$ID$-13" title="Редактировать"></a></li>  
</ul>  
</div> </div><?endif?>


И в здесь же в самом конце запускаем скрипт
Код
<script type="text/javascript">  
$(function(){  
$("#$ID$").mobilyblocks();  
});  
</script>


Инструкция по установке для каждого модуля


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

Для начала давайте посмотрим на ссылки для каждого пункта:
Удалить - /index/92-5-$ID$-' + $('[name=\'ssid\']', data).val()})
Теги материала - /index/52-3-$ID$
Управление счетчиками - /index/87-3-$ID$
Редактировать - /load/0-0-0-$ID$-13

Все, что выделено жирным и нужно поменять.
Как узнать на, что поменять?
Щелкаем правой кнопкой по каждому пункту модер-панели и смотрим ссылки этих пунктов, как показано на скриншоте.


В данном примере 92-4- это - Модуль
49- это - $ID$ материала
А это: qAvaCSEn - ssid (нужен только для кнопки удаления)

Думаю остальные ссылки вы сможете разобрать сами, делайте по готовым примерам:
Первый и второй этот материал.
На этом все.

Категория: Разные скрипты | Просмотров: 884 | Добавил: Cradleshel

Теги: jQuery, CSS, Каталог файлов, MoonModer, js, для сайта, модер-панель

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
«  Июль 2013  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031
Какой категории уделить больше внимания?
Всего ответов: 251

Полезная информация

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

Для правильного отображения сайта, вам понадобится минимальное разрешение экрана 1024 x 768px, оптимальное разрешение: 1280 x 1024px