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

Кто Online :

Кто посетил нас сегодня :
infernusbes
Всего : 475
Новых за месяц: 1
Новых за неделю: 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)

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

Оповещения о личных сообщениях для uCoz

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


Параметр Значение
Дата публик. 25 Мая 17, Четверг, 16:23
Адапт. дизайн
Обновления Не производились
Просмотрен 695

Сегодня я публикую для вас очень маленький но красивый материал для uCoz. Стильное оповещение о личных сообщениях. Это уже не Ajax-окна, а действительно красивое окошко.

Хочу сразу сказать что я не много изменил данный материал, а именно :

  • Добавил возможность выбора с какой стороны отображаться оповещению
  • Убрал не красивые закругления.
  • Убрал противный звук уведомления


И так приступим к установке :

1. Включаем API в "Общих настройках" Панели управления. 
2. Вставляем данный код в нижнюю часть сайта :

<!--Оповещение ЛС-->  
 <?if($USER_LOGGED_IN$)?>  
  <div id="one_pm" class="bounceIn animated"></div>  
  <script type="text/javascript">  
  var no_ava = 'http://webo4ka.ru/webo4ka/img/W.png';  
  var this_mess_link = '';  
  function m_reload() {  
  if($('#one_pm').html()=='') {  
  $.get('/index/14?'+Math.random(), function (data) {  
  $('b.unread', data).each(function (i,index) {  
  getLink = $(index).parent().attr("href");  
  this_mess_link = getLink;  
  getText = $(index).parent().text();  
  getAuthorName = $(index).parent().parent().children('a').eq(1).text();  
  getAuthor = $(index).parent().parent().children('a').eq(1).attr("href");  
  getID = '#one_pm'+i;  
  var xml = $.ajax({  
  type: 'GET',  
  url: '/api/index/8-0-'+getAuthorName.replace('-','~'),  
  dataType: 'xml',  
  async: false  
  }).responseText;  
  var urlAvatar = $(xml).find('struct:first member:contains("USER_AVATAR")').find('string').text();  
  var userName = $(xml).find('struct:first member:contains("USER_NAME")').find('string').text();  
  $('#one_pm').html('<div id="one_pm'+i+'" style="display:none" class="bounceIn animated">'  
  +'<div class="h_newpm">'  
  +'<div class="h_npin" align="center"><a class="h_nover" href="'+getLink+'"></a>'  
  +'<div class="h_nptitle">Новое сообщение</div><span class="h_del" onclick="h_del();return false;"></span>'  
  +'<div class="h_npl"><div class="h_npimg"><a href="#" id="hnp_avatar"></a></div></div>'  
  +'<div class="h_npr"><a href="#" id="hnp_author"></a> <a id="hnp_text" href="'+getLink+'">'+getText+'</a></div>'  
  +'</div>'  
  +'</div>'  
  +'</div><div id="hnp_sound"></div>');  
  $(getID+' #hnp_author').attr('href', getAuthor);  
  $(getID+' #hnp_avatar').attr('href', getAuthor);  
  $(getID+' #hnp_author').html(userName);  
  $(getID+' #hnp_avatar').html('<img src="'+ (urlAvatar == '' ? no_ava : urlAvatar )+'">');  
  setTimeout(function(){$(getID).slideDown(200);},200);   
  });  
  });  
  }  
  }  
  function h_del() {$('#one_pm').fadeOut(200,function(){$('#one_pm').html('<i></i>')});$.get(this_mess_link);}  
  m_reload();setInterval(function(){m_reload()}, 15000);  
  </script>  
  <style type="text/css">  
  #one_pm { position: fixed;  
  top: 80px;  
  right: 10px;
  cursor: pointer;  
  font-family: Tahoma,Arial,Verdana,sans-srif;  
  width: 300px;}  
  #hnp_sound {position:absolute;top:-1000px;left:-1000px}  
  #hnp_author span {display:none}  
  .h_newpm { position: relative;  
  height: 110px;  
  margin-bottom: 20px;  
  color: #555;  
  padding: 8px 8px!important;  
  background: #fff!important;  
  border-radius: 0px;}  
 
  .h_npin {padding:5px;padding-top:5px}  
  .h_nptitle {color:#555;font-size:13px;font-weight:bold;padding-bottom:0px}  
  .h_npimg {width:57px;height:57px;overflow:hidden;-webkit-border-radius: 90px;-moz-border-radius:90px;border-radius: 90px;}  
  .h_npimg img {width:100%;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;}  
  .h_npl {position:absolute;left:13px;top:45px;z-index:3;width:70px}  
  .h_npr {position:absolute;left:84px;top:45px;z-index:3;color:#555;font-size:13px;padding-right:14px}  
  .h_npr #hnp_text, .h_npr #hnp_text:hover {display:block;text-decoration:none;color:#555}  
  .h_newpm:hover .h_del {display:inline-block;}  
  .h_del {display: none;cursor: pointer;position: absolute!important;right: 10px;top: 40px;margin: 0!important;z-index: 10014!important;width: 36px!important;height: 36px!important;background: url(http://webo4ka.ru/Ucoz8/ajax_p.png) no-repeat!important;}  
  .h_del:hover {background-position:0px 18px}  
  .h_nover {position:absolute;top:0px;left:0px;width:100%;height:100%;}  
  .animated {  
  -webkit-animation-duration: 1s;  
  animation-duration: 1s;  
  -webkit-animation-fill-mode: both;  
  animation-fill-mode: both;  
  }  

  .animated.infinite {  
  -webkit-animation-iteration-count: infinite;  
  animation-iteration-count: infinite;  
  }  

  .animated.hinge {  
  -webkit-animation-duration: 2s;  
  animation-duration: 2s;  
  }  

  /*the animation definition*/  

  @-webkit-keyframes bounceIn {  
  0%, 100%, 20%, 40%, 60%, 80% {  
  -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);  
  transition-timing-function: cubic-bezier(0.215, .61, .355, 1)  
  }  
  0% {  
  opacity: 0;  
  -webkit-transform: scale3d(.3, .3, .3);  
  transform: scale3d(.3, .3, .3)  
  }  
  20% {  
  -webkit-transform: scale3d(1.1, 1.1, 1.1);  
  transform: scale3d(1.1, 1.1, 1.1)  
  }  
  40% {  
  -webkit-transform: scale3d(.9, .9, .9);  
  transform: scale3d(.9, .9, .9)  
  }  
  60% {  
  opacity: 1;  
  -webkit-transform: scale3d(1.03, 1.03, 1.03);  
  transform: scale3d(1.03, 1.03, 1.03)  
  }  
  80% {  
  -webkit-transform: scale3d(.97, .97, .97);  
  transform: scale3d(.97, .97, .97)  
  }  
  100% {  
  opacity: 1;  
  -webkit-transform: scale3d(1, 1, 1);  
  transform: scale3d(1, 1, 1)  
  }  
  }  

  @keyframes bounceIn {  
  0%, 100%, 20%, 40%, 60%, 80% {  
  -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);  
  transition-timing-function: cubic-bezier(0.215, .61, .355, 1)  
  }  
  0% {  
  opacity: 0;  
  -webkit-transform: scale3d(.3, .3, .3);  
  -ms-transform: scale3d(.3, .3, .3);  
  transform: scale3d(.3, .3, .3)  
  }  
  20% {  
  -webkit-transform: scale3d(1.1, 1.1, 1.1);  
  -ms-transform: scale3d(1.1, 1.1, 1.1);  
  transform: scale3d(1.1, 1.1, 1.1)  
  }  
  40% {  
  -webkit-transform: scale3d(.9, .9, .9);  
  -ms-transform: scale3d(.9, .9, .9);  
  transform: scale3d(.9, .9, .9)  
  }  
  60% {  
  opacity: 1;  
  -webkit-transform: scale3d(1.03, 1.03, 1.03);  
  -ms-transform: scale3d(1.03, 1.03, 1.03);  
  transform: scale3d(1.03, 1.03, 1.03)  
  }  
  80% {  
  -webkit-transform: scale3d(.97, .97, .97);  
  -ms-transform: scale3d(.97, .97, .97);  
  transform: scale3d(.97, .97, .97)  
  }  
  100% {  
  opacity: 1;  
  -webkit-transform: scale3d(1, 1, 1);  
  -ms-transform: scale3d(1, 1, 1);  
  transform: scale3d(1, 1, 1)  
  }  
  }  

  .bounceIn {  
  -webkit-animation-name: bounceIn;  
  animation-name: bounceIn  
  }  
   
  </style>  
  <?endif?>


В отличии от оригинала, данное оповещение появляется в правом верхнем углу. Для того чтобы изменить положение находим в самом начале стилей right: 10px; и удаляем его.
Теперь у вас оповещение в левом верхнем углу. Далее вы сами можете все это настроить под себя.

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

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


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

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

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

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

Темный прелоадер для сайта

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


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

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

Ссылки

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

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