Скрипты,Плагины для UCOZ - WebCs Portal - Все Для CS 1.6 и Многое Другое https://webcs.ru/ ru Блок «Список» людей на сайте для uCoz https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/214-blok-spisok-ljudej-na-sajte-dlja-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/214-blok-spisok-ljudej-na-sajte-dlja-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/214-blok-spisok-ljudej-na-sajte-dlja-ucoz.html Mon, 22 Jun 2026 11:02:18 +0400 index

Блок «Список» людей на сайте для uCoz

Блок «Список» людей на сайте для uCoz
Данный блок предназначен для вывода пользователей в одном каркасе для сайта uCoz, где может быть команда или сотрудники этого ресурса с описанием. Само направление может быть совершенно другим, главное, что теперь вы можете выставить красивый блок в разных оттенках цвета, где в нем разместить любую информацию, что касается пользователей или сотрудников. Это такое место, что будет заметно, так как по дизайну выполнено великолепно.

А точнее, мы видим, как цветовая гамма из светлой палитры перетекает в темную, где безусловно создает красивый градиент. Также здесь все создано на чистом стиле, где при добавление HTML создается дополнительное место, но желательно, чтоб было все четно. Вероятно ранее вы встречали информеры, кто больше оставил комментарий, но здесь вы уже сами задаете те места и описание. Что будет отличным решением для официальных порталов, где идет представление своей команды.

Также все проверено на работоспособность, ниже представлен переход на demo страницу.

Красивый блок пользователей на сайте

Установка:

HTML

Код:
<div class="karkas-bloga">
<div class="osnova-gukes">
<a href="Клик по ссылке перехода">
<div class="katunka-skina"><img src="Ссылка на изображение пользователя" alt=""></div>
<div class="opesanua-sostava">НИК <p>Напишите сочинение на тему</p></div>
</a>
</div>
</div>

<div class="karkas-bloga">
<div class="osnova-gukes sedam">
<a href="Клик по ссылке перехода">
<div class="katunka-skina"><img src="Ссылка на изображение пользователя" alt=""></div>
<div class="opesanua-sostava">НИК <p>Ваше описание к теме</p></div>
</a>
</div>
</div>

<div class="karkas-bloga">
<div class="osnova-gukes">
<a href="Клик по ссылке перехода">
<div class="katunka-skina"><img src="Ссылка на изображение пользователя" alt=""></div>
<div class="opesanua-sostava">НИК <p>Напишите сочинение на тему</p></div>
</a>
</div>
</div>

CSS

Код:
.karkas-bloga {
display: inline-block;

}

.osnova-gukes {
margin: 10px;
padding: 24px 0;
overflow: hidden;
width: 200px;
background:linear-gradient(45deg, rgb(1 0 12) 50%, rgb(255 0 56) 100%);
border-radius: 0 100px 0 100px;

}

.osnova-gukes.sedam {
background:linear-gradient(45deg, rgb(40 26 197) 50%, rgb(0 255 231) 100%);
border-radius: 100px 0 100px 0;
}

.osnova-gukes, .osnova-gukes a {
text-decoration: none;
display: block;
text-align: center;
}

.katunka-skina {
width: 120px;
height: 120px;
border-radius: 100%;
overflow: hidden;
margin: 10px auto;
border-width: 5px 5px;
border-style: solid;
border-color: #0b0736 #0c083c #af173b #ab183a;
}

.osnova-gukes.sedam .katunka-skina {
border-color: #2216af #2115ad #0a88c1 #0a88c1;
}

.katunka-skina img {
width: 130px;
height: 130px;
object-fit: cover;
}

.opesanua-sostava {
font-size: 15px;
padding: 12px 6px;
color: rgba(255,255,255, .90);

}
.opesanua-sostava p {
font-size: 12px;
color: rgba(255,255,255, .50);
}


]]> Кнопка мне нравится на сайты в HTML + CSS https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/213-knopka-mne-nravitsja-na-sajty-v-html-css.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/213-knopka-mne-nravitsja-na-sajty-v-html-css.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/213-knopka-mne-nravitsja-na-sajty-v-html-css.html Mon, 22 Jun 2026 10:58:44 +0400 index

