Cs-portal

Информер Случайные новости для uCoz

greenpis — Mon, 15 Jul 2013 08:56:26 GMT

Простой новостной информер для uCoz
Установка:

1. ПУ » Главная » Информеры » Создать информер

Код

$TITLE$
[$DATE$]	[$CATEGORY_NAME$]

------------------------------------------

Поиск по новостям для uCoz

greenpis — Mon, 15 Jul 2013 06:14:52 GMT

Новая форма поиска по новостям
Установка:

1. В css вставляем:

Код

#poisk {
  background:url(http://pnghosts.ru/img/uSE.png) no-repeat;
  width:293px;
  height:60px;
  padding-top:17px;
  }

  #forma {
  background:none;
  font-size:15px;
  font-family:Verdana;
  color:#99958c;
  margin-left:32px;
  border:none;
  }

  .knp {
  background:no-repeat;
  width:60px;
  height:60px;
  border:none;
  position:absolute;
  top:-0px;
  }

  .knp:hover {
  background: 0px -60px no-repeat;
  cursor:pointer;
  }

2. Теперь заходим в верхнию часть сайта, ищем там место под наш поиск и вставляем html код:

Код

Информер новых материалов

greenpis — Fri, 05 Jul 2013 13:13:24 GMT

В информер:

Код

$TITLE$

В css:

Код

