Jump to content
Sign in to follow this  
viiprogrammer

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×