ЛУЧШИЕ CFG / CS1.6 / CSGO

Часы для сайта или для блога

DoG — Sun, 18 Aug 2013 09:15:23 GMT

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

Код

Функция Кто Онлайн для uCoz v2

DoG — Sun, 18 Aug 2013 07:50:15 GMT

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

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

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

Код

$ONLINE_COUNTER$

  $COUNTER$

Ну и под конец нашего решения, давайте установим 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

DoG — Sun, 18 Aug 2013 06:10:06 GMT

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

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

Код

Сайтов в каталоге:
$DIR$

Записей в блоге:
$BLOG$

Гостевая книга:
$GB$

Новостей сайта:
$NEWS$

Тем на форуме:
$FORUM_T$

Комментариев:
$COMMENTS$

Объявлений:
$BOARD$

Фотографий:
$PHOTO$

Ответов:
$FAQ$

Файлов:
$LOAD$

Статей:
$PUBL$

Тестов:
$TESTS$

Видео:
$VIDEO$

Игр:
$STUFF$

а если вы хотите чтобы ячейка с количеством материалов имел тёмный фон, как в примере номер два, то устанавливаем в тот же информер следующий html код:

Код

Сайтов в каталоге:
$DIR$

Записей в блоге:
$BLOG$

Гостевая книга:
$GB$

Новостей сайта:
$NEWS$

Тем на форуме:
$FORUM_T$

Комментариев:
$COMMENTS$

Объявлений:
$BOARD$

Фотографий:
$PHOTO$

Ответов:
$FAQ$

Файлов:
$LOAD$

Статей:
$PUBL$

Тестов:
$TESTS$

Видео:
$VIDEO$

Игр:
$STUFF$

а на страницу сайта в нужное место устанавливаем html каркас ячейки с информером материалов:

Код

Счетчик материалов

$MYINF_1$

а теперь давайте стилизуем данное решение, пропишем ему следующие 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;
}

На этом всё, спасибо за внимание!

Авторизация на сайте и выход из профиля без перезагрузки страницы

DoG — Sat, 17 Aug 2013 15:02:27 GMT

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

Установка:

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

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

Код

$LOGIN_FORM$

2) Кнопка выхода без перезагрузки страницы прописывается вот так:

Код

Выход

Необычный топ пользователей для uCoz

DoG — Sat, 17 Aug 2013 13:34:22 GMT

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

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

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

Код

$REPUTATION$

А этот код туда, где хотите видеть блок (это может быть Первый или Второй контейнер).

Код

$MYINF_1$

Вставьте этот код в Таблицу стилей (CSS).

Код

.top_use1s {width:300px;height:180px;background:#1d1d1d;font-family:Tahoma,sans-serif}
.top_user {width:75px;height:90px;overflow:hidden;float:left;background:#1d1d1d}
.top_user img {width:90px;margin-left:-7px}
.top_user a {width:75px;height:90px;position:absolute;z-index:2;text-decoration:none}
.top_user a:hover {background:rgba(255,255,255,0.1)}
.top_user a span {color:#FFF;padding-top:70px;text-align:center;display:block;font-size:11px}
.top_user_black {position:absolute;width:75px;height:24px;background:rgba(0,0,0,0.3);margin-top:66px}