samuray

[color=ff0000]Вид материалов[/color]

penoky — Mon, 18 Jan 2016 12:52:35 GMT

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

ПУ>Ваш модуль(У меня это Каталог Статей)>Вид материалов:
Заменяем на

Код

href="$ENTRY_URL$">$TITLE$

$MODER_PANEL$

href="$CATEGORY_URL$">$CATEGORY_NAME$

  class="news-screenshot">Изображения
нет
$MESSAGE$

class="news-entry-text">href="$ENTRY_URL$">Подробнее

Автор:
$USERNAME$ |
$DATE$ | Просмотров: $READS$ | Комментариев:href="$ENTRY_URL$#comments" title="комментарии">$COMMENTS_NUM$

Если хотите, чтобы картинка также показывалась на (странице материала и комментариев к нему)
ПУ>Ваш модуль(у меня каталог статей)>страница материала и комментариев к нему:
Перед $MESSAGE$ вставляем

Код

vspace="5" hspace="10" src="$IMG_URL1$">

Выдвижной мини-профиль.

penoky — Sat, 07 Mar 2015 07:08:53 GMT

Выдвижной мини-профиль

В этом топике мы будем устанавливать красивый выдвижной мини-профиль который вовсе не занимает место на сайте. Помимо функциональности, выдвижной мини-профиль добавит вашему сайту юзабилити, пользователям будет проще обращаться к основным функциям\ссылкам сайта касающиеся управления аккаунтом и не только.

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

Установка
1. Установите HTML код на всех страницах сайта, рекомендую в нижнюю часть сайта.

Код

$USER_AVATAR_URL$http://s80.ucoz.net/a/02/1275.jpg">Мой профиль

Сообщения $UNREAD_PM$

Изменить данные

Выйти с сайта

Мой профиль

2. В таблицу стилей (CSS) вставьте один из предложенных стилей.

Темный (Основной)

Код