Кнопка мне нравится на сайты в HTML + CSS

Кнопка мне нравится на сайты в HTML + CSS
Если вы считаете, что ваш материал можно оценивать, то для этого нужен скрип кнопки, что как раз здесь представлен для конструктора uCoz системы. И по сути нам нужно сделать так, чтоб пользователь изначально видел данную кнопку, а значит сделать ее более яркой. Что для темного формате, и аналогично для светлого формата, данный оттенок цвета отлично впишется под любую тематику.

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

Так кнопка выглядит по дизайну:



Установка:

По месту где хотите наблюдать данную кнопку оценивать.

HTML

Код:
<?if($RATING$)?>
<div id="rating_os">
<a href="jаvascript://" id="golike" onclick="$.post('/load',{'a':65, 'mark':1, 'mod':'load', 'ajax':2, 'id':'$ID$', '_tp_':'xml'},function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});">
<div id="rating_l">Mне нравится</div>
</a>
<div id="rating_p">+$RATED$</div>
</div>
<?endif?>

CSS

Код:
#rating_os {
float:right;
font: 11px Verdana,Arial,Helvetica, sans-serif;
text-shadow: 1px 1px 1px #fff;
background:#dfecf4;
border: 1px solid #ADD6EF;
}

#rating_os a:link,
#rating_os a:visited,
#rating_os a:hover {text-decoration:none; color:#2C68A6;}

#rating_l {
float:left;
background: url(http://ltmusic.ru/like/ugol_blue.png) no-repeat right;
padding: 3px 10px 3px 5px;
}

#rating_l:hover {
background: #ADD6EF url(http://ltmusic.ru/like/ugol_blue.png) no-repeat right;
}

#rating_p {
float:right;
color:#235e9b;
padding: 3px 5px 3px 5px;
background:#b5d9ee;
}

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


]]> Оценка материалов «Likee» для сайта uCoz https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/212-ocenka-materialov-likee-dlja-sajta-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/212-ocenka-materialov-likee-dlja-sajta-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/212-ocenka-materialov-likee-dlja-sajta-ucoz.html Mon, 22 Jun 2026 10:56:49 +0400 index

Оценка материалов «Likee» для сайта uCoz

Оценка материалов «Likee» для сайта uCoz
Скрипт, который идет на оценку материалов виде Лайка для тематических сайтов для uCoz, где появляется быстро, как раз после клика статьи. Так как он отлично будет смотреться на любой тематики, это как скачать материал, но по мне он лишний там. Основном ставят на статьях или материалах, где вы сами пишите, а также на самую актуальную информацию, которая идет виде описания или разного материала. Одной из сильных сторон скрипта является простота, где интерфейс просмотра довольно прост и понятен, что важно как для гостей и пользователей.

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

Установка:

HTML

По месту:

Код:
<div id="waakof"></div>
<div id="waakok"></div>

CSS

Код:
#waakof, #waakok{
display: none;
position: fixed;
bottom: 10px;
left: 10px;
max-width: 200px;
padding: 10px 20px;
color: #FFF;
font-size: 13px;
}
#waakof {
background: #e12929;
}
#waakok {
background: #09ab33;
}

JS

Код:
<span title="Проголосовало $RATED$" id="waaklike$ID$" onclick="likphoto$ID$();"><i class="fa fa-heart" aria-hidden="true"></i> $RATED$</span>
<script>
function likphoto$ID$() {
$('#waaklike$ID$').html('<img src="/img/upload.gif">');
$.post('/load',{'a':65, 'mark':1, 'mod':'load', 'ajax':2, 'id':'$ID$', '_tp_':'xml'},function(data) {if($(data).text().indexOf('уже оценивали')>-1) { $('#waakof').html('Вы уже <br>оценивали'); setTimeout(function(){$('#waakof').fadeIn('fast')});setTimeout(function(){$('#waakof').fadeOut('fast')},7000); $('#waaklike$ID$').html('<i aria-hidden="true"></i> $RATED$'); } else {$('#waakok').html('Ваша оценка принята'); setTimeout(function(){$('#waakok').fadeIn('fast')});setTimeout(function(){$('#waakok').fadeOut('fast')},7000);$('#waaklike$ID$').html('<i aria-hidden="true" style="color: #F43C0A"></i> <?$RATED$+1?>');};});
}
</script>

