Новые часы которые плавно меняют цвет каждую секунду, что-то похоже на хамелеона...
Как установить часы на ucoz платформу? Очень просто и легко. Ставите код часов в любое место сайта или в созданный глобальный блок.

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

И так для начала идём в Админ панель => Настройки => Общие настройки => Активировать функцию "Кто Онлайн" ставим галочку.

Теперь активируем модуль статистика сайта, опять идём в Админ панель нажимаем на вкладку неактивные и активируем модуль.
Теперь когда мы активировали нужные нам функции, установим в нужное место вашего сайта следующий html код статистики сайта:

И так для начала мы создадим информер материалов для uCoz, для этого идём в Админ панель => Инструменты => Информеры => Создать информер => Счетчик материалов

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

Данный скрипт очень полезен для тех, кто хочет перевести весь функционал своего сайта на ajax запросы. Суть скрипта в том, чтобы пользователь мог авторизовываться на сайте и выходить с него без перезагрузки страницы. Это очень удобный способ, так как авторизация будет максимально быстрой и вы сможете выполнять любые свои функции после успешного входа под своим профилем

Установка:

1) Форма входа:

На всех страницах замените $LOGIN_FORM$ на:

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

Создайте информер для модуля Пользователи (Панель управления » Инструменты » Информеры). Выберите Способ сортировки по Репутации. Количество материалов – 8, а количество колонок – 1.

Вставьте следующий код в Шаблон информера.

Всем массовый привет, сегодня в этой статье мы будем адаптировать раздвижную форму поиска для uCoz, от Codrops.

Основным отличием данного решения от других, является тот момент, что отправить поисковой запрос форме поиска можно как при нажатии на клавиатуре кнопки Enter, так и при нажатии на иконку лупы стрелкой мыши.

И так давайте приступим к установке данного решения, для этого в самый низ страницы перед закрывающим тегом </body> установим следующие js:

Установка:
В новый блок вставляем код:

[c][/c]Устанавливаете в любую часть сайта.

[code]<div align="center"><a href="http://sms.mts.ru/"><img src="http://pnghosts.ru/img/mts.gif" alt="mts" height="35" width="50"></a> <a href="http://www.beeline.ru/sms/index.wbp"><img src="http://pnghosts.ru/img/beeline.gif" alt="beeline" height="35" width="50"></a> <a href="http://www.megafon.ru/sms/"><img src="http://pnghosts.ru/img/megafon.gif" alt="megafon" height="35" width="50"></a></div> <div align="center"><a href="http://www.ru.tele2.ru/send_sms.html"><img src="http://pnghosts.ru/img/tele2.gif" alt="tele2" <="" a="" height="35" width="50"></a>  <a href="http://smarts.ru/help/send_sms/"><img src="http://www.podrabotka.tv/sim_smarts.png" alt="tele2" <="" a="" height="35" width="50"><script type="text/javascript" src="http://adoit ... Читать дальше »

[c][/c]Описание:
Мини-профиль как у нас на сайте
Установка:
В новый блок вставляем код:

[code]<?if($USER_LOGGED_IN$)?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">Время: <b>$TIME$</b><br>Вы вошли как: <br><b>$USERNAME$</b>
<tr> <td align="center"><img src="http://pnghosts.ru/img/grin.png" width="100" height="20" /></td></tr>
</td>

</tr>
<tr>
<td align="center"><?if($USER_AVATAR_URL$)?>


<img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0">
<?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/noavatar.png" border="0"><?else?><img class="userAva ... Читать дальше »

[c][/c]статистика очень простая
Установка:
В блок вставляем:
Если нужно поменять цвет полоски с коричневого на другой, тогда Вам прийдётся изменить цвет вот этого изображения "prg1.png". Сделать это можно в фотошопе или любым графическим редактором, например стандартной утилитой "Paint".

[code]<noindex><div align="center">$ONLINE_COUNTER$</div><div id="Statku" align="center"></div>
<script type="text/javascript" src="http://pnghosts.ru/js_css/statistika.js"></script><style>.statistika {
width: 180px;
height: 15px;
margin-bottom: 5px;
margin-top: 5px;
background-color: #F7F7F7;
background-image: -moz-linear-gradient(top, #FAFAFA, white);
background-image: -ms-linear-gradient(top, #FAFAFA, white);
background-image: -webkit-gradient(linear, ... Читать дальше »