InfoScript

Бесплатный информер доступности Интернета

frenkmalcov — Wed, 11 Oct 2017 12:40:31 GMT

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

Посещая тот или иной сайт, может получиться так (по техническим причинам), что Интернет у вас пропал, а вы писали большой комментарий, нажали "отправить" и все введенные данные пропали.

Очень не приятно и нет желания писать все вновь.

Чтобы обезопасить своих пользователей и сообщим им, что у них пропал интернет - установите бесплатное расширение.

Для этого, на нужные страницы вашего сайта вставьте:

Код

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

Страница расширения: https://artem-malcov.ru/magazin....terneta

Приятного пользования!

Бесплатный информер курса валют по данным ЦентроБанка

frenkmalcov — Thu, 21 Sep 2017 17:49:52 GMT

Рад представить вашему вниманию первую версию бесплатного информера курса валют для вашего сайта по данным ЦентроБанка.

Из плюсов можно выделить следующее:

1. Приятный дизайн.
2. Легкость в установке.
3. Поддержка большинства популярных валют (на данным момент, информер поддерживает 34 валюты).
4. Безопасность (отсутствуют какие либо фреймы и прочий мусор).

Приятного пользования!

Форма входа + мини профиль для uCoz

frenkmalcov — Mon, 14 Nov 2016 05:48:17 GMT

Представляю вашему вниманию форму входа для uCoz + небольшой мини профиль.

Установка

1. В нужное место шаблона вставьте:

Код

$LOGIN_FORM$ Открыть профильАвторизоваться

2. Форму входа пользователя, заменить на:

Код

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

Нет аккаунта? Регистрация

3. Нижнюю часть сайта

Код

$USER_FULL_NAME$$USERNAME$

Группа: $USER_GROUP$

$USER_AVATAR_URL$http://s70.ucoz.net/a/02/1260.jpg" alt="$USER_FULL_NAME$$USERNAME$" class="ava">

Персональная страница

Личные сообщения +$UNREAD_PM$

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

выход

4. В конец таблицы стилей:

Код

