AEBL-активный обмен баннерами и ссылками

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

DoG — Fri, 05 Jul 2013 09:29:23 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)

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

DoG — Wed, 03 Jul 2013 18:03:07 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;
}

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

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

DoG — Wed, 03 Jul 2013 14:07:18 GMT

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

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

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

Код

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

Код

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

Код

$ONLINE_USERS_LIST$

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

DoG — Wed, 03 Jul 2013 11:48:39 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 информер популярных файлов на сайте

DoG — Wed, 03 Jul 2013 07:22:48 GMT

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

Установка:

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

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

Код

$TITLE$
$CATEGORY_NAME$

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

Готово.

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

DoG — Sun, 30 Jun 2013 10:24:12 GMT

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

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

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

Код

• $THREAD_TITLE$

[$REPLIES$]

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

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

Вертящиеся часы для сайта

DoG — Sun, 30 Jun 2013 05:26:02 GMT

Установка часов:

Копируем скрипт часиков в любое для Вас удобное место, обычно это левый или правый блоки.

Код

Удобный информер для файлов ucoz

DoG — Sat, 29 Jun 2013 17:57:10 GMT

Данный скрипт представляет собой удобный и красивый информер для самых скачиваемых файлов ucoz, который очень просто поместить в любой блок.

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

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

Важно: Ширина блока, куда вы хотите вставить информер, должна быть не менее 190px!

Если вы хотите, что-бы выводило не 3 материала, а больше, то необходимо добавить в CSS код дополнительные классы: после .ifudslink3 добавляем через запятую .ifudslink4 , .ifudslink5 и так далее, в зависимости от количества материалов.

Установка

1. Первым делом создадим сам информер со следующими параметрами:

[ Каталог файлов - Материалы - Количество загрузок D - Материалы: 3 - Колонки: 1 ]

2. В его шаблоне удаляем все и вставляем следующее:

Код

  15)?>...$TITLE$Без названия

Загрузок: $LOADS$

Просмотров: $READS$
Комментариев: $COMMENTS_NUM$
Категория: 11)?>...$CATEGORY_NAME$

3. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:

Код

.ifboxuds {position:relative; width:180px; font-size:11px; font-family:tahoma;}
  .ifuds { width:170px; overflow:hidden; padding: 0px 0px 0px 0px;}
  .ifuds a {color:#bababa; text-decoration: none;}
  .ifuds a:hover {color:#818181; text-decoration: underline;}
  .ifuds div { float:left;width:170px; height:70px;overflow:hidden; position:relative; margin: 5px 0px 5px 0px; }
  .ifuds span {float:left;width:100%; left: 0px; bottom: 0px;position:absolute; background: url(http://pnghosts.ru/img/pix_title.png) repeat;
  padding: 4px 0px 4px 0px; font: 9px Verdana,Arial,Helvetica, sans-serif; text-align: center; color: #eee;
  }
  a.ifuds {color:#bababa; text-decoration: none;}
  a:hover.ifuds {color:#818181; text-decoration: underline;}
  .loadingnum{
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 1px 5px;
  background: #000;
  background: rgba(0, 0, 0, 0.73);
  font: bold 10px/14px 'Arial';
  color: #fff;
  border-radius: 0px;
  }
  a.ifudslinks2 {display:inline-block;*display:inline;margin-top:3px; padding: 0px 0px 0 8px;}
  a:hover.ifudslinks2 {cursor:pointer;}
  .ifudsoa {padding:0px 0px 5px 5px;}
  .ifudslink1,.ifudslink2,.ifudslink3 {display:none;position:absolute; width:158px; height: 38px; bottom:25px; margin-left:5px; background:rgba(0, 0, 0, 0.85); border:1px solid #333; text-align:left; z-index:999; padding:5px; color:#eee;}

Установка завершена!

Вид опроса для uCoz, в стиле flat

DoG — Sat, 29 Jun 2013 14:01:16 GMT

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

Для начала как и пололаеться, нам следует установить html каркас данного улучьшения для формы опроса, для этого заходим в Админ панель => Опросы => Управление дизайном модуля

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

Код

$QUESTION$

$ANSWERS$

  Ответов: $TOTAL_VOTES$
  Результаты
   |
  Архив

Теперь нам осталось прописать css стили:

Код

/* Вид опроса для uCoz, в стили flat
------------------------------------------*/
.cell-poll{
  float:left;
  width:230px;
  color:#666;
  background: #fff;
  padding: 10px 10px 10px 10px;
  border: 1px solid #B6C0CD;
  border-radius:5px;
}

.cell-poll-title{
  float:left;
  width:100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #B6C0CD;
  font:12px Verdana,Arial,Helvetica, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#666;
}

.cell-poll a {text-decoration:none; outline:none}

.cell-poll-answers{
  float:left;
  width:100%;
  margin: 10px 0px 10px 0px;
  text-align:left;
}

.answer{
  float:left;
  width:100%;
  color:#f8f8f8;
  position:relative;
  height:20px!important;
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 7px 0px;
  background: #f8f8f8;
}

.answer input{margin: 3px 5px 2px 5px;}
.answer label {margin: 2px 0px 2px 0px; color:#555;}

.answer div{
  height:20px!important;
  padding: 2px 0px 2px 0px;
  position:absolute;
  z-index:998;
  top:0px;
  left:0px;
  width:100%;
}

.answer span{
  float:right;
  height:14px!important;
  margin-right: 2px;
  padding: 2px 5px 2px 5px;
  color:#666;
  position:relative;
  top:1px;
  left:0px;
  z-index:999;
  background: #fff;

}

.pollBut{
  cursor:pointer;
  border:none!important;
  margin-top:10px;
  background: #64b0db!important;
  padding: 5px 20px 5px 20px!important;

  font:11px Verdana,Arial,Helvetica, sans-serif!important;
  font-weight: bold!important;
  color:#fff!important;
}

.pollBut:active {box-shadow:inset 0px 0px 3px #166693!important;}
.pollBut:hover {background:#51a4d2!important;}

.cell-poll-link{
  float:left;
  width:100%;
  padding-top: 10px;
  border-top: 1px solid #B6C0CD;

  font:9px Verdana,Arial,Helvetica, sans-serif;
  color:#999;
}

.cell-poll-link span{float:left;}
.cell-poll-link b,
.cell-poll-link a {float:right;}
.cell-poll-link b {color:#B6C0CD;}

Вот и всё, наш вид опроса для системы uCoz в стиле flat готова.

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

Блок "место свободно"

DoG — Sun, 09 Jun 2013 19:51:46 GMT

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

Код