Скачав архив, там будет один файл в формате GIF, который нужно поместить в корень сайте. Где заходим туда и ищем папку img и загружаем данный файл. Если данной папки нет, то создаем и аналогиично загружаем, или просто делаем прямую ссылку и прописываем в коде.

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

Автор: waak
Источник: Talantlev.ucoz.ru


]]> Информер: Самые активные на форуме uCoz https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/211-informer-samye-aktivnye-na-forume-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/211-informer-samye-aktivnye-na-forume-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/211-informer-samye-aktivnye-na-forume-ucoz.html Mon, 22 Jun 2026 10:54:32 +0400 index

Информер: Самые активные на форуме uCoz

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

Но ниже можно увидеть запросы, которые вы сами можете выстроить под свой запрос. Это как просматриваемые темы или актуальная тема, на которой оставили комментарий, что как уже было сказано, отлично для навигации. Где по клику можно перейти и ответить на вопрос или дать свой комментарий, а не искать по всему форуму, где находятся новые комментарий. Если посмотреть на стилистику дизайн, то она выполнена так, чтоб этот информер можно разместить на разные оттенки цвета, и уже автоматически цвет выстроить. Но и насчет тематики, то здесь она просто огромна, этот формат идет почти на все темы, так как его направление очень популярна на сайте.

Так выглядит представленный информер после установочного процесса:



Установка:

Создаём информер пользователей с такими параметрами!

[ Пользователи · Кол. сообщений в форуме · Материалы: 5 · Колонки: 1 ]

Далее в шаблоне информера удаляем весь код и вставляем код указанный ниже

HTML

Код:
<div class="karkas-info">
<div class="karkas-info-avatar"><?if($AVATAR_URL$)?><div class="ckredsan-na-smilas ckredsan-na-smilas-$NUMBER$">$NUMBER$</div><img src="$AVATAR_URL$"><?else?> <div class="ckredsan-na-smilas ckredsan-na-smilas-$NUMBER$">$NUMBER$</div><img src="/.s/img/icon/social/noavatar.png"><?endif?></div>
<div class="karkas-info-p-g">
<div class="cedamen-lemun-name"><a href="$PROFILE_URL$">$USERNAME$</a></div>
<div class="seda-kumed-name group-c-$GROUP_ID$">$GROUP_NAME$</div>
<div class="cedamen-lemun-post">Постов: $FORUM_POSTS$</div>
</div>
</div>

CSS