.login_mal {
font-family: arial;
width: 340px;
height:560px;
margin:auto;
background: #fafaff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: fixed;
top:0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: translateY(20 ;
-moz-transform: translateY(20 ;
-ms-transform: translateY(20 ;
transform: translateY(20 ;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
z-index: 1200;
visibility: hidden;
}
.login_mal a {
text-decoration: none
}
.login_mal a:hover {
text-decoration: underline;
}
.profiles {
height: 465px;
}
.top_border {
background: #ff6900;
height: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.top_border_proff {
background: #fcfcff;
height: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.bottom_border {
background: #a0bec6;
height: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.rocket {
background: url('../img/rocket.png') no-repeat center center;
width: 136px;
height: 110px;
margin:66px 0 0 113px
}
.login {
width: 260px;
height: 50px;
border:0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #b2d4dc url('../img/login.png') no-repeat;
background-position:13px 12px;
margin: 65px auto 0 auto;
display: block;
padding: 0 17px 0 53px;
font-size:15px;
color: #fff;
font-weight: bold;
font-family: arial;
}
.password {
width: 260px;
height: 50px;
border:0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #3e6372 url('../img/password.png') no-repeat;
background-position:10px 12px;
margin: 20px auto 0 auto;
display: block;
padding: 0 17px 0 53px;
font-size:15px;
color: #a7b3bc;
font-weight: bold;
font-family: arial
}
.login_button {
list-style-type: none;
margin: 40px auto 0 auto;
padding: 0;
width: 260px
}
.login_button li {
display: block;
float: left;
}
.log_in {
float: right !important;
width: 120px
}
.log_in input {
width: 120px;
height: 50px;
background: #ff6900;
border:0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
text-transform: uppercase;
color: #fff;
font-weight: 700
}
.log_in input:hover {
background: #ec6201;
cursor: pointer;
}
.footer_login {
height: 65px;
background: #b2d4dc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 39px 0 0 0
}
.footer_login ul {
list-style-type: none;
margin: 18px 0 0 0;
padding: 0 24px;
}
.for_pass {
float: left;
}
.for_pass a {
color: #3e6372;
font-size: 12px;
font-weight: 700;
}
.register {
color: #3e6372;
font-size: 12px;
font-weight: 700;
padding: 2px 0 0 0;
float: right
}
.register a {
color: #ff6900;
text-transform: uppercase;
}
.clears {
clear:both;
}
.md-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
background: rgba(0,0,0,0.6);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
display: none;
cursor: pointer
}
.you_name {
color: #3e6372;
font-size: 18px;
text-align: center;
font-weight: 700;
padding: 24px 0 0 0;
text-transform: uppercase;
}
.you_group {
color: #3e6372 !important;
font-size: 14px;
text-align: center;
padding: 6px 0 0 0;
font-weight: 400 !important;
}
.ava {
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 110px;
height: 110px
}
.ava_position {
margin: 23px auto 28px auto;
width: 110px;
position: relative;
}
.online {
width: 11px;
height: 11px;
background: #fad920;
border:5px solid #fafaff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
right:-10px;
top:45px;
}
.border_miniprof {
border-top:1px solid #e1e1e5;
}
.menu_prof {
text-align: center;
padding: 10px 0
}
.menu_prof a {
color: #3e6372;
font-size: 14px;
margin: 5px 0;
display: inline-block;
}
.logout {
width: 120px;
height: 50px;
background: #ff6900;
color: #fff;
font-size: 14px;
text-transform: uppercase;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 31px auto 26px auto;
font-weight: 700;
text-align: center;
line-height: 50px
}
.logout:hover {
background: #ec6201;
text-decoration: none !important;
color:#fff;
}
#rem_save {display:none}

5. И в конце, на ваш сайт загружаем папку img. Установка закончена

Автор: Артем Малков
Url модуля: https://artem-malcov.ru/moduli_....ya-ucoz (Здесь более подробно расписана установка + есть видео демонстрация, что в итоге должно получиться)

Меню на весь экран на чистом CSS3 для uCoz

antisept — Fri, 05 Aug 2016 14:16:40 GMT

С помощью CSS мы создадим анимированное меню, которое будет занимать весь экран и будет находится слева-вверху, страницы (то есть не будет занимать место на самой странице, а лишь в 60х60 пикселей сверху). Само меню полностью построено на CSS и не имеет ни каких картинок и js. Фон меню выполнен в синих тонах, а кнопка открыть и закрыть в голубых. CSS меню адаптировано под все мобильные устройства. Установка очень проста, надо в верхнюю часть или в основной Cascading Style Sheets подключить CSS и поставить HTML код к Вам на сайт.

Пример реализации CSS3 меню без использования javascripta или сторонних плагинов. Вариант можно использовать не только как меню, а, например, для удобного блока с текстом, или описания изображения и т. д.

1) Для начала в верхнюю часть подключаем стили (CSS):

Код

2) Это код помещаем в верхнюю часть сайта:

Код

Темный вид материалов на форуме для uCoz

antisept — Sat, 18 Jun 2016 11:52:07 GMT

Стильный, темный вид материалов, для форума, на сайт в системе uCoz. Данный вид будет красиво сочетаться, как с темным дизайном, так и со светлым дизайном сайта. Что из себя представляет вид материалов можно посмотреть на изображение, но мы немного расскажем о нем письменно - В верху стоит Логин пользователя, правее от него статус Online/Offline, чуть ниже с левой стороны стоит аватар пользователя, на против его четыре кнопки находящиеся в вертикально положение, и в самом низу находятся Сообщения, Нарушения и Репутация. Так же в архиве есть цветные иконки кнопок.

Установка:
1. Скачиваем архив с нашего сайта, далее загружаем папки mg_f и img в корень своего сайта
2. Заходим в ПУ - модуль Форум - Настройка модуля, в Наборе кнопок выбираем Свой набор и ставим ссылку http://адрес_вашего_сайта/mg_f
3. Заходим в ПУ - Управление дизайном - модуль Форум - Вид материалов и заменяем имеющий код, на этот:

Код

$USERNAME$$USER_STATUS$

$GROUP_NAME$

Сообщений - $POSTS$

Нарушений - $BAN_RATING$

Репутация - $REP_RATING$

Написал - $DATE$ в $TIME$ - $NUMBER$

$MESSAGE$

Прикрепления: $ATTACHMENT$

$SIGNATURE$

Сообщение отредактировал $EDITEDBY$

$ENTRY_MANAGE_ICON_BAR$

4. Заходим в ПУ - Управление дизайном - Управление дизайном CSS и в самый низ ставим код:

Код

/* Темный вид материалов на форуме для uCoz */
  #l_block_f {
  width: 250px;
  float: left;
  background: #252C32;
  overflow: hidden;
  }
  #p_block_f {
  margin-left: 250px;
  border-top: 1px solid #B0B5B9;

Жалоба на материал в ЛС автору материала

antisept — Sun, 22 May 2016 15:07:16 GMT

1) Скачиваем архив с нашего сайта, распаковываем его и папку js заливаем к себе на сайт!
2) Заходим в "Управление Дизайном" и в нужном модуле открываем "Страница материала и комментариев к нему" и вставляем ссылку для вызова окна жалобы

Обычна ссылка:

Код

Пожаловаться на материал

Кнопка:

Код

На той же странице после этого кода вставьте следующий:

Код

Опции/изменение скрипта:
Большой плюс данного решения в том, что к нему можно добавить не ограничено количество полей жалоб

{'ctm':['Не правильный источник',true,'Ссылка на правильный']},// - В данном случае при нажатии на этот вариант откроется дополнительное поле где будет подсказка

{'ctm':['Изображения не загружаются']},//В данном случае дополнительного поля не будет

Внимание:
1) Данный скрипт будет работать только если у Вас включена капча: простая, сложная, стандартная. При арифметической капче скрипт работать не будет.

