InfoScript

Панель "Вверх", как Вконтакте

antisept — Wed, 22 Feb 2012 10:06:38 GMT

Идея данного скрипта была взята с социальной сети Вконтакте.

Суть скрипта заключается в том, что по мере прокрутки страницы, справа, постепенно становится непрозрачной кнопка вверх. При наведении на правую крайнюю область страницы весь блок кнопки становится кликабельным и клик по ней плавно проскроллит страницу в самый верх.

Установка:

В любой глобальный блок в самый низ:

Code

▲ Вверх

Быстрое редактирование поле "Описание" в каталоге файлов

antisept — Tue, 21 Feb 2012 10:19:25 GMT

Скрипт позволяет прямо со страницы материала редактировать его описание. Для Каталога Файлов.

Установка:

ПУ \ Управление дизайном \ Каталог файлов \ Страница материалов и комментариев к нему
в нужное для вас место вставляете:

Code

Ссылка на редактирование:

Code

Редактировать описание

И так, при открытии ajax окна вы сможете отредактировать краткое описание материала, если вам нужно отредактировать и полное оисание, то вставляете туда же вот это:

Code

и ссылку вызова окна:

Code

Редактировать описание

Вкладки (табы)

antisept — Tue, 21 Feb 2012 10:07:51 GMT

Скрипт вкладок (табов), с использованием jQuery.

HTML:

Code

Один

Два

Три

Четыре

...

#tabs –неупорядоченный список, который содержит навигацию закладок.
#content – контейнер для содержания каждой закладки.

CSS:

Code

#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

#content
{
  background: #fff;
  padding: 2em;
  height: 220px;
  position: relative;
  z-index: 2;
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

jQuery:

Code

Замена названия и украшение репутации

antisept — Mon, 20 Feb 2012 08:25:26 GMT

Простой скрипт позволяет слега приукрасить почти не заметные мелочи на сайте. Заменить текст в ajax(uwnd) окошке, если репутация равна нулю, слово репутация можно заменить на свое, например "карма". Помимо этого заменена рамка.

Ссылка, по месту (на перс. страницу):

Code

История уважения

Код скрипта (на перс. страницу):

Code

Удобный чат для форума ucoz

niknamebic — Sun, 19 Feb 2012 08:03:50 GMT

Удобный чат для форума ucoz.

УСТАНОВКА:
1. Зайдите в ПУ, управление дизайном, общий вид страниц форума, перед разместите (Данный шаг пропускайте, если у вас уже установлена библиотека cookie):

Code

2. В любом месте разместите код:

Code

   id="openbtn">Открыть чат

3. Теперь зайдите в ПУ, управление дизайном, мини-чат, вид материалов, найдите там строку вида

Code

и замените на cBlock1.

(Примечание: если ввиду особенностей Вашего дизайна, класс блока сообщения у Вас назван иначе, вернитесь к шагу 1, и отредактируйте переменную classname, указав вместо значения в скобках, имя Вашего class'a или id.)

4. Готово.

Стилизация опроса uCoz v.1.5

niknamebic — Sun, 19 Feb 2012 08:03:15 GMT

Стилизация опроса uCoz v.1.5 Более улучшенная версия стилизации стандартного вида опроса в системе uCoz.

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

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

Code

$QUESTION$

$ANSWERS$

Результат

Всего ответов: $TOTAL_VOTES$

Если вы хотите, чтобы в вашем опросе присутствовал процент проголосовавших за тот или иной вариант опроса, то ставим этот вариант кода:

Code

$QUESTION$

$ANSWERS$

Результат

Всего ответов: $TOTAL_VOTES$

CSS:

Наш опрос почти готов, осталось прописать css стили:

Code

/* Ячейка опроса
------------------------------------------*/
.cell_poll {
  float:left;
  color:#555;text-shadow: 1px 1px 1px #fff;
  width:220px;
  background: #fff;
  border: 1px solid #D0D1D3;
  padding: 0px 10px 5px 10px;
}

.poll_title {
  text-align:center;
  font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
  padding: 5px 0px;
  border-bottom: 1px solid #D0D1D3;
}

.poll_variant {
  float:left;
  width:220px;
  padding: 5px 0px;
}

.poll_niz {
  float:left;
  font: 9px Verdana,Arial,Helvetica, sans-serif;
  width:220px;
  padding: 5px 0px;
  border-top: 1px solid #D0D1D3;
}

.poll_left {float:left;}
.procent,
.poll_right {float:right;}

.answer {
  background: #F6FBFC;
  padding: 2px 5px 2px 5px;
  margin: 7px 0px 7px 0px;
}

.answer input,
.answer label{
  margin:0;
}
.answer div div {
  height: 10px !important;
  border: 1px solid #fff;
  margin: 0px;
}

.answer div {
  display: block;
  position: relative;
  padding: 0 !important;
  border: 1px solid #B6B6B5;
  background: #F4F5F6;
  margin: 0px;
}
.procent {
  background: #DCEDF0;
  padding: 3px 5px;
}

.pollBut {
  font: 11px Verdana,Arial,Helvetica, sans-serif!important; font-weight: bold;
  color:#b17902!important; text-shadow:1px 1px 1px #fff!important;
  background:#fed66c!important;
  border:1px solid #e3b346!important;
  padding: 4px 8px;
  margin: 5px 0px 5px 0px;
}

.pollBut:hover {
  background:#ffe49c!important;
}
/*------------------------------------------*/

Apo Chat 3.0

Сай_22 — Fri, 17 Feb 2012 17:42:52 GMT

Новый убер-скрипт от умельца Apocalypse.
Все возможности чата представлены в видео, но если Вам его лень смотреть, то не поленитесь почитать о его возможностях:

1) Динамичная онлайн статистика с индикаторами
2) Умное "тихое" автообновление сообщений (т.е. обновляется только если есть новые сообщения)
3) Двойные свойства ников (Цитирование и переход в профиль)
4) Автоматический квотатор (Автоматическое цитирование после выделения участка сообщения)
5) Звуки при отправке и получении сообщений
6) Возможность отправки по ENTER + перенос строки при ctrl+enter
7) Возможность гибкой настройки функционала
8) Включение и выключение !Визуального редактора
9) Подсветка Ваших сообщений и сообщений, адресованных Вам
10) Возможность подсветки онлайн пользователей
11) Уникальный способ вывода смайлов
12) Все настройки применяются "на лету" (без обновления страницы)
13) Это первая версия ApoChat, рассчитанная и на Гостей (представляете себе? Апо даже гостям дал возможность насладиццо его творением.)

