Форум

Новое меню Diz-CS (2011)

-SAM- — Sat, 12 Oct 2013 15:20:00 GMT

Новое меню Diz-CS (2011) (с всплывающими подсказками)

[Table]Скриншот: http://i077.radikal.ru/1110/67/c2484ef9acfd.jpg [/Table]
⇛ Установка:[Table]

В таблицу стилей CSS в самый вверх:

Code

/* block menu */
.block_menu {
          margin:0 auto;
          width:185px;
}

.block_menu ul {
          padding:0;
          margin:0;
}

.block_menu li {
          display:block;
          height:21px;
          width:185px;
          margin-bottom:2px;
          line-height:20px;
}

.block_menu li a {
          display:block;
          background:url('http://diz-cs.ru/images_new/block_menu.png') no-repeat 0 0;
          height:21px;
          width:185px;
          padding-left:20px;
          color:#4c4c4c;
          font-family:tahoma;
          font-size:11px;
}

.block_menu li a:hover {
          background-position:0 -22px;
          color:#c7c7c7;
}
/*-----*/

/* unitip css */
          #unitip {
          position: absolute;
          z-index: 1000;
          top: -1000px;
          color: #fff;
          font:11px Verdana,Arial,Helvetica, sans-serif; color:#CED9E8;
          display: none;
          }

          #unitippoint, #unitipmid, #unitipcap {
          position: relative;
          top: 0px;
          left: 0px;
          width: 145px;
          display: block;
          }

          #unitippoint {
          background: url('http://diz-cs.ru/img/TipPoint.png') no-repeat;
          height: 19px;
          overflow: hidden;
          }

          #unitipmid {
          background: url('http://diz-cs.ru/img/TipMid.png') repeat;
          width: 115px;
          height: auto;
          padding: 5px 15px;
          }

          #unitipcap {
          background: url('http://diz-cs.ru/img/TipCap.png') no-repeat;
          height: 7px;
          overflow: hidden;
          }
/*-----*/

В блок где хотите видеть меню:

Code

Главная

Игровой форум

Статьи

TOP Сайтов

Галерея

Фотохостинг

Новая музыка

Юзербары от ДС

Фильмы онлайн

Видео

[/Table][cntr]100% рабочий и без багов рип © by -SAM-[/cntr]
[Table]∎ P.S.: Меню редактируем под себя; графику и скрипт - по желанию заливаем на свой сайт (на всякий случай скинул в прикрепления архив с этим добром).
∎ P.P.S.: Другие темы подобные этой - хлам, т.к. галимые рипы с багами, а здесь - оригинал, который я лично проверил![/Table]

Авторизация через социальные сети без PHP

yaN — Mon, 15 Apr 2013 15:31:05 GMT

Представляю вам скрипт "Авторизация через социальные сети".
Скрипт “Авторизация через социальные сети для uCoz” - это современный и удобный способ конверсии гостей вашего сайта в пользователей. Никаких паролей, адресов электронной почты или иных однообразных полей, которые обычно требуется заполнить, чтобы зарегистрироваться на сайте. Всё, что потребуется - аккаунт на одном из поддерживаемых скриптом сервисов. Авторизация пользователя также проходит по ускоренной схеме - требуется просто нажать на кнопку сервиса, через который он регистрировался на сайте.

На данный момент доступны 2 версии скрипта: платная и бесплатная. Платная версия отличается тем, что не требует ввода пароля от ПУ сайта. Стоимость - 50р/месяц. При регистрации выдают на тестирование 48 часов.

Ссылка на регистрацию: http://oauth.aaa4xu.ru/

Поддерживаемые сервисы:
- vk.com
- facebook.com
- yandex.ru
- google.com
- steamcommunity.com
- twitter.com

Тестовый сайт: http://oauth.ucoz.ru/
Для получения доступа перейдите на сайт скрипта и заполните форму регистрации

Доп. поля для любого модуля

yaN — Thu, 11 Apr 2013 03:47:18 GMT

Плюсы:
- ограничение только на символы, суммарно 9999.
- работает БЕЗ PHP.
- дополнительные поля всегда заполняются автоматически при редактировании материала, что очень удобно и отличает этот скрипт от многих других аналогов.
- можно вставлять поля в плеера музыки и видео, да и вообще почти куда угодно, кроме как в сами операторы юкоза.
- ну и вроде бы простой
Минусы:
- убивает поле краткого описания (по умолчанию), можно убить поле полного описания, но эта проблема решаема, просто добавьте новое поле textarea.
остальные не выявлены.
Установка:

1. Скачиваем скрипт и закидываем себе на сайт.
2. На странице добавления и редактирования материала после $BODY$ (или любого другого тега):

Код

  1:

  2:

  Добавить поле

3. В шаблоне вида материала заключаем весь код в div с class="addinput$ID$",
в самый конец:

Код

$BRIEF$

5. В нужном вам месте вашего шаблона выводим данные:

Код

%other1%

Где 1 это порядковый номер. Счёт полей идёт с 0.

6. Вот и всё должно работать.

Внимание:
- Установка указана с настройками по умолчанию.
- Внутри скрипта имеются дополнительные настройки.
- Отключив Автоматический контроль вы можете как и где угодно расставить свою поля, но записываться они будут по порядку расположения.
- Структура иерархии input'ов не важна, главное чтобы у них был правильный класс (в соответствии с настройками) и скрипт стоял под ними.
- Кнопка добавить так же не обязательна.
- Нельзя использовать сочетания символов идентичные с уникальным разделителем.

Скачать скрипт

Скрипт увеличения поля при наводке

yaN — Thu, 11 Apr 2013 03:44:39 GMT

При наведение и щелчке мыши по полю - он увеличит его. Поля - такие как поиск или комментарии. Работает с полями input и textarea.
Установка:
Вставляем на страницу с полем, которое хотим увеличить.

Код

Автоматическое изменение width и height видео плеера V 5.0

yaN — Thu, 11 Apr 2013 03:42:57 GMT

Новая версия решения "Автоматическое изменение width и height видео плеера V 5.0". В этот раз мы не будем использовать javasсript, просто сделаем это на css, чтобы не загружать ваш сайт.

Описание решения:

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

Внимание работа скрипта только для фрэймов и простых плееров отображений видео файлов.

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

Вставляем в ксс:

Код

/* by Onmults.Ru*/
  .videoPlayer embed,
  .videoPlayer object,
  .videoPlayer iframe {width: 500px;height: auto;min-height: 300px;}
  }

Новая форма входа с мини-профилем

yaN — Thu, 11 Apr 2013 03:41:50 GMT

Современный и симпатичный дизайн для формы входа ucoz, а также для мини профиля. Скрипт формы входа использует красивую кнопку "Вход". Мини-профиль сделан в стиле минимализма. Скрипт впишется под любой дизайн.

Установка:

1. Переходим в ПУ -> Глобальные блоки, тут выбираем контейнер, где хотим видеть данный скрипт, создаем там "новый блок" и вставляем туда следующий код:

Код

Добро пожаловать, $USERNAME$!

  $USER_AVATAR_URL$http://isucoz.ru/uploads/posts/2012-10/1349460077_comm_added_no_av.png" style="border:0px; "/>

  Мой профиль

  Мои сообщения ($UNREAD_PM$)

  Мои настройки

  Выход с сайта

  $LOGIN_FORM$

2. Также название блока можно изменить на:

Код

Панель управленияФорма входа

3. Далее переходим в Таблицу стилей CSS и добавляем:

Код