Код:
.body-top-f {display: block; text-align: center;}
.karkas-info {text-align: center; display: inline-block; margin: 0 5px;}
.karkas-info-avatar {width: 70px; height: 70px; display: inline-block; position: relative; border-radius: 100%; z-index: 9; border: solid 2px #e3e3e3;}
.ckredsan-na-smilas {background-color: #b9b9b9; color: #fff; position: absolute; z-index: 10; left: -5px; top: 5px; width: 17px; height: 17px; line-height: 17px; text-align: center; border-radius: 100%; font-size: 11px; border: solid 2px #fff;}
.ckredsan-na-smilas-1 {background-color: #ffd700; color: #060606;}
.ckredsan-na-smilas-2 {background-color: #808080; color: #fff;}
.ckredsan-na-smilas-3 {background-color: #CD7F32; color: #fff;}
.karkas-info-avatar img {width: 100%; height: 100%; border-radius: 100%}
.karkas-info-p-g {}
.cedamen-lemun-name {}
.cedamen-lemun-name a {color: #505050; font-weight: bold;}
.seda-kumed-name {font-size: 11px; background-color: #f1f1f1; display: inline-block; padding: 3px 10px 3px 10px; margin: 3px 0 3px 0; border-radius: 2px;}
.group-c-1 {color:gray;}
.group-c-2 {color:green;}
.group-c-3 {color:blue;}
.group-c-4 {color:red;}
.group-c-251 {color:pink;}
.group-c-255 {color:orange;}
.cedamen-lemun-post {font-size: 11px; color: #767676;}

На этом еще не все.

Но на этом не все, ведь в теме про информеры uCoz идет как данный по формату скрипт, так и вертикальный. Это для того, что можно ставить в горизонтальном положение, и по вертикале, где разве только для пользователя.


]]> Скрипт просмотра изображение на Lightbox https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/210-skript-prosmotra-izobrazhenie-na-lightbox.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/210-skript-prosmotra-izobrazhenie-na-lightbox.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/210-skript-prosmotra-izobrazhenie-na-lightbox.html Mon, 22 Jun 2026 10:52:04 +0400 index

Скрипт просмотра изображение на Lightbox


Данный скрипт предназначен для просмотра картинок или изображений на сайте в окне ulightbox, где присутствуют кнопки переключения по правую и левую сторону. Если ваш сайт на тематику, где основном присутствует изображение, это аватары или обои, то ulightbox будет отличным помощником при осмотре. Ведь вам больше не нужно открывать и закрывать изображение. Теперь для этого присутствует скрипт, который выодит кнопки с полным функционалом про мотки по обе стороны. Если ссылка на изображение идет без перехода, а просто для вывода изображений, то этот скрипт как раз для таких ссылок.

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

Установка:

В админ панели находим Страницы материала и комментариев вашего модуля, где открываем и нужно найти закрывающий тег </body>, где перед ним устанавливаем скрипт, что ниже представлен.

Код:
<script type="text/javascript">
$('.eMessage img,.eText img') each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>

Этот скрипт будет работать на таких модулях:

- Блог
- Новости
- Каталог файлов
- Каталог статей
- Каталог сайтов
- Доска объявлений
- Онлайн игры

Остается форум, для него предназначен другой скрипт.

Данный скрипт ulightbox идет для модуля Форум

Код:
<script type="text/javascript">
$(".ucoz-forum-post img").each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>

Установка аналогичной первой, разве только в Общий вид страниц форума нужно его прописать.

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

Автор: Юрий Герук
Источник: mybloga.com


]]> Как временно заблокировать на сайте uCoz https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/209-kak-vremenno-zablokirovat-na-sajte-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/209-kak-vremenno-zablokirovat-na-sajte-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/209-kak-vremenno-zablokirovat-na-sajte-ucoz.html Mon, 22 Jun 2026 10:49:38 +0400 index

Как временно заблокировать на сайте uCoz

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

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

Первое, что нужно сделать:

1. Открыть страницу данного пользователя, который будет временно заблокирован.
2. Далее нам нужно обнаружить кнопки, которые созданы для замечаем и делаем клик.

Временная блокировка пользователя на uCoz

3. после этого появится центр замечаний пользователя.
4. нам нужно обязательно поставить + и далее находим пункт блокировать активность.
5. Остается выбрать на какое время создать блокировку, а точнее выставить время.

Блокировка пользователя на юкоз

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

Что он заблокирован до такого числа, где все до минуты выведено.

Вы временно заблокированный на сайте - скрипт

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


]]> Like вместо рейтинга на uCoz https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/202-like-vmesto-rejtinga-na-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/202-like-vmesto-rejtinga-na-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/202-like-vmesto-rejtinga-na-ucoz.html Sun, 21 Jun 2026 19:42:40 +0400 index

Like вместо рейтинга на uCoz

Like вместо рейтинга на uCoz
Измените свою оценку материалов на uCoz с помощью кнопки "Мне нравится". Легко, быстро и эффективно. Повышайте взаимодействие с вашим контентом уже сегодня!

Это удобное решение для вашего сайта, полностью написанное на jаvascript с сохранением результатов в localStorage. Внешний вид конечно же за Вами, на скриншоте и в коде CSS представлена моя вариация дизайна данного скрипта.

Установка:

1. Вставляем этот HTML, где хотим видеть кнопку (Вид материалов и Страница материала и комментариев к нему):

Код:
<?if($RATING$)?><div class="like-container" data-id="$ID$">
<button class="like-button" type="button"></button>
<div class="like-count">$RATED$</div>
</div><?endif?>

2. Вставляем стили в CSS (Таблица стилей):

Код:
/* uLikes by SamVol */
.like-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.like-button {
display: block;
width: 20px;
height: 20px;
background: url('/img/icon/heart.svg') no-repeat;
margin-right: 4px;
cursor: pointer;
-webkit-transition: all var(--transition);
transition: all var(--transition);
}
.like-count {
font-size: 16px;
font-weight: 500;
line-height: 20px;
color: var(--text-grey);
-webkit-transition: all var(--transition);
transition: all var(--transition);
}

.like-container:hover .like-button {
background: url('/img/icon/like/heart-hover.svg') no-repeat;
}

.like-container:hover .like-count, .like-container.voted .like-count {
color: var(--text-error);
}

.like-container.voted .like-button {
background: url('/img/icon/heart-bold.svg') no-repeat;
}
/* ---/--- */

3. Загружаем файл likes.js и подключаем его перед </body>, в footer сайта вставляем следующий код:

Код:
<script src="/js/likes.js"></script>

Вместо подключения скрипта в глобальный блок "Нижняя часть сайта", я добавлял его только на следующих страницах: Главная страница Каталога Файлов, Страница материала и комментариев к нему Каталога Файлов, Страница со списком материалов категории Каталога Файлов.

Настройка:

По умолчанию скрипт рассчитан на работу в Каталоге Файлов. Чтобы использовать его в другом модуле, нужно найти в файле likes.js этот кусок кода:
Код:
fetch('/load', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body: new URLSearchParams({
a: 65,
mark: 1,
mod: 'load',
ajax: 2,
id: id,
_tp_: 'xml'
})
})

Нас интересует первая строка fetch('/load', { и седьмая - mod: 'load', где нужно будет поменять на название нужного вам модуля (например, publ).

P.S.: если что, то работоспособность я проверял только в модулях "Каталог файлов" и "Каталог статей" соответственно.


]]> Прикольный скрипт "Dudu & Bubu" для uCoz https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/201-prikolnyj-skript-dudu-bubu-dlja-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/201-prikolnyj-skript-dudu-bubu-dlja-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/201-prikolnyj-skript-dudu-bubu-dlja-ucoz.html Sun, 21 Jun 2026 19:39:24 +0400 index

Прикольный скрипт "Dudu & Bubu" для uCoz

Прикольный скрипт "Dudu & Bubu" для uCoz
Несомненно, подобные забавные скрипты могут добавить изюминку и сделать времяпрепровождение более увлекательным. После внедрения этой функции, в левом нижнем углу вашей страницы будет отображаться медвежонок Дуду, а в правом — медвежонок Бубу. Они будут демонстрировать анимацию с прыжками, после чего исчезнут.

В этом коде не используется HTML, можно использовать только CSS и jаvascript.

CSS

Код:
<style>
.bear-wrap {
position: fixed;
bottom: 16px;
z-index: 99999;
pointer-events: none;
}

.bear-wrap.left { left: 16px; }
.bear-wrap.right { right: 16px; }

.bear-wrap img {
width: 120px;
height: auto;
display: block;
}

@keyframes bear-left {
0% { transform: translateX(-140%); opacity: 0; }
20% { transform: translateX(0%); opacity: 1; }
80% { transform: translateX(0%); opacity: 1; }
100% { transform: translateX(-140%); opacity: 0; }
}

@keyframes bear-right {
0% { transform: translateX(140%); opacity: 0; }
20% { transform: translateX(0%); opacity: 1; }
80% { transform: translateX(0%); opacity: 1; }
100% { transform: translateX(140%); opacity: 0; }
}

.animate-left { animation: bear-left 4s ease-in-out forwards; }
.animate-right { animation: bear-right 4s ease-in-out forwards; }
</style>

jаvascript

Код:
<script>
const bearsData = [
{ name: "Dudu", img: "/img/Dudu.png", side: "left" },
{ name: "Bubu", img: "/img/Bubu.png", side: "right" }
];

function showBear(index) {
const bearData = bearsData[index];
const wrap = document.createElement("div");
wrap.className = `bear-wrap ${bearData.side} animate-${bearData.side}`;
wrap.innerHTML = `<img src="${bearData.img}" alt="${bearData.name}">`;
document.body.appendChild(wrap);

wrap.addEventListener("animationend", () => {
wrap.remove();
showBear((index + 1) % bearsData.length); // Следующий
}, { once: true });
}

// Начать
showBear(0);
</script>

Важно помнить: в скрипте нужно загрузить изображения и не забыть указать ссылку на ваш веб-сайт.

• Prod By M.Rasulov


]]> Музыкальная реклама окно для uCoz https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/200-muzykalnaja-reklama-okno-dlja-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/200-muzykalnaja-reklama-okno-dlja-ucoz.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/200-muzykalnaja-reklama-okno-dlja-ucoz.html Sun, 21 Jun 2026 19:38:16 +0400 index