А теперь установка:

1) В глобальном блоке(Может ещё где) найдите и замените $CHAT_BOX$ на:

Code

  $ONLINE_USERS_LIST$

$USERNAME$

$CHAT_BOX$

2) В Виде материалов мини-чата замените всё на:

Code

$USERNAME$$NAME$

$TIME$

  $MESSAGE$

3) В форме добавления сообщений мини-чата замените всё на:

Code

$FLD_NAME$
$FLD_EMAIL$	$FLD_URL$

$FLD_SECURE$

$IMG_SECURE$

4) Для правильной работы всех смайлов в ПУ --> Общие настройки активируйте набор смайлов "Колобки тёмный фон"

5) ПУ -- Мини-чат -- Настройки модуля - настройте всё, как это показано на скриншоте ниже:

В файловом менеджере создайте папку apoCh и залейте теда все файлы их прикрепленного архива.

Внимание!
Для правильной работы всех функций чата в ПУ-->Общие настройки поставьте версию jQuery 1.6.1

Сортировка списка пользователей по указанным параметрам

antisept — Fri, 17 Feb 2012 11:40:39 GMT

Недавно, на форуме задали вопрос: "Можно ли сделать так, чтобы пользователи на странице /index/15 изначально сортировались не по алфавиту, а по дате регистрации?".

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

Итак, идем в ПУ-->Управление дизайном-->Страница со списком пользователей. Перед ставим это:

Quote

Теперь, о настройке:

Синее - это номер пункта в списке выбора опций.

Т.е., если вам нужно сортировать список пользователей не по дате регистрации, а, например, по рангу, то синюю цифру 6, необходимо будет заменить на 4.