Шаблоны для uCoz, Скрипты для uCoz

Дизайн формы поиска для стандартных шаблонов системы uCoz

danjerous — Wed, 07 Dec 2016 06:27:50 GMT

Для опытов мы возьмём стандартный шаблон системы #211, форма поиска на главной странице находится в первом контейнере слева.

Смотрим скрин скрипта: http://i009.radikal.ru/1207/ba/53590c35e001.jpg

Делается это очень просто: открываем шаблон, в котором находится блок с формой поиска (в данном шаблоне системы это шаблон "Первый контейнер"), вот что мы нашли:

Code

Поиск
$SEARCH_FORM$

заменяем системный код

Code

$SEARCH_FORM$

на нашу форму поиска

Code

$SEARCH_FORM$

Сохраняем изменения и переходим в редактирование шаблона "Таблица стилей (CSS)". Добавляем стили для нашей новой формы поиска:

Code

/* Форма поиска
-------------------------------------- */
.searchform {
   display: inline-block;
   zoom: 1; /* ie7 hack for display:inline-block */
   *display: inline;
   border: solid 1px #6699ff;
   padding: 3px 6px;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius: 2em;
   -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
   -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
   box-shadow: 0 1px 0px rgba(0,0,0,.1);
   background: #f1f1f1;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
   background: -moz-linear-gradient(top, #fff, #ededed);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
   font: normal 12px/100% Arial, Helvetica, sans-serif;color:#666;
}
.searchform .searchfield {
   background: #fff;
   padding: 6px 6px 6px 8px;
   width: 145px;
   border: solid 1px #6699ff;
   outline: none;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius: 2em;
   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
   -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
   box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
   color: #fff;
   border: solid 1px #336699;
   font-size: 10px;
   height: 25px;
   width: 25px;
   text-shadow: 0 1px 1px rgba(0,0,0,.6);
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius: 2em;
   background: #6699cc;
   background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
   background: -moz-linear-gradient(top, #9e9e9e, #454545);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

Статистика для форума

danjerous — Tue, 17 Jul 2012 08:43:41 GMT

Смотрим скрин скрипта: http://s017.radikal.ru/i409/1207/32/cf011fe73883.jpg

Статистика для форума от zornet.ru, в статистику входит четыре информера,( Последние обновленные темы - Самые популярные темы - Самые активные - Новые участники) от чего она становится красивой.
Приступим к установке:
ПУ - Дизайн -- Форум - Общий вид страниц форума и после $.BODY$ вставляем код

Code

Статистика Форума
Последние обновленные темы	Самые популярные темы	Самые активные	Новые участники
$MYINF_34$	$MYINF_35$	$MYINF_36$	$MYINF_37$

Создаем инфоремы:
1.Последние обновленные темы
Форум · Материалы · Последние обновленные темы · Материалы: 10 · Колонки: 1 Длина заголовка: 12
В шаблон информера вставляем:

Code

$THREAD_TITLE$

Ответов [ $REPLIES$ ]

2. Самые популярные темы
Форум · Материалы · Самые популярные темы · Материалы: 10 · Колонки: 1 · Длина заголовка: 12
В шаблон информера вставляем:

Code

$THREAD_TITLE$

Ответов [ $REPLIES$ ]

3. Кол. сообщений в форуме
Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 10 · Колонки: 1
В шаблон информера вставляем:

Code

$USERNAME$

Постов [ $FORUM_POSTS$ ]

4.Последние пользователи
Пользователи · Материалы · Дата регистрации D · Материалы: 10 · Колонки: 1
В шаблон информера вставляем:

Code

$USERNAME$

Дата [ $REG_DATE$ ]

Не забудьте заменить номера информеров на свой в коде №1

Красивая форма поиска для юкоз

danjerous — Tue, 17 Jul 2012 08:43:34 GMT

Смотрим скрин скрипта: http://s11.radikal.ru/i183/1207/b3/0fb0dfc4b920.png

Ставим туда где хотите видеть поиск.

скачайте картинку (narod.ru/disk/55914602001.b46418166f457ba8f74ad4a1dc0898fc/2488_search.zip.html) и загрузите ее в папку images

Code

В css

Code

form#search_form input[type="text"] {
   background: url(/images/search.png) no-repeat;
   border:none;
   height:35px;
   padding: 0 0 0 80px;
   width:300px;
   font: 12px 'Comic Sans MS', 'Arial';
  }

  form#search_form input[type="submit"] {
   display: none;
  }

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

danjerous — Tue, 17 Jul 2012 08:43:29 GMT

Смотрим скрин скрипта: http://s019.radikal.ru/i602/1207/a1/eef20a0601dd.png

Вот решил сделать статистику как на uweb. Статистика состоит и счетчика ucoz справа от него юзер лист, по ним кто онлайн, а ещё ниже кто сегодня посетил сайт. Установка: Создаем информёр: пользователи посетившие сайт за текущий день ! (И все) Кидаем в блок код:

Code

$COUNTER$	$ONLINE_COUNTER$
Сейчас онлайн:
$ONLINE_USERS_LIST$
Нас посетили:
$MYINF_Х$

$MYINF_Х$ -ваш информёр.

Меню сайта для темных дизайнов

danjerous — Fri, 08 Jun 2012 22:57:02 GMT

Смотрим скрин скрипта: http://s019.radikal.ru/i641/1205/00/615c008dd97d.gif

Это вставляем в CSS:

Code

mc_menu2 {height:22px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left; margin-top:1px;}
   .mc_menu2 a:link, .mc_menu2 a:visited {color:#808080;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #252525 url('http://s41.radikal.ru/i092/1106/da/071a78525d6e.png') no-repeat left center;border-top: 1px solid #333333;border-right: 1px solid #333333;border-left: 1px solid #333333;border-bottom: 1px solid #333333;text-align: left; margin-top:1px;}
   .mc_menu2 a:hover {color:#ffffff;text-shadow:0 0 5px #ffffff;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #252525 url('http://s011.radikal.ru/i316/1106/b1/2ebe089d557b.png') no-repeat left center;text-align: left; margin-top:1px;}

     .mc_menu {height:18px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}
     .mc_menu a:link, .mc_menu a:visited {color:#808080;padding-left:14px;line-height:18px;display:block;font-weight:normal;background: #252525 url('http://s57.radikal.ru/i158/1106/11/a0e1470de1d5.png') no-repeat left center;border-right: 1px solid #333333;border-bottom: 1px solid #333333;border-left: 1px solid #333333;text-align: left;}
     .mc_menu a:hover {color:#ffffff;text-shadow:0 0 5px #ffffff;padding-left:14px;line-height:18px;display:block;font-weight:normal;border-bottom: 1px solid #debc1d;background: #252525 url('http://s013.radikal.ru/i323/1106/cb/72338b353ad3.png') no-repeat left center;text-align: left;}

     .mc_menurek {height:18px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}
     .mc_menurek a:link, .mc_menurek a:visited {color:#debc1d;padding-left:14px;line-height:18px;display:block;font-weight:normal;background: #252525 url('http://s57.radikal.ru/i158/1106/11/a0e1470de1d5.png') no-repeat left center;border-right: 1px solid #333333;border-bottom: 1px solid #333333;border-top: 1px solid #333333;border-left: 1px solid #333333;text-align: left;}
     .mc_menurek a:hover {color:#ff0000;padding-left:14px;line-height:18px;display:block;font-weight:normal;border-bottom: 1px solid #ff0000;background: #252525 url('http://s008.radikal.ru/i304/1106/98/da18d2e6e334.png') no-repeat left center;text-align: left;}

Этот код ставим где хочем видеть меню

Code

Меню 1

     Ссылка 1
     Ссылка 2
     Ссылка 3
     Ссылка 4
     Ссылка 5
     Ссылка 6
     Ссылка 7
     Ссылка 8
     Ссылка 9
     Ссылка 10
     Ссылка 11
     Ссылка 12

     Меню 2

     Меню 3

     Меню 4

     Меню 5

     Pro-Chit.ru

Рекламное место

Котёнок для сайта - скрипт для укоз

danjerous — Fri, 08 Jun 2012 22:57:00 GMT

Смотрим скрин скрипта: http://s54.radikal.ru/i146/1206/22/21d947a2d3e0.jpg

Вот и новая обещанная новинка - скрипт для укоз, котёнок.
В этом скрипте для укоз, фон так же прозрачный. Установка проста, скопируйте код скрипта ниже:

Code

и установите его в то место, своего сайта укоз (и не укоз тоже подойдет), где хотите видеть такого же
котёнка.

Новый мини чат

danjerous — Fri, 08 Jun 2012 22:56:58 GMT

Смотрим скрин скрипта: http://s019.radikal.ru/i616/1205/70/355607ae5430.jpg

В чате работает всё кроме звука при новом сообщении.

Стили кнопок (ответить и отмена)

Code

/* Кнопки */

   .zp-button,.g-button,input.bbcodes{padding:4px
   10px;font-size:11px;font-family:"Segoe Ui","Tahoma";background:url('http://zagruzka-plus.ws/zptpl/images/button-bg.png') repeat-x #D8D8D8;border:1px
   solid #B3B3B3;color:#444;text-shadow:0 1px 0 #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:0 0 1px #FFF inset;box-shadow:0 0 1px #FFF inset;-webkit-box-shadow:0 0 1px #FFF inset;cursor:pointer;text-align:center;min-width:60px;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.zp-button:hover,.g-button:hover,input.bbcodes:hover{background:url('http://zagruzka-plus.ws/zptpl/images/button-bg.png') repeat-x #EDEDED;color:#444}.zp-button:active,.g-button:active,input.bbcodes:active{background:#D8D8D8;-moz-box-shadow:0 0 1px #AAA inset;box-shadow:0 0 1px #AAA inset;-webkit-box-shadow:0 0 1px #AAA inset;color:#444}.zp-button:disabled,.g-button:disabled,input.bbcodes:disabled{background:url('http://zagruzka-plus.ws/zptpl/images/button-bg.png') repeat-x #D8D8D8;-moz-box-shadow:0 0 1px #FFF inset;box-shadow:0 0 1px #FFF inset;-webkit-box-shadow:0 0 1px #FFF inset;opacity:0.6;cursor:default}

Установка чата находится в архиве!!!

СКАЧАТЬ: narod.ru/disk/50967156001.3a6380ad95d200d68b2e8c5140f5b516/Novyy_mini_chat.rar.html

Состав клана - победы поражения для ucoz

danjerous — Fri, 08 Jun 2012 22:56:56 GMT

Смотрим скрин скрипта: http://s019.radikal.ru/i633/1205/0f/ec4deb13354c.png

Новая Статистика CW для ucoz, с тремя картинками "функциями" победа, поражения, нечьи . Добавел от себя, "Забить CW". Што могу сказать по скрипту, смотретса очень не плохо, как на стандартных дизах, так и на дизайнах с широкими блоками.

Устоновка:
Код кидаем в новый блок:

Code

Победы(18)

Поражения (7)
Ничьи (0)

Забить CW

Форма входа CSS3 & HTML5

danjerous — Fri, 08 Jun 2012 22:56:54 GMT

отлично смотрится под любой дизайн

Смотрим скрин скрипта: http://s019.radikal.ru/i607/1205/2c/2f2f79b1f69a.png

Очень красивая форма входа в которой вместо jq & js используем CSS3 и HTML5,ну очень простая в установке форма входа для uCoz.
Установим нашу форму входа для uCoz:
ПУ-->Управление дизайном-->Страница входа пользователей. В head подключаем css файл:

Code

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

СКАЧАТЬ: narod.ru/disk/50873441001.b873d9c8f72428277d36f499c2ad5f0f/152_fv.rar.html

Ниже, находим:

Code

$BODY$

И заменяем его на:

Code

$LOG_FORM$$BODY$

Затем, ПУ-->Управление дизайном-->Форма входа пользователей. Заменяем весь код на этот:

Code

Забыл пароль
Регистрация

запомнитьскрытый

На этом установка завершена!

TRANCE РАДИО

danjerous — Fri, 08 Jun 2012 22:56:53 GMT

СКРИН НА ЗАЦЕН: http://s019.radikal.ru/i617/1205/20/c33ca666f6dc.jpg

Code