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

[viiprogrammer]

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

 

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

 

В 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>');

 

Вот и все :)

[xakepok]

спасибо,огромное так все просто,тока не кто не хотел светить))как делается огромное спасибо :)

[pase89]

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

$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 лишний.

[Doksi]

Спасибо!

[wedytd]

В 26.01.2019 в 17:27, viiprogrammer сказал:

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

 

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

 

В 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: После очистки кеша мигает

Изменено 10 октября, 2021 пользователем wedytd