Понадобилось реализовать подобную штуковину и решил что может кому-то понадобится готовое решение
Для установки надо:
В 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>');
Вот и все :)