.uwaid_panel {position: fixed; right:10px; bottom:10px; display:none; list-style: none; margin: 0; padding: 0; z-index:9999999999999;}
.uwaid_panel a { width: 200px; height: 40px; text-decoration:none; display: block; padding: 9px;text-align: left; font: 16px Tahoma; line-height: 37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; }
.uwaid_panel a:hover { text-decoration:none;}
.uwaid_panel a img, .uwaid_icon { height: 40px; width: 40px; float: left; margin-right: 9px; }
.uwaid_panel a span {border-radius: 46px;float: right;padding: 0 15px;font-size: 13px;}
.uwaid_icon {background:url('http://webo4ka.ru/_ld/39/18148035.png');}
.settings {background-position-y: -40px;}
.exit {background-position-y: -80px;}
.my_profile {padding: 0 23px;z-index:9999999999999; text-align:center; font:16px Tahoma; line-height:37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; position:fixed; right:10px; bottom:10px;}
.my_profile:hover {cursor:pointer;}
.close_p {position: absolute;margin-left: 216px;border-radius: 17px;padding: 4px 8px;margin-top: -14px;}
.close_p:hover {cursor:pointer;}
/* Цветовые стили */
.uwaid_panel {border:7px solid #33373b;border-bottom:6px solid #33373b;border-left:none; }
.uwaid_panel a {background: #272a2d; border-left:7px solid #33373b;color: #fff;}
.uwaid_panel a:hover {background:#232629;border-left:7px solid #e05b5b;}
.uwaid_panel a span {background: #e05b5b;}
.my_profile {border:7px solid #33373b;background: #272a2d;color:#fff;}
.my_profile:hover {background:#454B50;}
.close_p {background: #e05b5b;color: #fff;}
.close_p:hover {background:#F87676;}

Светлый

Код

.uwaid_panel { position: fixed; right:10px; bottom:10px; display:none; list-style: none; margin: 0; padding: 0; z-index:9999999999999;}
.uwaid_panel a { width: 200px; height: 40px; text-decoration:none; display: block; padding: 9px;text-align: left; font: 16px Tahoma; line-height: 37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; }
.uwaid_panel a:hover {text-decoration:none;}
.uwaid_panel a img, .uwaid_icon { height: 40px; width: 40px; float: left; margin-right: 9px; }
.uwaid_panel a span {border-radius: 46px;float: right;padding: 0 15px;font-size: 13px;}
.uwaid_icon {background:url('http://webo4ka.ru/_ld/39/18148035.png');}
.settings {background-position-y: -40px;}
.exit {background-position-y: -80px;}
.my_profile {padding: 0 23px;z-index:9999999999999; text-align:center; font:16px Tahoma; line-height:37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; position:fixed; right:10px; bottom:10px;}
.my_profile:hover {cursor:pointer;}
.close_p {position: absolute;margin-left: 216px;border-radius: 17px;padding: 4px 8px;margin-top: -14px;}
.close_p:hover {cursor:pointer;}
/* Цветовые стили */
.uwaid_panel {border: 7px solid #C4C6C7;border-bottom: 6px solid #C4C6C7;border-left:none;}
.uwaid_panel a {background: #E4E4E4;border-left: 7px solid #C4C6C7;color:#555353;text-shadow: 0 1px 0 #fff;}
.uwaid_panel a:hover {background: #A2A2A2;border-left: 7px solid #807C7C;text-shadow:0 1px 0 #BDBDBD;}
.uwaid_panel a span {background: #C7C7C7;}
.my_profile {background:#E4E4E4;border: 7px solid #C4C6C7;color:#555353;}
.my_profile:hover {background:#DAD7D7; border: 7px solid #807C7C;}
.close_p {background: #C7C7C7;color: #fff;}
.close_p:hover {background: #A2A2A2;}

Настройка цветов
Для удобства все стили отвечающие за цветовую схему выдвижного мини-профиля вынесены в отдельные селекторы. После "/* Цветовые стили */".
.uwaid_panel — Основной стиль панели.
.uwaid_panel a — Стили ссылки в обычном состоянии.
.uwaid_panel a:hover — Стили ссылки при наведении.
.uwaid_panel a span — Стили количества сообщений.
.my_profile — Стили кнопки вызова панели.
.close_p — Стили кнопки закрытия панели.

Основываясь на этом можно изменять цвета:
border — Обводка
background — Фон
color — Цвет текста

Настройка пунктов, иконок

http://webo4ka.ru/_ld/39/18148035.png — Ссылка на иконки 40px на 40px, замените эту ссылку на свою в CSS коде.
http://s80.ucoz.net/a/02/1275.jpg — Ссылка на no avatar заменяется в HTML коде.

Добавление новых пунктов:

Код

Изменить данные

/index/11 - Ссылка на страницу.
- Иконка

Вы так же можете удалить иконку, если она вам не нужна. Пример:

HTML код:

Код

$USER_AVATAR_URL$http://s80.ucoz.net/a/02/1275.jpg">Мой профиль

Сообщения $UNREAD_PM$

Изменить данные

Выйти с сайта

Мой профиль

СКАЧАТЬ

Слайдер последних фотографий пользователя, добавившего карти

penoky — Sat, 07 Mar 2015 06:43:38 GMT

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

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

Установка:

На странице фотографии и комментариев к ней после вставляйте:

Код

Следующий код вставляйте на этой же странице в то место, где хотите видеть слайдер:

Код

Последние фотографии автора $USER$

Далее на этой же странице в самый низ после < /body > вставляйте:

Код

Скрипт из прикреплённого архива залейте в папку js, два стиля в папку css и три картинки в папку images

Для того, чтобы в слайдере было максимальное количество фотографий пользователя, в ПУ — Фотоальбомы — Настройки модуля для пункта «Количество фотографий на странице в альбоме:» укажите максимальное количество в 50 штук

СКАЧАТЬtags-zB11Слайдер, последних, фотографий, пользователя,, добавившего, карти

Уникальная адаптация 3D вида комментариев на чистом CSS3

penoky — Sat, 07 Mar 2015 06:34:56 GMT

Уникальная адаптация 3D вида комментариев на чистом CSS3

Установка:

В самый низ вашего css вставляйте:

Код

/*--ubutton-fix--*/
.myBtnLeft img, .myBtnRight img, .myBtnLeftA img, .myBtnRightA img, .myBtnRight + td input, .myBtnRightA + td input { display: block }
.myBtnCenter, .myBtnCenterA { line-height:19px !important }
.myBtnCont { height:19px; padding-bottom:0 !important }

@font-face {
font-family: 'fontawesome-selected';
src: url("/css/fontawesome-selected.eot");
src:
url("/css/fontawesome-selected.eot?#iefix") format('embedded-opentype'),
url("/css/fontawesome-selected.woff") format('woff'),
url("/css/fontawesome-selected.ttf") format('truetype'),
url("/css/fontawesome-selected.svg#fontawesome-selected") format('svg');
font-weight: normal;
font-style: normal;
}

.timeline {
position: relative;
list-style-type: none;
padding: 30px 0 50px 0;
font-family: 'Gorditas', Arial, sans-serif;
width:650px;
background:#ddd
}

.timeline:before {
content: '';
position: absolute;
width: 5px;
height: 100%;
top: 0;
left: 165px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==);
color:#aaa
}

.event {
position: relative;
margin-bottom: 80px;
padding-right: 40px;
}

.thumb {
position: absolute;
width: 100px;
height: 100px;
box-shadow:
0 0 0 8px rgba(65,131,142,1),
0 1px 1px rgba(255,255,255,0.5);
background-repeat: no-repeat;
border-radius: 50%;
-webkit-transform: scale(0.8) translateX(24px);
-moz-transform: scale(0.8) translateX(24px);
-o-transform: scale(0.8) translateX(24px);
-ms-transform: scale(0.8) translateX(24px);
transform: scale(0.8) translateX(24px);
}

.thumb:before {
content: '';
position: absolute;
height: 8px;
z-index: -1;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC);
width: 51px;
top: 42px;
left: 100%;
margin-left: 8px;
}

.thumb span {
color: #41838e;
width: 100%;
text-align: center;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
position: absolute;
bottom: -30px;
}

/* Transparent Checkbox/radio hack: leave the checkbox on top, hide it with opacity 0 */

.event label,
.event input [type="radio"]{
width: 24px;
height: 24px;
left: 158px;
top: 36px;
position: absolute;
display: block;
}

.event input [type="radio"]{
opacity: 0;
z-index: 10;
cursor: pointer;
}

.event label:after {
font-family: 'fontawesome-selected';
content: '\e702';
background: #fff;
border-radius: 50%;
color: #41838E;
font-size: 26px;
height: 100%;
width: 100%;
left: -2px;
top: -3px;
line-height: 24px;
position: absolute;
text-align: center;
}

.content-perspective {
margin-left: 230px;
position: relative;

-webkit-perspective: 600px;
-moz-perspective: 600px;
-o-perspective: 600px;
-ms-perspective: 600px;
perspective: 600px;
}

.content-perspective:before {
content: '';
width: 37px;
left: -51px;
top: 45px;
position: absolute;
height: 1px;
z-index: -1;
background: #fff;
}

.content {
-webkit-transform: rotateY(10deg);
-moz-transform: rotateY(10deg);
-o-transform: rotateY(10deg);
-ms-transform: rotateY(10deg);
transform: rotateY(10deg);

-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;

-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.content-inner {
position: relative;
padding: 20px;
color: #333;
border: none;
border-left: 5px solid #41838e;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
background: #fff;
}

.content-inner h3 {
font-size: 26px;
padding: 5px 0 5px 0;
color: #41838e;
}

.content-inner p {
font-size: 18px;
overflow: hidden;
color: transparent;
color: #777;
text-align: left;
}

.content-inner:before {
font-family: 'fontawesome-selected';
content: '\25c2';
font-weight: normal;
font-size: 54px;
line-height: 54px;
position: absolute;
width: 30px;
height: 30px;
color: #41838e;
left: -22px;
top: 19px;
z-index: -1;
}

/* Transitions */

.thumb,
.thumb span,
.content-inner h3 {
-webkit-transition: all 0.6s ease-in-out 0.2s;
-moz-transition: all 0.6s ease-in-out 0.2s;
-o-transition: all 0.6s ease-in-out 0.2s;
-ms-transition: all 0.6s ease-in-out 0.2s;
transition: all 0.6s ease-in-out 0.2s;
}

.content-inner {
-webkit-transition: box-shadow 0.8s linear 0.2s;
-moz-transition: box-shadow 0.8s linear 0.2s;
-o-transition: box-shadow 0.8s linear 0.2s;
-ms-transition: box-shadow 0.8s linear 0.2s;
transition: box-shadow 0.8s linear 0.2s;
}

.content {
-webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
-moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
-o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
-ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
}

.content-inner p {
-webkit-transition: max-height 0.5s linear, color 0.3s linear;
-moz-transition: max-height 0.5s linear, color 0.3s linear;
-o-transition: max-height 0.5s linear, color 0.3s linear;
-ms-transition: max-height 0.5s linear, color 0.3s linear;
transition: max-height 0.5s linear, color 0.3s linear;
}

/* Checked */

.event input[type="radio"]:checked + label:after {
content: '\2714';
color: #F26328;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8);
}

.event input[type="radio"]:checked ~ .content-perspective:before {
background: #F26328;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner h3 {
color: #F26328;
}

.event input[type="radio"]:checked ~ .content-perspective .content {
-webkit-transform: rotateY(-5deg);
-moz-transform: rotateY(-5deg);
-o-transform: rotateY(-5deg);
-ms-transform: rotateY(-5deg);
transform: rotateY(-5deg);
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner {
border-color: #F26328;
box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.1);
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
max-height: 260px; /* Add media queries */
color: rgba(0,0,0,0.6);
-webkit-transition-delay: 0s, 0.6s;
-moz-transition-delay: 0s, 0.6s;
-o-transition-delay: 0s, 0.6s;
-ms-transition-delay: 0s, 0.6s;
transition-delay: 0s, 0.6s;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner:before {
color: #F26328;
}

.event input[type="radio"]:checked ~ .thumb {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
box-shadow:
0 0 0 8px rgba(242,99,40,1),
0 1px 1px rgba(255,255,255,0.5);
}

.event input[type="radio"]:checked ~ .thumb span {
color: #F26328;
}

.event input[type="radio"]:checked ~ .thumb:before {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbN   yaHFmzEqgAAAABJRU5ErkJggg==);
}

.content-inner p,
.thumb span,
.event label {
-webkit-backface-visibility: hidden;
}

@media screen and (max-width: 850px) {
.content-inner h3 {
font-size: 20px;
}

.content-inner p {
font-size: 14px;
text-align: justify;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
max-height: 500px;
}
}

@media screen and (max-width: 540px) {
.timeline::before {
left: 50px;
}

.event {
padding-right: 0px;
margin-bottom: 100px;
}

.thumb {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}

.event input [type="radio"]{
width: 100px;
height: 100px;
left: 0px;
top: 0px;
}

.thumb:before,
.event input[type="radio"]:checked ~ .thumb:before {
background: none;
width: 0;
}

.event label {
display: none;
}

.content-perspective {
margin-left: 0px;
top: 80px;
}

.content-perspective:before {
height: 0px;
}

.content {
-webkit-transform: rotateX(-10deg);
-moz-transform: rotateX(-10deg);
-o-transform: rotateX(-10deg);
-ms-transform: rotateX(-10deg);
transform: rotateX(-10deg);
}

.event input[type="radio"]:checked .content-perspective .content {
-webkit-transform: rotateX(10deg);
-moz-transform: rotateX(10deg);
-o-transform: rotateX(10deg);
-ms-transform: rotateX(10deg);
transform: rotateX(10deg);
}

.content-inner {
border-left: none;
border-top: 5px solid #41838e;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner {
border-color: #F26328;
box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1);
}

.content-inner:before {
content: '\25b4';
left: 33px;
top: -32px;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
max-height: 300px;
}
}

На странице материала и комментариев к нему в нужном вам модуле замените $COM_BODY$ на:

Код

Далее в виде материалов комментариев замените всё на:

Код

$DATE$

$USERNAME$ » Ответить $MODER_PANEL$

$ANSWER$$MESSAGE$

Картинку из прикреплённого архива залейте в папку img, пять файлов шрифта залейте в папку css

СКАЧАТЬ
tags-zB11Уникальная, адаптация, 3D, вида, комментариев, на, чистом, CSS3

Выбор типа поиска по сайту с запоминанием через локальное хр

penoky — Sat, 07 Mar 2015 06:28:51 GMT

Выбор типа поиска по сайту с запоминанием через локальное хранилище для uCoz

Cкрипт использует необычное переключение между двумя формами поиска с запоминанием, но без использовать кук с мощью HTML5, а именно, локальным хранилищем. Вообще скрипт рассчитан на упрощение поиска нужных материалов для ваших пользователей, так как не всегда удобно искать нужные материалы по всему сайту, ведь захватываются все модули и результатов бывает просто дофига, да и при поиске по одному модулю велика вероятность, что вы не найдёте материал по нужному запросу. Скрипт позволит мгновенно переключаться между двумя формами, и это здорово

Установка:

В самый низ вашего css вставляйте:

Код

.searchSbmFl,.apomainsearch,.apomodulesearch {
display:none;
}

.queryField {
border: none;
margin-bottom: 5px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
padding:3px
}

.apomainsearchok,.apomodulesearchok,.apomainsearchico,.apomodulesearchico {
height: 15px;
position: absolute;
margin-top: 2px;
margin-left: -17px;
}
.apomainsearchico,.apomodulesearchico {
margin-left:3px;
}

В вашем шаблоне найдите $SEARCH_FORM$ или $MODULE_SEARCH_FORM$ и замените на:

Код

$SEARCH_FORM$

$MODULE_SEARCH_FORM$

Как вы уже можете видеть, каждый элемент скрипта помечен комментарием, чтобы новичкам было удобно разбираться в том, какой участок за что отвечает — это поможет в написании своих кодов и модернизации данного скрипта

Три картинки из прикреплённого архива залейте в папку img

tags-zB11Выбор, типа, поиска, по, сайту, с, запоминанием, через, локальное, хр

Вывод случайного текста под полем поиска

penoky — Sat, 07 Mar 2015 06:25:03 GMT

Вывод случайного текста под полем поиска для uCoz

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

Установка:

Замените $SEARCH_FORM$ на:

Код

$SEARCH_FORM$

Всё.

tags-zB11Вывод, случайного, текста, под, полем, поиска

Живая лента для uCoz 2.0

penoky — Sat, 07 Mar 2015 06:21:12 GMT

Живая лента для uCoz 2.0

Представляем вам скрипт "Лента активности" для системы uCoz. Все нужные информеры обрамляются в элемент feed, затем попадают в массив, после чего распознается дата того или иного действия, и идет сортировка элементов массива. В итоге действия идут по порядку.

Установка скрипта

1. Создаем необходимые информеры. В этой версии шаблон информера может быть абсолютно любым. Настройки тоже не имеют значения. Стили тоже пишем на свое усмотрение.

2. Перед вставляем скрипт:

Код

3. Вставляем ленту:

Код

   $MYINF_1$
   $MYINF_2$
   $MYINF_3$
   $MYINF_4$
   $MYINF_5$

Если хотите, чтобы выводились все записи, удалите slice.

Установка завершена. tags-zB11Живая, лента, для, uCoz, 2.0

Изменение размера поля поиска при клике

penoky — Sat, 07 Mar 2015 05:59:55 GMT

Изменение размера поля поиска при клике

С название материала все сразу становится понятно. В данной статье будет показано, как сделать растягивание поля поиска при клике на него. Вариант очень удобен, так как не требует javascript, jquery. То, что мы не будем их использовать это уменьшает нагрузку на наш сайт.

В месте где хотим видеть форму поиска вставляем:

Код

И в файл со стилями css добавляем:

Код

.search_block *{margin:0;padding:0;}
.search_block{position:relative;width:263px;display: inline-block;}
.search_block input[type="text"]{-moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;border-radius: 3px;padding: 6px 6px;display:inline-block;width: 110px;height:16px;outline:0;float:right;border: 1px solid #9e624d;}
.search_block input[type="text"]:focus{width: 220px;box-shadow:0 0 6px #07a4d1 ;border:1px solid #1cacd6;}
.search_block input[type="submit"]{border-radius:3px;outline:none;right: 6px;top:5px;float:right;position:absolute;width:20px;height:20px;border:0;background: url('http://webo4ka.ru/Ucoz8/Search-Find.png') center center no-repeat;}

Всё

tags-zB11Изменение, размера, поля, поиска, при, клике

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

penoky — Sat, 07 Mar 2015 05:43:34 GMT

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

Новый скрипт формы поиска для сайта в системе uCoz с возможностью выбора поиска по одному из ваших модулей.

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

Код

Всё
tags-zB11Форма, поиска, по, сайту

Вывод добавленных видеозаписей пользователя в профиль

penoky — Sat, 07 Mar 2015 04:45:24 GMT

Вывод добавленных видеозаписей пользователя в профиль

Неплохой скрипт для системы ucoz дополняющий профиль пользователем чем то оригинальным, подойдет доя сайтов где пользователи выкладывают свои видео.

1) Вставляем код в персональную страницу. туда где хотите отображать материалы:

Код

Последнее в моем видеоканале:

2) в вид материала (в самый низ) ставим:

Код