/**Topnews**/
.video-main {position:relative; float:left; margin:5px;}
.videoPromo-list{height:276px;position:relative;margin: -5px -5px 0 415px;overflow:hidden;font-size:0}
.videoPromo-list-item{width:100%;max-width:235px;height:68px;line-height:69px;position:relative;display:inline-block;*zoom:1;*display:inline;overflow:hidden;margin-right:10px;margin-bottom:1px;vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.videoPromo-list-item-text{display:inline-block;*zoom:1;*display:inline;margin:5px 5px 5px 112px;vertical-align:middle;line-height:normal}
.videoPromo-list-item-text .title{margin-bottom:7px;font-size:12px}

.videoPromo-list-item .videoPromo-list-item-text .title a{text-decoration:none;color: #555555;}
.videoPromo-list-item:hover .videoPromo-list-item-text .title a, .videoPromo-list-item.current .videoPromo-list-item-text .title a{text-decoration:none;color:#FFF}
.videoPromo-list-item-button a{height:39px;line-height:39px;position:relative;display:block;top:10px;text-align:center;text-decoration:none;font-size:12px;font-weight:bold;color:#fff;background-color: #333333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

.videoPromo-list-item-button{width:50%;float:left}
.videoPromo-list-item-button:hover{background:#FFF !important}

.videoPromo-list-item-img{width:100px;height:58px;position:absolute;top:5px;left:5px;overflow:hidden;font-size:0}
.videoPromo-list-item-img img{width:100%}

.icoplay{width:36px;height:36px;font-size:0;background:url("http://pnghosts.ru/img/65845355.png") center center no-repeat}
.videoPromo-list-item-img .icoplay{position:absolute;display:none;top:50;margin: -18px 0 0 -18px}
.videoPromo-list-item:hover .icoplay,.videoPromo-list-item.current .icoplay{display:block}

.videoPromo-list-item:hover, .videoPromo-list-item.current{background:#322d2d;color:#000 !important}
/**Topnews**/

Cкрипт подробной статистики сайта

greenpis — Fri, 05 Jul 2013 09:56:24 GMT

С этим легким скриптом вы сможете сделать себе подробную статистику сайта, включая гостей и посетителей онлайн, а также список пользователей, посетивший сайт за день
Для создания подобной статистики нужен достаточно несложный код:

Код

$COUNTER$

Кто на сайте$ONLINE_COUNTER$

Контры онлайн:
$ONLINE_USERS_LIST$

Нас посетили:
«Список посетителей»

где $COUNTER$ - код статистики от Ucoz (у нас нету),

- код создающий рамку вокруг статистики с классом с (для CSS),
- код создающий надпись в рамке с классом с - между этим кодом пишем оглавление и после закрываем его ()

В нашем случае нужно создать рамку в рамке т.е.:

***

$ONLINE_USERS_LIST$ - код от Ucoz о кол-ве юзеров онлайн

Далее нужна еще одна рамка, где будут стоять ники посетивших сайт пользователей, для этого есть 2 варианта:
1. Скопировать этот код (как у нас):
«Список посетителей»
2. Зайти в Панель Управления - Инструменты - Информеры - Создать информер "Пользователи, посетившие сайт за текущий день" - потом появится код информера типа $MYINF_1$ - его и вставляете вместо нашего кода. В этом случае ники пользователей будут видны без открытия "Списка пользователей"

Теперь по поводу класса с (legend, fieldset) - он нужен для того чтобы эти 2 тега использовали нужный стиль только в этом (с) случае. Например есть сайты, использующие свои стили этих тегов. Для редактирования стилей нужно зайти в таблицу стилей CSS и прописать там

fieldset.c {border:1px solid #363636;}
legend.c {color:#000;}

где border - создает рамка толщиной в 1 пиксель классом solid и цветом #363636
color - цвет шрифта (#000000)

Флэш проигрыватель с большим количеством радиостанций..

greenpis — Fri, 05 Jul 2013 07:11:35 GMT

Множество радиостанций на любой вкус..

Устанавливаете в любое место сайта.

Код

Отображаем информацию ваш браузер на uCoz

greenpis — Wed, 03 Jul 2013 18:29:37 GMT

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

Как и полагается начнём данное решение с html каркаса, который размещаем в нужное место вашей страницы сайта:

Код

Ваш браузер

   FireFox - $USER_AGENT_VER$
  Chrome - $USER_AGENT_VER$
  Opera - $USER_AGENT_VER$
  Safari - $USER_AGENT_VER$
  Internet Explorer - $USER_AGENT_VER$

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

Теперь нам следует установить css стили, в которых я использовал css спрайты, всё просто и удобно:

Код

/* Отображаем информацию ваш браузер на uCoz
------------------------------------------*/
.cell-your-browser {
  float:left;
  padding: 10px;
  font:10px Verdana,Arial,Helvetica, sans-serif;
}

.your-browser-info {
  float:left;
  height: 14px;
  padding: 3px 5px 2px 0px;
}

.your-browser-ico:link,
.your-browser-ico:visited {
  float:left;
  height: 14px;
  padding: 3px 10px 2px 25px;
  text-shadow: 1px 1px 1px #333;
  font-weight: 700;
  color:#eaeaea;
  border-radius:3px;
  display:block;
  text-decoration:none;
  outline:none
}

.your-browser-ico:hover {
  color:#eaeaea;
}

.brauzer-mf {
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px 1px;
}

.brauzer-mf:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px 1px;
}

.brauzer-gx {
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px -19px;
}

.brauzer-gx:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px -19px;
}

.brauzer-op {
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px -38px;
}

.brauzer-op:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px -38px;
}

.brauzer-sf {
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px -56px;
}

.brauzer-sf:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px -56px;
}

.brauzer-ie {
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px -74px;
}

.brauzer-ie:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px -74px;
}

На этом всё, спасибо за внимание и удачного вам начала летних дней!

Универсальная статистика

greenpis — Wed, 03 Jul 2013 14:33:19 GMT

Универсальная статистика для uCoz. По скрину всё должно быть понятно.
Преимущества:

Выводит количество гостей, зарегистрированных, общее кол-во пользователей онлайн
Склоняет числительные. То есть 6 пользователей, 2 пользователя

Установка:
Находим $ONLINE_USERS_LIST$, удаляем и ставим код в любое место, желательно в глобальный блок, чтобы отображение было везде.

Код

В шаблоне находим $ONLINE_COUNTER$ и заменяем на:

Код

И по месту отображения ставим код:

Код

$ONLINE_USERS_LIST$

Лента комментариев

greenpis — Wed, 03 Jul 2013 12:14:46 GMT

Скрипт ленты комментариев сайта zornet измененный
Установка:
Создаем информер:
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 4 · Колонки: 1 ]
В шаблон информера вставляем:

Код

В CSS стиль вставляем:

Код

.comm_tape {background:url(http://pnghosts.ru/img/comm_tape.png) no-repeat 0 0; width:198px; height:38px; color:#000;}
.comm_tape:hover {background-position:0 -39px; color:#fff;}
.comm_tape a:hover {color:#fff;}
.comm_tape .left {width:20px; height:23px; float:left; margin:9px 0 0 8px;}
.comm_tape .left img {width:20px; height:23px;border:1px solid #d2d2d4;}
.comm_tape .right {float:left; width:75%; padding:6px 5px;overflow:hidden;height:23px;}
.right {
float: right;
}

Скрипт для uCoz информер популярных файлов на сайте

greenpis — Wed, 03 Jul 2013 09:22:24 GMT

Отличный скрипт для вывода самых популярных файлов на сайте uCoz.

Установка:

1.Создаем информер.
Каталог файлов · Материалы · Количество просмотров D · Материалы: 6 · Колонки: 1

2.Вставляем этот код в дизайн информера:

Код

$TITLE$
$CATEGORY_NAME$

3.Код информера в виде $MYINF_X$ вставляем туда где хотим видить данный блок.

Готово.

Темный информер Самые Популярные Темы для uCoz

greenpis — Sun, 30 Jun 2013 10:50:53 GMT

Красивый информер Самые популярные темы на форуме для вашего сайта. Выполнен информер в темном цвете с белым текстом и будет интересно смотреться на сайте.
Создаем Информер, Называем его Самые Популярные Темы и задаем ему такие параметры:

[ Форум · Материалы · Самые популярные темы · Материалы: 5 · Колонки: 1 · Длина заголовка: 24 ]

Далее в шаблон информера вставляем:

Код

• $THREAD_TITLE$

[$REPLIES$]

• Автор темы: $AUTHOR$

На этом всё. Удачи.