Приветствую вас! Вы находитесь на сайте uCobest.my1.ru. Наш сайт посвящен тематике Система uCoz и Всё для DataLife Engine . Вы можете скачать обсолютно любой файл, который вам понравиться. На нашем сайте вы можете найти все что нужно для создания сайта, его дизайна и не только. На нашем сайте установлен оригинальный дизайн и расположение блоков и модулей где вы без труда найдете что искали. И не забываем про активный форум где вам всегда помогут если у вас возникнут вопросы. В мини чате только краткое общение, обсуждение и помощь идет на форуме, где созданы для этого разделы. Дерзайте ;)
20.01.2018, 00:00
ser2010
ser2010 (Администраторы)
  • Репутация: 0
  • Файлы: 240
Хината
Хината (Проверенные)
  • Репутация: 0
  • Файлы: 1
Beavern
Beavern (Пользователи)
  • Репутация: 0
  • Файлы: 0
20.01.2018 в 00:00Приветствие как на facebook
Всем кто пользуется соц. сетью facebook пользователю система выводила приветствие в зависимости от времени суток, мы использовали и заимствовали идею и публикуем ее реализацию, скрипт прост и легко устанавливается ну и подходит под любую CMS. Скрытие уведомления на основе Cookie чтоб пользователи могли его скрыть.

Установка:
1. Добавим html

Код
<div id="col-md-hello"><p></p><i></i><span id="mh1">Добрый день</span><span id="mh2">Добрый вечер</span><span id="mh3">Доброй ночи</span>, $USERNAME$!</div>


2. Добавим CSS стили

Код
div#col-md-hello {  
  background: #ffffff url(http://webo4ka.ru/_ld/44/35659566.png) no-repeat top right;  
  color: #1d2129;  
  border: 1px solid;  
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;  
  margin-bottom: 15px;  
  padding: 10px 0px 7px 30px;  
  font-weight: bolder;  
  }  
  div.col-md-night {  
  background: #ffffff url(http://webo4ka.ru/_ld/44/35659566.png) no-repeat right -42px !important;  
  }  
  div.col-md-vesper {  
  background: #ffffff url(http://webo4ka.ru/_ld/44/35659566.png) no-repeat right -83px !important;  
  }  
  div#col-md-hello i {  
  background: #ffffff url(http://webo4ka.ru/_ld/44/35659566.png) no-repeat 0px -122px;  
  width: 21px;  
  height: 21px;  
  display: inline-block;  
  float: left;  
  margin: 0px 15px 0px -15px;  
  position: relative;  
  top: -1px;  
  }  
  div#col-md-hello p, span#mh2, span#mh3 {display:none;}  
  div#col-md-hello:hover p {display: inline-block;}  
  div#col-md-hello p {  
  background: url(http://webo4ka.ru/_ld/44/35659566.png) no-repeat -21px -124px;  
  width: 17px;  
  height: 14px;  
  margin: -10px 15px 0px 416px;  
  position: absolute;  
  cursor: pointer;  
  }


3. Добавим js код

Код
$(function () {  
  jQuery.cookie = function(name, value, options) {  
  if (typeof value != 'undefined') { // name and value given, set cookie  
  options = options || {};  
  if (value === null) {  
  value = '';  
  options.expires = -1;  
  }  
  var expires = '';  
  if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {  
  var date;  
  if (typeof options.expires == 'number') {  
  date = new Date();  
  date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));  
  } else {  
  date = options.expires;  
  }  
  expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE  
  }  
  // CAUTION: Needed to parenthesize options.path and options.domain  
  // in the following expressions, otherwise they evaluate to undefined  
  // in the packed version for some reason...  
  var path = options.path ? '; path=' + (options.path) : '';  
  var domain = options.domain ? '; domain=' + (options.domain) : '';  
  var secure = options.secure ? '; secure' : '';  
  document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');  
  } else { // only name given, get cookie  
  var cookieValue = null;  
  if (document.cookie && document.cookie != '') {  
  var cookies = document.cookie.split(';');  
  for (var i = 0; i < cookies.length; i++) {  
  var cookie = jQuery.trim(cookies[i]);  
  // Does this cookie string begin with the name we want?  
  if (cookie.substring(0, name.length + 1) == (name + '=')) {  
  cookieValue = decodeURIComponent(cookie.substring(name.length + 1));  
  break;  
  }  
  }  
  }  
  return cookieValue;  
  }  
  };  

   
  $('div#col-md-hello p').click(function () {  
  $('div#col-md-hello').hide();  
  if($.cookie('optHello') != 'false') {  
  $.cookie('optHello', 'false');  
  } else {  
  $.cookie('optHello', 'true');  
  }  
  });  
  if($.cookie('optHello') != 'false') {  
  } else {  
  $('div#col-md-hello').hide();  
  };  

  var time = new Date();  
  if ((time.getHours()>=16) && (time.getHours()<=21)) { $('span#mh1').hide(); $('span#mh2').show(); $('div#col-md-hello').addClass("col-md-vesper"); };  
  if ((time.getHours()>=21) && (time.getHours()<=24)) { $('span#mh1, span#mh2').hide(); $('span#mh3').show(); $('div#col-md-hello').removeClass("col-md-vesper"); $('div#col-md-hello').addClass("col-md-night"); };  
  if ((time.getHours()>=0) && (time.getHours()<=5)) { $('span#mh1, span#mh2').hide(); $('span#mh3').show(); $('div#col-md-hello').removeClass("col-md-vesper"); $('div#col-md-hello').addClass("col-md-night"); }; });
Просмотров: 41
Чтобы скачивать файлы зарегистрируйтесь, или войдите под своим логином
Внимание! Материал "Приветствие как на facebook" полностью уникальный. Копирование без указания источника категорически запрещено!
Загрузок: 0 Комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини-чат
Все вопросы задаем Админу
здесь и ЛС
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Всего: 375 +0 новых
Никого нету
Посетители за сегодня ()