2) Если Вы хотите чтобы сообщения отправлялись только администратору, то $USER$. замените на ник администратора.

Вывод видео с разных видео источников

antisept — Sun, 08 May 2016 14:35:48 GMT

Те кто делают сайты для фильмов сталкиваются, что при добавлении фильма либо использовать один источник, либо несколько, но уже добавлять в описание фильма. Мы сделаем же не в описание фильма, а в дополнительное поле для этого. И при добавлении ссылки с известных видео источников у нас будет отображаться фильм как положено. Подойдет такой вариант большинству. Так как чаще всего сталкиваемся с проблемой, что в 1 видео источнике фильм есть, а в другом нет) И для этого нам и пригодится использование кода для всех источников.

По данному вопросу ко мне уже обращалось несколько человек, и всем приходилось разжевывать. Поэтому решил выложить тут, чтобы меньше объяснять в будущем.

Установка

Я взял на примере каталога файлов. И использовал переменную $FILE_DIRECT_URL$ - прямая ссылка на загруженный на сервер файл. У вас же это может совсем быть другая переменная, которую необходимо будет заменить в коде. Итак идем в страницу материала и комментария к нему в каталоге файлов. И в нужное нам место, где хотим видеть отображение, вставляем следующий код:

Код

http://www.youtube.com/embed/
//player.vimeo.com/video/?title=0&byline=0&portrait=0
http://rutube.ru/play/embed/
http://cxz.to/serials/iframeplayer/
http://vk.com/video_ext.php?
http://megogo.net/e/"frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen scrolling="no">

Если используем табы - то перед табами вставляем, а не перед самим кодом:

Код

сам код

В примере перечислены все известные на данный момент видео источники) Их достаточно будет думаю) Все они построены на iframe использовании.

Теперь перейдем к тому какую же ссылку вставлять нам, когда добавляем.

1. Вконтакте - При экспорте видео выдергиваем ссылку из кода, например:

Код

//vk.com/video_ext.php?oid=-52322880&id=169512445&hash=2be05ff1a8857166&hd=2

2. Ютуб - любая ссылка подойдет: хоть для экспорта кода, хоть верхняя ссылка из браузера)

3. рутуб - из экспорта кода выдергиваем ссылку, например:

Код

//rutube.ru/play/embed/8311764

4. вимео - можем брать ссылку в экспорте которую нам предоставляют, например:

Код

https://vimeo.com/155673893

5. мегого.нет - из экспорта кода выдергиваем ссылку на фильм (сам фильм, так как обычная линк ведет на фильм с описанием) например:

Код

http://megogo.net/e/1791041

6. http://cxz.to - это лучше использовать для сериалов)

Вот и все. Осталось только активировать поле для добавления фильма по ссылке и все) Смотрим демо - выбираем любой фильм и вы увидите как используется разный источник в фильмах)

P.S. В данном случае авторские права не нарушаются, а вы берете видео с открытых источников и за это блокировки не последует от юкоза).

Как запретить определенные символы в input?

antisept — Sat, 23 Apr 2016 12:06:25 GMT

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

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

Код

['0-9',':'] - символы, которые будут запрещены для ввода в этом поле. Добавляются в кавычках, через запятую.

Группы символов

