>
Всего Online : 1
Гости сайта : 1
Пользователей: 0

Кто Online :

Кто посетил нас сегодня :
infernusbes
Всего : 475
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них :
Пользователей 468
Проверенных: 6
Модераторов: 0
Админов: 1
Из них :
Парней: 371
Девушек: 104
25 Ноября 18, Воскресенье, 11:33
Обновление от : andruha061

- Обновлена цветовая схема (частично, типо новый уровень)
- Исправлены ошибки, удален лишний код в стилях
- Новая система отображения личных сообщений
- Новая система окон
- Отчищены профили от мусора, в том числе и стены
- Все записи пользователей на стене как и комментарии к ним также удалены
- Чуток изменена страница с материалами
- Убран общий чат
- Новая система загрузки обложек в профили

PS. Нет, сайт не возрождён. Просто захожу и вижу что люди здесь есть, просмотры, посещения. Захотелось вернуться немного к этому всеми, вспомнить 7UARTS.


16 Февраля 18, Пятница, 01:05
Обновление от : andruha061

- Обновлен шаблон Torrent-Games для uCoz (Подробнее конце описания материала)
- Ссылка на шаблон : клик.


06 Февраля 18, Вторник, 17:47
Обновление от : andruha061

- Исправлен баг с личными сообщениями
- Вывод сообщений в Ajax-окне


04 Февраля 18, Воскресенье, 18:35
Обновление от : andruha061

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


04 Февраля 18, Воскресенье, 17:00
Обновление от : andruha061

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

Теперь на странице пользователя отображается 30 последних комментариев которые он оставил. Если нужен полный список, то рядом есть кнопка для открытия страницы с полным списком комментариев. Плюс убрал показ комментариев через IFrame.


04 Февраля 18, Воскресенье, 15:02
Обновление от : andruha061

- Обновлена частично цветовая схема дизайна.
- Обновлены иконки в меню.
- Обновлена страница с материалами :
Если к материалу прикреплено больше 7 изображений, то будет использоваться прокрутка изображений в блоке.
- Обновлены табы на странице пользователя.
- Поставил эффект для BODY при загрузке страницы (не прелоадер)
- Обновлены цвет текста и заголовков.
- На странице пользователя во вкладке комментарии теперь можно перейти по ссылке к материалу где был оставлен комментарий.
- Может что-то еще...


03 Февраля 18, Суббота, 07:38
Обновление от : andruha061

 - Частично улучшен дизайн сайта (это не точно).
 - Шапка и подвал сайта на всю ширину страницы.
 - Улучшено отображение блоков.
 - Небольшие поправки в HTML-редакторе.
 - Обновлен дизайн чата.
 - Новая система вывода обновлений в окне.
 - Частично обновлена персональная страница пользователя.
 - Обновлен вид материалов для блога.
 - Частично обновлена главная страница.
- Обновлено меню навигации.


09 Января 18, Вторник, 05:28
Обновление от : andruha061

 - Оптимизация CSS и Java.
 - Улучшение стабильности сайта. 


08 Января 18, Понедельник, 21:29
Обновление от : andruha061

- Обновлена до конца мастерская сайта.


06 Января 18, Суббота, 12:29
Обновление от : andruha061

 - Исправлены баги после обновления.
 - Пофиксил отображение комментариев на странице пользователя.


01 Января 18, Понедельник, 01:27
Обновление от : andruha061

-  Открытие сайта после огромного обновления.
 - Подробнее в группе вк : https://vk.com/7uarts


Последних 10 новых тем на форуме.

VK Clear New Design (by 7uarts) для сайта ВКонтакте

Основной форум : Темы для сайтов | Дата : 29 Января 18

Заявка на бесплатные адаптации шаблонов под uCoz

Основной форум : Помощь сайтам созданных в системе uCoz | Дата : 24 Января 18

Тема BlackHead-Full Container для 7UARTS.

Основной форум : Темы для сайтов | Дата : 24 Января 18

Что такое Stylish и что тут создавать?

Основной форум : Темы для сайтов | Дата : 24 Января 18

Описание и правила форума

Основной форум : Темы для сайтов | Дата : 24 Января 18

Склонение числительных на uCoz

Основной форум : Уроки и решения для uCoz | Дата : 23 Декабря 17

Смена стилей сайта с запоминанием на Cookie

Основной форум : Прочее / Разное | Дата : 21 Декабря 17

Архив всех комментариев для uCoz

Основной форум : Уроки и решения для uCoz | Дата : 21 Декабря 17

1K вместо 1000

Основной форум : Уроки и решения для uCoz | Дата : 21 Декабря 17

Когда заходил пользователь на сайт (как Вконтакте) для uCoz

Основной форум : Уроки и решения для uCoz | Дата : 30 Ноября 17

Последних 10 новых комментариев.

infernusbes / Новый шаблон Torrent-Games для uCoz

Отличная адаптация

magomedomarov9 / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

Можешь перевод сделать на карту ?
после опл...

magomedomarov9 / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

Щас свяжусь с автором!

tylerubro / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

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

magomedomarov9 / Minimal Soon - Страница технических работ