Музыкальная реклама окно для uCoz

Музыкальная реклама окно для uCoz
Разумеется, эту функцию вы можете разместить в том месте вашего сайта, где хотите, чтобы она отображалась. Например, эта функция будет показываться в виде рекламы внизу экрана с правой стороны на 5 секунд, и при нажатии на неё пользователь будет перенаправлен на страницу песни, которую вы хотите рекламировать. Главное — не забыть заменить ссылки в коде на ссылки вашего собственного веб-сайта.

CSS

Код:
<style>
/* Общие стили всплывающего окна */
.ucoz-popup {
position: fixed;
bottom: 20px;
left: 20px;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(8px);
color: white;
border-radius: 20px;
display: flex;
align-items: center;
padding: 12px;
font-family: sans-serif;
max-width: 360px;
z-index: 9999;
opacity: 0;
transform: translateY(30px);
transition: all 0.6s ease;
box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

/* При отображении */
.ucoz-popup.show {
opacity: 1;
transform: translateY(0);
}

/* Изображение (аватар) */
.ucoz-popup img {
width: 65px;
height: 65px;
border-radius: 50%;
border: 3px solid magenta;
object-fit: cover;
margin-right: 12px;
cursor: pointer;
animation: pulse 1.5s infinite;
}

/* Анимация пульсации аватара */
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}