'0-9' или '\d' - числовые значения
'а-я' - строчные буквы кириллицы
'А-Я' - заглавные буквы кириллицы
'А-я' - все буквы кириллицы
'a-z' - строчные буквы латиницы (Первая буква латинская)
'A-Z' - заглавные буквы латиницы (Первая буква латинская)
'A-z' - все буквы латиницы (Первая буква латинская)
'A-я' - все буквы (Первая буква латинская)
'\w' - все буквы, цифры и символ "_"
'\s' - символы пробела, табуляции и абзаца

Оформляем информационные сообщения

antisept — Sun, 17 Apr 2016 16:41:26 GMT

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

Добавьте эти стили в ПУ-->Управление дизайном-->Управление дизайном (css) либо к себе в отдельный css файл:

Код

.info_box {
  margin:10px 0px 10px;
  font-size:13px;
  line-height:18px;
  position:relative;
  -moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
}
.info_box_content {
  text-shadow:1px 1px 1px white;
  padding:18px 43px 17px 66px;
  min-height:35px;
}

.warning {
  border:1px solid #E0B1B1;
}
.warning .info_box_content {
  color:#AD7676;
  background:#FFD9D5;
  border:1px solid #FCEEEC;
  -moz-box-shadow:inset 0 0 45px #f0bfba;
  -webkit-box-shadow:inset 0 0 45px #F0BFBA;
  box-shadow:inset 0 0 45px #F0BFBA;
}
.warning::before {
  width:17px;
  height:17px;
  background:url(http://infoscript.ru/scripttwo/sprite_ico_box.png) no-repeat;
}
.note {
  border:1px solid #B9DBB6;
}
.note .info_box_content {
  color:#7EA57B;
  background:#DFF7DD;
  border:1px solid #F1F9F0;
  -moz-box-shadow:inset 0 0 45px #cbe5c9;
  -webkit-box-shadow:inset 0 0 45px #CBE5C9;
  box-shadow:inset 0 0 45px #CBE5C9;
}
.note::before {
  width:19px;
  height:14px;
  background:url(http://infoscript.ru/scripttwo/sprite_ico_box.png) no-repeat 0 -17px;
}
.nice {
  border:1px solid #E2E2BA;
}
.nice .info_box_content {
  color:#ADA771;
  background:#F9F9DC;
  border:1px solid #FBFBEF;
  -moz-box-shadow:inset 0 0 45px #efefc0;
  -webkit-box-shadow:inset 0 0 45px #EFEFC0;
  box-shadow:inset 0 0 45px #EFEFC0;
}
.nice::before {
  width:22px;
  height:20px;
  background:url(http://infoscript.ru/scripttwo/sprite_ico_box.png) no-repeat -19px -15px;
}
.advise {
  border:1px solid #B3D8D3;
}
.advise .info_box_content {
  color:#80ACB0;
  background:#DDF5F7;
  border:1px solid #F1FAFB;
  -moz-box-shadow:inset 0 0 45px #c6edf0;
  -webkit-box-shadow:inset 0 0 45px #C6EDF0;
  box-shadow:inset 0 0 45px #C6EDF0;
}
.advise::before {
  width:19px;
  height:15px;
  background:url(http://infoscript.ru/scripttwo/sprite_ico_box.png) no-repeat -17px 0;
}
.normal {
  border:1px solid #DDD;
}
.normal .info_box_content {
  color:#737373;
  background:#FAFAFA;
  border:1px solid #FAFAFA;
  -moz-box-shadow:inset 0 0 45px #e7e7e7;
  -webkit-box-shadow:inset 0 0 45px #E7E7E7;
  box-shadow:inset 0 0 45px #E7E7E7;
}
.normal::before {
  width:20px;
  height:16px;
  background:url(http://infoscript.ru/scripttwo/sprite_ico_box.png) no-repeat 0 -34px;
}

.warning::before, .note::before, .nice::before, .advise::before, .normal::before {
  content:'';
  position:absolute;
  top:22px;
  left:28px;
}

Сами сообщения выводим таким кодом:

Код

Информа́ция — сведения, воспринимаемые человеком или специальными устройствами как отражение фактов материального мира в процессе коммуникации

Код

Выводим общую статистику сайта на форум

antisept — Sun, 17 Apr 2016 16:28:05 GMT

Данный скрипт выведет статистику сайта на форум.

ПУ-->Управление дизайном-->Общий вид страниц форума. В то место, где хотим видеть статистику, ставим этот:

Код

Выводим информацию:

  Всего:

  Пользователей:

  Гостей: