Перейти к содержанию
CMSTOOLS.org - форум поддержки и развития CMS

[Фича] Мигающий онлайн в профиле


Рекомендуемые сообщения

Понадобилось реализовать подобную штуковину и решил что может кому-то понадобится готовое решение  :5aac4b426a511_1(25):

 

ezgif-4-0f53e08ed54f.gif

Для установки надо:

 

В style.css внизу добавить:

 

.Blink {
  animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

 

В profile.php есть строка которая начинается так

$tpl->set('{online}', '.....

после строки:

if($row_online['user_last_visit'] >= $online_time)

 

и вот ту строку мы заменяем на:

$tpl->set('{online}', '<div class="Blink" style="width: 10px;height: 10px;background: #38ad1b;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;display: inline-block;"></div>');

 

Вот и все :)

  • Upvote 3
Ссылка на комментарий
Поделиться на другие сайты

  • 1 месяц спустя...

не копируйте код 

$tpl->set('{online}', '<div class="Blink" style="width: 10px;height: 10px;background: #38ad1b;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;display: inline-block;"></div>');

а вводите ручками. В коде есть HEX лишний.

Ссылка на комментарий
Поделиться на другие сайты

  • 2 года спустя...
В 26.01.2019 в 17:27, viiprogrammer сказал:

Понадобилось реализовать подобную штуковину и решил что может кому-то понадобится готовое решение  :5aac4b426a511_1(25):

 

ezgif-4-0f53e08ed54f.gif

Для установки надо:

 

В style.css внизу добавить:

 

.Blink {
  animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

 

В profile.php есть строка которая начинается так

$tpl->set('{online}', '.....

после строки:

if($row_online['user_last_visit'] >= $online_time)

 

и вот ту строку мы заменяем на:

$tpl->set('{online}', '<div class="Blink" style="width: 10px;height: 10px;background: #38ad1b;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;display: inline-block;"></div>');

 

Вот и все :)

Не мигает , да и не красиво как-то

UPD: После очистки кеша мигает

image.thumb.png.dcf18c2cf1c5fc7b03b75e5667685989.png

Изменено пользователем wedytd
Ссылка на комментарий
Поделиться на другие сайты

×
×
  • Создать...