/* Тексты */
.ucoz-popup-content {
flex: 1;
}

.ucoz-popup-title {
font-weight: bold;
font-size: 17px;
margin-bottom: 5px;
}

.ucoz-popup-text {
font-size: 14px;
opacity: 0.9;
margin-bottom: 8px;
}

/* Контейнер кнопок */
.ucoz-popup-buttons {
display: flex;
gap: 10px;
}

/* Стиль кнопки */
.ucoz-btn {
padding: 6px 12px;
border-radius: 50px;
font-size: 13px;
cursor: pointer;
border: none;
color: white;
display: flex;
align-items: center;
gap: 6px;
box-shadow: 0 3px 8px rgba(0,0,0,0.4);
transition: transform 0.2s ease, background 0.3s ease;
}

.ucoz-btn:hover {
transform: scale(1.05);
}

.ucoz-btn-like {
background: linear-gradient(135deg, #ff4d4d, #cc0000);
}

.ucoz-btn-download {
background: linear-gradient(135deg, #28a745, #1e7e34);
}

/* Стиль иконки кнопки */
.ucoz-btn i {
font-size: 16px;
}

/* Анимация ритма */
.ucoz-ritm {
display: flex;
align-items: flex-end;
height: 30px;
gap: 3px;
margin-left: 10px;
}

.ucoz-ritm span {
display: block;
width: 4px;
background: #ff0080;
animation: bounce 1s infinite ease-in-out;
}

.ucoz-ritm span:nth-child(2) { animation-delay: 0.2s; }
.ucoz-ritm span:nth-child(3) { animation-delay: 0.4s; }
.ucoz-ritm span:nth-child(4) { animation-delay: 0.6s; }
.ucoz-ritm span:nth-child(5) { animation-delay: 0.8s; }

@keyframes bounce {
0%, 100% { height: 5px; }
50% { height: 25px; }
}
</style>

HTML

Код:
<div class="ucoz-popup" id="popupBox">
<img src="$SCREEN_URL$" alt="User" onclick="window.location.href='https://bagsylar.com/load/aydymlar/rosh_sazz/2-1-0-1010'">
<div class="ucoz-popup-content">
<div class="ucoz-popup-title">$TITLE$</div>
<div class="ucoz-popup-text">$OTHER1$</div>
<div class="ucoz-popup-buttons">
<button class="ucoz-btn ucoz-btn-like" onclick="window.location.href='https://bagsylar.com/load/aydymlar/rosh_sazz/2-1-0-1010'">
<i>❤</i> LIKE
</button>
<button class="ucoz-btn ucoz-btn-download" onclick="window.location.href='https://bagsylar.com/load/aydymlar/rosh_sazz/2-1-0-1010'">
<i>⬇</i> СКАЧАТЬ
</button>
<div class="ucoz-ritm">
<span></span><span></span><span></span><span></span><span></span>
</div>
</div>
</div>
</div>

jаvascript

Код:
<script>
// Выходит через 3 секунды
setTimeout(function() {
document.getElementById('popupBox').classList.add('show');
}, 3000);

// Постепенно скрывается через 10 секунд
setTimeout(function() {
document.getElementById('popupBox').classList.remove('show');
}, 13000);
</script>

• Prod By M.Rasulov


]]> Предупреждение о непрочитанных ЛС с проверкой по клику https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/199-preduprezhdenie-o-neprochitannyh-ls-s-proverkoj-po-kliku.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/199-preduprezhdenie-o-neprochitannyh-ls-s-proverkoj-po-kliku.html https://webcs.ru/skriptyplaginyhaki-dlja-sajtov-ucoz/199-preduprezhdenie-o-neprochitannyh-ls-s-proverkoj-po-kliku.html Sun, 21 Jun 2026 19:35:56 +0400 index

