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

MoonModerPro - Модер-панель для персональной стр.

03.03.2013 14:20

DEMOMoonModerPro - Модер-панель для персональной стр.

MoonModerPro - Модер-панель для персональной страницы.
По просьбе пользователя infleims, выкладываю вот такую модер-панель, для персональной страницы.
Подключение аналогично предыдущему скрипту: MoonModer

На персональную страницу подключаем CSS
Перед закрывающимся тегом head

Код


<link href="http://webelement.info/materials/moonmoderpro/moonmoderpro.css" rel="stylesheet" type="text/css" />



Теперь после открывающегося тега body ставим JS:

Код


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



После этого, ставим html разметку, где будет наша модер-панель

Код

<?if($MODER_PANEL$)?>
<div id="$_USER_ID$" class="profile webelement-aperture">
<ul class="reset">
  <li><a title="Изменить" href="/index/11-$_USER_ID$" class="webelement-pencil"></a></li>
  <li><a class="webelement-profile" href="javascript://" title="Удаление записей пользователя" rel="nofollow" onclick="new _uWnd('Ud','Удаление записей пользователя',-260,-150,{autosize:1,closeonesc:1,resize:1,maxh:230},{url:'/index/33-$_USER_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/39-$_USER_ID$'});return false;"></a></li>
  <li><a class="webelement-trophy" href="javascript://" rel="nofollow" onclick="new _uWnd('rtEd','Титул и ранг пользователя',-300,-110,{autosize:1,closeonesc:1,resize:0},{url:'/index/41-$_USER_ID$'});return false;" title="Титул и ранг пользователя"></a></li>
</ul>
</div>
<?endif?>


И перед закрывающимся тегом body, вызываем скрипт:
Код


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



Модер-панель готова!

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

Теги: css, jquery, MoonModer, CSS3, js, модер-панель

Всего комментариев: 2
infleims | 04.03.2013 | 12:45
+ (+2) -
Блин,отлично!Я даже и не думал что по моей просьбе вы подготовите желаемый мною скрипт.Огромное спасибо.Я могу еще раз к вам обратится,поскольку я собираю проект,востребованный (как показала статистика) для тех кто начинает писать клубную музыку.Так что новые и модифицированные скрипты,ой как мне необходимы.Спасибо!
Cradleshel | 04.03.2013 | 15:11
+ (+3) -
Всегда рад помочь smile
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
«  Март 2013  »
Пн Вт Ср Чт Пт Сб Вс
    123
45678910
11121314151617
18192021222324
25262728293031
Оценка сайта
Всего ответов: 336

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

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

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