Портал PG inco.

Кнопка рейтинга + и -

smasto — Sat, 13 Sep 2014 12:30:40 GMT

скрипт рейтинга с положительной и отрицательной оценкой для юкоз
Установка:
В шаблон вида материалов нужного модуля вставляем код:

Код

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

Код

.rate {background:url(http://pnghosts.ru/img/orating.png) no-repeat; width:73px; height:21px; position:relative; margin:7px 0 0 5px; padding:3px 0 0 0; text-align:center;}
a.orating_m, a.orating_p{height:21px; width:21px; background:url(http://pnghosts.ru/img/orating.png) no-repeat;}
a.orating_m{float:right; background-position:-21px -24px; margin:-1px 1px 0 0;}
a.orating_m:hover{background-position:-21px 100%;}
a.orating_m.orated{background-position:-21px -24px;}
a.orating_p{float:left; background-position:0 -24px; margin:-1px 0 0 1px;}
a.orating_p:hover{background-position:0 100%;}
a.orating_p.orated{background-position:0 100%;}
a.orating_res,span.orating_res {background:#64b327; box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); font-size:10px; color:#fff; padding:3px 8px; border-radius:5px;line-height:20px;}
a.orating_res:hover{color:#f0f0f0;}

Для модуля "Новости", заменяем $ID$ на $ENTRY_ID$

Красивая статистика для uCoz

smasto — Sat, 06 Sep 2014 07:36:23 GMT

Создайте блок с названием "Cтатистика сайта" и вставьте в него сделующий код:

Код

Счетчики пользователей

Онлайн сайта

Счетчики сайта

Сегодня нас посетили

Этот код нужно поставить на все страницы, перед !!!

Код

Создайте два информера:

$MYINF_1$
[ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ]

Код

Всего: $ALL_USERS$

За месяц: $30DAYS$

За неделю: $7DAYS$

Вчера: $YESTERDAY$

Сегодня: $TODAY$

$MYINF_2$
[ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя ]

Код автоматом ставится.

В CSS добавьте стили:

Код

#statistic {width:208px;overflow:hidden;margin:0 auto;color:#fff;}
.Tstatis {height:24px;margin-top:6px;}
.title_statis {background:url(http://pnghosts.ru/img/statistic_title.png) no-repeat;float:left;width:171px;height:19px;font:11px Tahoma;text-shadow:1px 1px 0 #553a11;padding:4px 0 0 5px;overflow:hidden;}
.turn {background:url(http://pnghosts.ru/img/button_turn.png) no-repeat;float:right;width:37px;height:23px;margin:0 0 0 -5px;}
.Bstatis, .Bstatis2, .Bstatis3, .Bstatis4 {width:208px;font:11px Tahoma;text-shadow:1px 1px 0 #191919;margin-top:2px;}
#statistic dl {background:url(http://pnghosts.ru/img/arrow.png) no-repeat left;height:12px;line-height:10px;padding:0 0 0 18px;margin:4px 0 4px 0;display:block;}
#statistic .tOnline, #statistic .gOnline, #statistic .uOnline {background:url(http://pnghosts.ru/img/arrow.png) no-repeat left;height:12px;line-height:10px;padding:0 0 0 18px;margin:4px 0 4px 0;display:block;}

Вид комментариев ucoz с круглым Avatar

smasto — Sat, 06 Sep 2014 06:41:53 GMT

Уважаемые пользователи сайта, вот не плохой и даже очень оригинальный Вид комментариев ucoz с круглым Avatar, где сами картинки будут распологаться напротив и это очень красиво смотриться. Был создан он по своим стилям, как для светло серого сайта и безусловно он еще подойдет на темный дизайн.

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

1) Заходим в панель управления и выбираем "вид комментариев" и меняем там все на наш скрипт.

Код

  удалить

$TIME$

$MESSAGE$

$TIME$

$MESSAGE$

  удалить

И CSS добавляем.

Код

.com_wp {border-radius:50%;background:#fff;width:65;height:65}
  .ob_wp { width:73;height:73;background: #20242b;border-radius:50%; }

  .ob_wp1 { width:81;height:81;background:rgba(255,255,255,0.3);;border-radius:50%; }

  .mess_wp{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);border-radius:4;background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));
background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );
}
  .tim_wp{background:d7d7d7;border-radius:4;}
  #triangle-left {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 9px solid #e1e1e1;
  border-bottom: 7px solid transparent;
}#triangle-left1 {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 9px solid #e1e1e1;
  border-bottom: 7px solid transparent;
}

Up на подобии как в вк

smasto — Sat, 06 Sep 2014 05:22:14 GMT

Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
1) Заходим в Панель Управления сайтом потом в Управление дизайном - Прописываем стили в таблице стилей (CSS) в самый низ:

Код

.scrolltotop__side { position:fixed; width:3%; height:100%; top:0; left:0; background: black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0.2); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1}
.scrolltotop__arrow { position:fixed; width:3%; height:100%; top:50px; left:0; background:url(http://pnghosts.ru/img/up-csm.png) top no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter:alpha(opacity=0.4); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}

3) А вот этот код прописываем в нижнюю или верхнюю часть сайта:

Код

На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме

Cоц. закладки для сайта

smasto — Sun, 31 Aug 2014 18:15:31 GMT

Набор соц. закладок для сайта - твиттер, вк, фейсбук, гугл +1
Установка:
Где желаем видеть вставляем код в HTML:

Код


	Твитнуть	Опубликовать

Кнопка наверх в виде ракеты с эффектом огня

smasto — Sun, 31 Aug 2014 13:23:00 GMT

Кнопка наверх выполненная в виде ракеты с эффектом огня

Устанавливаем в нижнюю часть сайта:

Полный мини-чат для uCoz

smasto — Fri, 29 Aug 2014 10:14:31 GMT

Удобный и функциональный выдвижной мини-чат для uCoz от Урааа. Это абсолютно полная и рабочая версия мини-чата.

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

Установка

1. Активируйте модуль мини-чат. В настройках модуля активируйте дополнительные поля 1 и 2.

2. Админ панель - Управление дизайном » Мини-чат » Вид материалов
Нужно все убрать и прописать этот код:

Код

Ответить | $TIME$

$USERNAME$

id="c_one">$MESSAGE$

Потом меняем Форма добавления сообщений:

Код

И теперь в низ сайта, ставим этот код:

style="display:none">

Свернуть

Развернуть чат

(')" alt="" />

Необходима авторизация

$CHAT_BOX$

[/code]

Появляется ошибка «Не заполнено поле сообщение»?
Проверьте, нет ли на странице еще одной формы для добавления сообщений в чат. Частая ошибка пользователей, когда они не убирают чат из сайдбара. Отсюда и возникает конфликт.

Форма заказа для Интернет-магазина на uCoz

smasto — Mon, 09 Jun 2014 11:11:25 GMT

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

Итак, для того, чтобы добавить к себе на сайт эту форму необходимо:

Зайти в "Панель управления" - "Дизайн" - "Управление дизайном (CSS)" - "Глобальные блоки : Верхняя часть сайта" и вставить скрипт:

Код

uOrder.init({name:"ФИО", adress:"Адрес", phone:"Телефон", email_from: "feedback@site.ru", email_to: "email@site.ru"});

Вместо feedback@site.ru и email@site.ru нужно подставить свои электронные адреса.

Доступные настройки:

subject: "Заказ от ", //Надпись, которая будет в теме отправленного вам письма
site: "с сайта ",
title: "Быстрый заказ",
name: "Ваше имя", //Название поля для имени
adress: "Ваш адрес", //Название поля для адреса
phone: "Ваш телефон", //Название поля для телефона
comment: "Ваш вопрос", //Название поля для комментария
button: "Заказать", //Надпись на кнопке, с помощью которой происходит отправка формы
call_btn: "Оформить быстрый заказ",
colors: "#e84242",
email_from: null,
email_to: null,
status_sending: "Отправка...",
status_error: "Заполните все обязательные поля!"

Радио для сайта

smasto — Sat, 29 Mar 2014 19:53:24 GMT

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

Код

Вид статистика для ucoz

smasto — Wed, 12 Mar 2014 10:31:11 GMT

Создать глобальный блок и вставляет в него код:

Код

$COUNTER$

$ONLINE_COUNTER$[ Кто on-line? ]
[ Кто нас сегодня посетил ]

Аудиоплеер серого цвета с плейлистом

smasto — Mon, 03 Mar 2014 11:42:53 GMT

Аудиоплеер имеет размеры 305Х235 и оснащён плейлистом который может содержать любое количество музыкальных композиций или радиопотоков. Воспроизведение музыки автоматически не переключается на следующую, каждую мелодию нужно включать индивидуально. Для установки понадобится скопировать весь код из примера, создать текстовый документ для плейлиста или скачать готовый и составить список воспроизводимых композиций. После составления списка воспроизведения закачайте готовый файл файл плейлиста на сервер своего сайта и укажите путь к нему в коде плеера и поместите весь код плеера там где хотите его видеть. Установка кода аудиоплеера производится в любом месте поддерживающем HTML редактирование. Аудиоплеер может работать без плейлиста, воспроизводя одну композицию.

Код для установки аудиоплеера с плейлистом

Вам потребуется заменить ссылку ( http://pnghosts.ru/js_css/playlist-demo.txt ) на Ваш плейлист и установить код там где будет находиться аудиоплеер с плейлистом.

Код

Пример файла плейлиста аудиоплеера

Впишите название композиции и ссылку на неё, количество песен в плейлисте может быть любым, можно использовать радиопотоки, они вписываются аналогично музыкальным ссылкам. При формировании плейлиста нельзя создавать пробелы и переносы в строках. Ячейка одной композиции выглядит так:
{"comment":"НАЗВАНИЕ","file":"ССЫЛКА НА МУЗЫКУ"}
Обратите внимание, между ячейками стоит запятая, её нет только после последней.

Код

{"playlist":[{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"}]}

Код для установки аудиоплеера без плейлиста

Аудиоплеер с размерами 305Х36 будет оснащён только одной музыкальной композицией или радиопотоком, для добавления измените ссылку http://SITE.RU/SOUNDS.mp3 на свою.

Код

Рабочий мини профиль для ucoz

smasto — Fri, 28 Feb 2014 11:48:57 GMT

Создаем глобальный блок и вставляем туда код мини профиля

Код

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

$LOGIN_FORM$

Красочный КВ скрипт + оформлен css стилями

smasto — Fri, 28 Feb 2014 10:47:31 GMT

Красочный вид статистики кв, статистика для клана css,cs, и других.
Особенность в данной статистики то что ярко выраженно поле нечьи, победы...
Оформление статистике на css стилях, цвет серый опять скрипт под тёмный сайт, но стили легко редактировать, и можно сделать синем, крастным или белым.

Устоновка:
Кидаем код в новый блок, ВСЁ!

Код

Победы (419)

Поражения (90)

Ничьи (15)

Вид опроса для uCoz в стиле Flat дизайна

smasto — Fri, 28 Feb 2014 07:57:28 GMT

В данном посте мы с вами разберем и установим новый вид опроса для uCoz в стиле Flat дизайна. Что такое стиль Flat (Flat дизайн)? Это новый довольно популярный в интернете сейчас тип веб-дизайна, главной особенностью которого является плоскость и юзабельность. Теперь поговорим об этом виде опроса для uCoz. Главная его особенность это плоскость — тот самый Flat дизайн. Выводится количество и процент проголосовавших, а также полоски опроса разноцветные, заточен под 14 возможных ответов. Также данный вид опроса в стиле Flat построен полностью на CSS, что делает его очень легким и не утяжеляющим страницу. Установка очень проста

Установка:

Для установки, зайдите в админ панель => Управление дизайном => Опросы => Вид формы опросов и здесь заменяем весь существующий код на этот:

Код

$QUESTION$

$ANSWERS$

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

Отлично, теперь нам нужно установить CSS стили, для этого идем в ваши Таблицы стилей и добавляем туда такой код:

Код

/* Вид опроса для uCoz, в стили flat v2
------------------------------------------*/
.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:#777;
}

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

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

.answer {display: block;}

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

.progress {
  height: 15px;
  overflow: hidden;
  margin: 5px 0px 7px 0px;
  height: 15px!important;
  background: #F4F8F9!important;
}

.progress-0,
.progress-1,
.progress-2,
.progress-3,
.progress-4,
.progress-5,
.progress-6,
.progress-7,
.progress-8,
.progress-9,
.progress-10,
.progress-11,
.progress-12,
.progress-13,
.progress-14 {
  height: 18px!important;
  display: block!important;
  overflow: hidden!important;
  margin-top: -3px;
}

.progress-0 {background: #5D9AD3!important;}
.progress-1 {background: #E96465!important;}
.progress-2 {background: #F6954E!important;}
.progress-3 {background: #dd8cd2!important;}
.progress-4 {background: #75D0ED!important;}
.progress-5 {background: #5BC254!important;}
.progress-6 {background: #CFC72D!important;}
.progress-7 {background: #DD3344!important;}
.progress-8 {background: #FE9B6F!important;}
.progress-9 {background: #8CC84B!important;}
.progress-10 {background: #DD8CD2!important;}
.progress-11 {background: #e9eb5b!important;}
.progress-12 {background: #E96465!important;}
.progress-13 {background: #75D0ED!important;}
.progress-14 {background: #5D9AD3!important;}

.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. На этом все, спасибо вам за внимание!

Форма поиска по сайту ucoz

smasto — Fri, 28 Feb 2014 06:06:47 GMT

Скрипт представляет собой форму поиска по сайту, а именно по выбранным модулям, типа доски объявлений, каталогов сайтов и файлов и т.д.

Поменяйте название сайта на своё, далее копируем весь код и в конструкторе на сайте добавляем в какой нибудь блок, потом сохраняем конструктор и проверяем работу скрипта, по возможности можете добавить в него дополнительные модули для поиска.

Код