Предупреждение о непрочитанных ЛС с проверкой по клику

Предупреждение о непрочитанных ЛС с проверкой по клику
Это современный скрипт для системы uCoz, который помогает информировать пользователей сайта о пришедших новых непрочитанных личных сообщениях. Проверка происходит посредством ручного нажатия на специальную ссылку, которую можно стилизировать самостоятельно по своему усмотрению, придав внешний вид кнопки. После чего во всплывающем окне uWnd.alert будет список с выводом тем непрочитанных ЛС. Что весьма удобно!

Установка простая и сводится к тому, что нужно будет себе подключить предложенный скрипт. Можно на персональной странице пользователей перед </body>, или же сразу в глобальный блок "Нижняя часть сайта" (если нужно, допустим, чтобы проверка работала на всех страницах сайта).

© -SAM-
Код:
<div style="display:none;" id="pm"></div>
<script>$(document).on('click', '.my_pm', function(e) {
e.preventDefault(); // Предотвращаем стандартное поведение ссылки

$('#pm').load('/index/14 .unread', function() {
var a = $('.unread').size();
if(a > 0) {
$('.unread').wrap('<li><a title="Клик для перехода на страницу сообщений" href="/index/14" target="_blank"></a>').after('<br></li>');
var b = $('#pm').html();
_uWnd.alert('<fieldset><legend>Темы сообщений</legend><ol>'+b+'</ol></fieldset>', ' Есть непрочитанные сообщения ['+a+']', {align:'left', w:300, h:150, tm:30000, icon:'/.s/img/icon/mf.png'});
} else {};
});
});
</script>
Для проверки личных сообщений создайте кнопку для вызова скрипта:
Код:
<a href="jаvascript://" class="my_pm">Открыть непрочитанные сообщения</a>


]]>