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

MoonModer - Модер-панель для новостей

25.02.2013 06:39

DEMOMoonModer - Модер-панель для новостей

MoonModer - это красивое оформление стандартной модер-панели, вернее полная замена ее.
Единственный минус это - подключение скрипта, но он не так уж и много весит, чтобы беспокоится о долгой загрузке сайта.


На странице, где у вас новости, подключаем CSS и JS
Это нужно вставить перед закрывающимся тегом 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>


Теперь заходим в "вид материалов" новостей
И ставим там где должна быть модер-панель, такой код:


Код


<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-2-$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-2-$ID$'});return false;"></a></li>
  <li><a class="webelement-wrench" href="/news/0-0-0-$ID$-10" title="Редактировать"></a></li>
</ul>  
</div>


И последний шаг, это - запуск кода
В виде новостей, вставить в самый конец, можно в начало.
Код

<script type="text/javascript">
$(function(){
$("#$ID$").mobilyblocks();
});
</script>


На этом все!

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

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

Всего комментариев: 4
Vovanchikus13 | 01.07.2013 | 13:23
+ (0) -
Привет! Скрипт очень понравился, есть один вопрос, как для каталога файлов такую модер панель сделать?=)
Cradleshel | 02.07.2013 | 21:18
+ (0) -
Позже выложу как новость.
infleims | 26.02.2013 | 00:03
+ (0) -
Привет!Отличный скрипт,а можно для персональной стр.чтото подобное сделать.Спасибо!
Cradleshel | 26.02.2013 | 06:01
+ (0) -
Можно, в скором времени будет...
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
«  Февраль 2013  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728
Какой категории уделить больше внимания?
Всего ответов: 251

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

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

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