.miniprofimage a img {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=70);}
  .miniprofimage a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}
  .miniprofUDS {font-family:tahoma; overflow:hidden; padding-bottom:5px;}
  .miniprofimage {padding:4px 5px 4px 5px;float:left;}
  .miniprofimage img {border:2px solid #fff;border-radius:1px;width:52px;height:52px;}
  .miniprofname {color: #333; widht:90%;background:#f3fafd;border:1px solid #e1ebf0;margin-bottom:4px;padding:5px;}
  .miniprofinfo {padding-top:4px}
  .miniprofinfo a:link,.miniprofinfo a:visited,.miniprofinfo a:active {background:url('miniprofimageurl.gif')no-repeat 3px 5px;text-decoration:none; color:#737474; padding:0px 5px 0px 10px;}
  .miniprofinfo a:hover {text-decoration:none; color:#939494;}
  .miniprofinfo span{font-weight: bold;}
  input#miniprofIN {vertical-align:middle; color:#666; font-size:11px; font-family:tahoma; border:1px solid #d5d7da; background:#fff; padding:3px 7px 3px 7px;}
  input#miniprofIN:active, input#miniprofIN:hover, input#miniprofIN:focus{outline:none; border:1px solid #bdbfc2;}
  div.input_submit {background:#2a3946 url("http://isucoz.ru/uploads/scripts/003/highlight_faint.png") repeat-x 0 0px; border:1px solid #202c36; color:#fff;
  display:inline-block; padding:5px 10px; text-align:center; text-shadow:rgba(0,0,0,0.7) 0px 1px 0px; -moz-box-shadow:rgba(0,0,0,0.43) 0px 1px 0px;-webkit-box-shadow:rgba(0,0,0,0.43) 0px 1px 0px;box-shadow:rgba(0,0,0,0.43) 0px 1px 0px; -moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}
  div.input_submit:hover {background-color:#364959; color:#fff; cursor:pointer;}
  div.input_submit.alt {background:#758a9d url("http://isucoz.ru/uploads/scripts/003/highlight_faint.png") repeat-x 0 0px; border:1px solid #61768a;
  color:#e6edf4; text-shadow:rgba(0,0,0,0.3) 0px 1px 0px}
  div.input_submit.alt:hover {background-color:#8197aa; color:#fff; cursor:pointer;}

4. Ну и последний шаг: переходим в П.У. - Дизайн - Управление дизайном - Форма входа пользователей и всё меняем на следующий код:

Код

Введите ваш логин и пароль!

Войти

Забыли пароль

Регистрация

Ucoz » Мини-профиль внизу сайта

yaN — Thu, 11 Apr 2013 03:40:13 GMT

Код

Горизонтальное выпадающие меню

yaN — Thu, 11 Apr 2013 03:39:33 GMT

Это добавляем в css:

Код

.h_nav {background:url(images/h_nav.png) repeat-x 0 0; margin:0 -10px 10px -10px;}.h_nav ul,
  .h_nav ul li {display:block; padding:0; margin:0; list-style:none;}
  .h_nav > ul {height:36px; display:block;}
  .h_nav > ul > li {background:url(images/h_nav_a.png) no-repeat right 0; padding:0 2px 0 0; float:left; height:36px; line-height:36px; position:relative; }
  .h_nav > ul > li a {height:36px; display:block; padding:0 15px; font-weight:bold; color:#2e2e2e; text-decoration:none;}
  .h_nav > ul > li a:hover {background:url(images/h_nav_a.png) repeat-x 0 -36px; text-decoration:underline;}
  .h_nav > ul > li .submenu  { display:none; }
  .h_nav > ul > li:hover .submenu { background:url(images/bg_pod.png) -204px 0; position:absolute; width:204px; left:0px; top:35px; z-index:99999; display:block; padding-top:25px; }
  .h_nav > ul > li .submenu ul {background:url(images/bg_pod.png) left bottom; width:204px; display:block; padding-bottom:10px;  }
  .h_nav > ul > li > ul > li { height:25px; display:block;padding:0 10px; font-weight:bold; color:#2e2e2e; text-decoration:none;}
  .h_nav > ul > li .submenu li a { width:190px; display:block;background:url(images/bg_menu_3.png) 2px -28px no-repeat;height:23px;padding:5px 0px 0px 11px;text-align:left;color:#232323;font:normal 9pt Arial;}
  .h_nav > ul > li .submenu li a:hover {width:183px;background:url(images/bg_menu_3.png) 2px 0 no-repeat; height:23px;color:#f1f1f1;padding:5px 0px 0px 18px;}

А это само меню там где хотим видеть его!

Код

General menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu

General menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu

General menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu
- Sub menu

General menu

General menu

General menu

Скачать скрипт

Скрипт - Новый, красивые светлый вид опросов ucoz

yaN — Thu, 11 Apr 2013 03:38:09 GMT

Скриншот: http://wallaby.ucoz.ru/images33/primer_opros_v2.png

Установка HTML:

Заходим в админ панель вашего сайта в системе uCoz Админ панель => Дизайн => Управление дизайном => Опросы => Вид формы опросов удаляем от туда старый код и устанавливаем новый:

Код

$QUESTION$

$ANSWERS$

Результат

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

Установка CSS:

Код

/* Ячейка опроса
      ------------------------------------------*/
      .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;
      }
      /*------------------------------------------*/

Виджет - Переход по внешней ссылке

yaN — Thu, 11 Apr 2013 03:37:12 GMT

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

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

Код

Перейти по ссылке