GameCMS Пульсирующая точка

[parliament]

Установка в архиве.

---

Это css элемент, который выводит пульсирующую точку в том месте, где Вы пожелаете.

В качестве примера представляю со своего сайта переделку, где точка в моем случае мигает когда пользователь онлайн, а на оффлайн – горит ровно красным.
Изначально сам css элемент всего лишь изменяет свой размер, тем самым создаёт эффект пульсации.
Переделать цвет, эффект анимации, тени и тд – не сложно.
Посмотреть вложение VivaCut_video_1653529532256.mp4

 

[юрецогурец]

топ, особенно за свои то деньги

 

[Ezzet]

А что за точка и где она?

 

[SergeyPanov]

А что за точка и где она?

Куда хотите например в sitebar.tpl - рядом со словом онлайн поменять код и будет пульсирующая точка в блоке онлайн читайте инструкцию.

 

[volk]

интересно что это такое?

 

[fOkySn1k]

хоть бы скрин приложили!

 

[parliament]

хоть бы скрин приложили!

Чего его прилаживать?
Это css элемент, круг, который пульсирует. Подобный вот здесь

У вас нет разрешения на просмотр ссылки. Вход или Регистрация

только он исчезает, когда онлайн

 

[parliament]

хоть бы скрин приложили!

Добавил пример со своего сайта, приблизительно теперь стало яснее)

 

[JackR]

забрал

 

[fOkySn1k]

В какой файл css это класть? если можно путь...

#green_circle_online {
display: inline-block;
background-color: green;
width: 10px;
border-radius: 20px;
height: 10px;
margin-left: 10px;
margin-bottom: 1px;
box-shadow:0 0 15px rgba(255,255,255,.4);
-webkit-animation: mymove 3s infinite;
animation: mymove .4s ease-in infinite alternate;
}
@keyframes mymove{
from{
transform:scale(1);
}
to{
transform:scale(1.3);
}
}

 

[Михаил]

Мне тоже интересно )

 

[parliament]

My style. Css

 

[bloodex]

Забрал) вдруг пригодиться не пригодиться верну обратно )_)))))))

 

[parliament]

Забрал) вдруг пригодиться не пригодиться верну обратно )_)))))))

Ну она отличается от видео.. У меня переделка

 

[bloodex]

Ну она отличается от видео.. У меня переделка

я еще тоже чуть переделал под себя ))) ну топчик мелочь а глаз радует )