ZorNet.Ru — сайт для вебмастера » HTML и CSS » Время в ПС когда был на сайте для uCoz

Время в ПС когда был на сайте для uCoz

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

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

Это в кнопкой:

Вывод времени пользователя на сайте

Так будет выводить со стилями, где можете гамму изменить.

Время на сайте как Vk

Переходим к установке:

Ставим где угодно, но лучше в ПС так как там по теме будет.

Код
<?if($DATE$='Сегодня')?>  
<span id="d$ID$"></span>  
<script type="text/javascript">  
function corrDate(t,n){return n!=0?" " + n + " " + t[n%10==1&&n%100!=11?0:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?1:2] + ", ":"";};  
(function(time){var everySecond=true,ar=arguments,_=Math.ceil((time-($TIMESTAMP$*1000))/(1000)),day,hour,min,sec,text=[['день', 'дня', 'дней'], ['час', 'часа', 'часов'], ['минуту', 'минуты', 'минут'], ['секунду', 'секунды', 'секунд']],res; day = Math.floor((_/86400)); _=_-(day*86400); hour = Math.floor((_/3600)); _=_-(hour*3600); min = Math.floor((_/60)); _=_-(min*60);  
if(min>0) {if(min==1) {res='Минуту назад'} else {if(hour>0) {if(hour=='1') {res='Час назад'} else {res=corrDate(text[1],hour)}} else {res=corrDate(text[2],min)}}} else {res='Только что'}  
document.getElementById("d$ID$").innerHTML=res.replace(/\,\s$/, " назад"); if (everySecond) {setTimeout(function(){ar.callee(new Date().getTime());},1000);}})(new Date().getTime());  
</script>  
<?else?>  
  <div class="zornet"><i class="fa fa-bell-o" aria-hidden="true"></i> Был на сайте: $DATE$ в $TIME$</div>  
<?endif?>


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

Код
<i class="fa fa-bell-o" aria-hidden="true"></i>


Остались CSS установить:

Код
.zornet {
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background: #2E80B9;
  color: #FFF;
  text-shadow: 0 1px 0 #6B6B6B;
  padding: 4px 5px 5px 5px;
  font-size: 13px;
  border: 1px solid #597AB9;
  width: 270px;
}

На этом установка закончена, скрипт полностью рабочий и выводит все корректно, если вам только нужна надпись, то стили убираем и div, где оставляем операторы.
20 Апреля 2017 Просмотров: 2058 Комментариев: (9)

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

Материал разместил

Оставь свой отзыв

Комментарии: 9
Kolinkor
Kolinkor 20 Апреля 2017 23:371
0
А как вывести как здесь на сайте, онлайн когда и когда оффлайн, это более интересен скрипт, если этот еще прикрепить.
Maryges
Maryges 20 Апреля 2017 23:552
0
Это в каком то смысле с профиля скрипт здесь.
-SAM-
-SAM- 21 Апреля 2017 08:217
0
Не совсем, то что тут выложили - скрипт на перевод даты входа пользователя в новый формат (то есть, можно и иначе использовать - тут такие материалы уже не раз выкладывали, что дата публикации материала или комментария в такой формат переводиться).
Марковичь
Марковичь 20 Апреля 2017 23:583
0
Скрипт не очень похоже с одного социального сайта, что по персональной странице, то здесь соглашусь, что место ему прямое там.
Kosten
Kosten 21 Апреля 2017 00:114
0
Просто сделал. чтоб заметно было, вот и стили с блока взял.
Kosten
Kosten 21 Апреля 2017 00:115
0
Что по скрипту онлайн, но если был бы он мой, то давно поделился, но мне его дали на установку. Возможно в сети уже есть, там по гед запросу все идет.
-SAM-
-SAM- 21 Апреля 2017 08:176
0
То, что вы назвали "там по гед запросу все идёт" - это вывод содержимого с одного источника на другой, в данном случае - уже выложено в сети, а именно на том же webmaster-ucoz ("Информация об авторе и о материале для uCoz").
-SAM-
-SAM- 16 Мая 2017 05:218
0
Вот наткнулся на такое еще - по этой же теме решение.
-SAM-
-SAM- 04 Июня 2017 01:349
0
По этой же теме такое вот еще есть и тема на форуме... есть из чего выбирать, короче.
avatar