Материал полностью рабочий...
Возможно что-...

good04717 / Minimal Soon - Страница технических работ

Не работает, сделал все по инструкции и кроме карт...

andruha061 / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

нет конечно, какая мне с этого выгода?
ты ж...

Lexa9090 / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

А можно приобрести лишь часть кода? Например, мне ...

rubik2092 / Шаблон Libra для uCoz

Подскажите последовательность действий? как что и ...

andruha061 / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

обновил ссылку, вернул старый укозовский домен : <...

Модальное окно “Motion” с SVG эффектом для uCoz

Дата и время публикации : 18 Марта 17 в 09:41 | Раздел : Прочее для uCoz


Параметр Значение
Дата публик. 18 Марта 17, Суббота, 09:41
Адапт. дизайн
Обновления Не производились
Просмотрен 710

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

Используя представленные в нашей коллекции скрипты, вы сможете без лишней нагрузки организовать работу вплывающих окон на своём сайте. Простое, и в тоже время необычное модальное окно с помощью элементов SVG. Данный тип веб-графики очень стремительно набирает обороты, а современные технологии помогают делать потрясающие вещи. Модальное окно с эффектом при появлении. Поддержка IE9+ 



Установка :

1) Между <head> и </head>

<script src="http://7uarts.ucoz.org/load1/modal_win/menu.min.js"></script> 
<style> 
.content { 
        text-align: center; 

.modal-overlay { 
        background: rgba(60, 63, 78, 0.9); 
        position: fixed; 
        top: 0; 
        left: 0; 
        bottom: 0; 
        right: 0; 
        opacity: 0; 
        visibility: hidden; 

.modal-wrapper { 
        position: fixed; 
        top: 0; 
        left: 0; 
        bottom: 0; 
        right: 0; 
        overflow: hidden; 
        pointer-events: none; 

.modal { 
        background: #fff; 
        color: #666871; 
        text-align: center; 
        width: 400px; 
        max-width: 90%; 
        height: 250px; 
        top: 0; 
        left: 0; 
        bottom: 0; 
        right: 0; 
        position: absolute; 
        margin: auto; 
        padding: 40px; 
        pointer-events: auto; 
        font-weight: bold; 
        visibility: hidden; 

@media screen and (max-width: 40em) { 
        .modal { height: 350px; } 

.modal h2 { 
        font-size: 2.25em; 
        margin: 0.5em 0 0.25em; 
        color: #BDBFCA; 
        font-family: 'Lustria', 'Goudy Old Style', Garamond, 'Big Caslon', 'Times New Roman', serif; 

/* Buttons */ 
.open-modal { 
        border: none; 
        margin: 3em 0 7em 0; 
        background: #7D87AE; 
        color: #fff; 
        text-transform: uppercase; 
        letter-spacing: 2px; 
        font-size: 20px; 
        padding: 1em 2em; 
        font-weight: bold; 
        border-radius: 40px; 
        -webkit-transition: background 0.3s; 
        transition: background 0.3s; 

.open-modal:hover { 
        background: #6d78a5; 

.close-modal { 
        color: #aaa; 
        background: none; 
        position: absolute; 
        top: 10px; 
        right: 10px; 
        border: none; 
        width: 20px; 
        height: 20px; 
        line-height: 15px; 
        font-size: 22px; 
        font-weight: bold; 

.close-modal:hover { 
        color: #666871; 

</style>

 

2) Код окна в нижнюю часть сайта перед </body> вставляете код меню: 

<div class="modal-overlay"></div> 
        <div class="modal-wrapper"> 
        <div class="modal js-blur"> 
        <button class="close-modal">×</button> 
        <h2>uCoz Web Services</h2> 
        <p>uCoz — бесплатная система управления сайтом и хостинг для сайтов, созданных с её использованием. Модули uCoz могут использоваться как в единой связке для создания полнофункционального сайта, так и по отдельности, например, в качестве блог-платформы, интернет-магазина и др. К 2014 году на его основе было создано более 20 млн страничек (из них активны были около 1 млн), на отдельных доменах работали 54 тыс. сайтов. uCoz.ru находится на 73-м месте самых популярных российских сайтов по данным Alexa Internet.</p> 

<p>Владелец сервиса — ООО «Юкоз Медиа», Россия.</p> 
        </div> 
        </div> 
        </div>

 

3) Там же в нижней части сайта перед </body> вставляете код: 

<script src="http://7uarts.ucoz.org/load1/modal_win/motionblur.js"></script> 
<script src="http://7uarts.ucoz.org/load1/modal_win/modal.js"></script>

На данный момент никто не оставил комментариев.

Оставить комментарий :


Требуется войти в свой аккаунт.

Для того чтобы оставить комментарий вам не обходимо войти в свой аккаунт или зарегистрироваться.

Вход Регистрация

Смотрите также :

Модальное окно с необычным эффектом для uCoz

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


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

Понравился материал? Поделись с ним в социальных сетях !

Ссылки

Используйте быстрые ссылки для вставки в сообщениях форума.

Ccылка
BB-Code
HTML-код