Анимированный онлайн индикатор

Raerek

Регистрация
17.01.16
Сообщения
131
Симпатии
13
#1
Пользователь VIP разместил новый ресурс:

Анимированный онлайн индикатор - Анимированный онлайн индикатор

В шаблон EXTRA.css добавляем:
Код:
.messageUserBlock div.avatarHolder .onlineMarker
{
    display: inline-block;
    width: 16px;
    height: 16px;
/*    margin: 9px 0 0 9px; <- if you'd like it on top left */
    margin: 79px 0 0 79px;
    background: #fff;
    border: none!important;
    border-radius: 50%!important
}
         
.messageUserBlock div.avatarHolder .onlineMarker:before
{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 3px 0 0...
Узнать больше об этом ресурсе...
 

idGreen

Регистрация
02.02.16
Сообщения
51
Симпатии
1
#2
У меня вот так показывает, как поправить?
b41e99182e.jpg
 

glukomonter

Регистрация
24.10.15
Сообщения
21
Симпатии
14
#3
Нужно исправить отступы, чтобы они подходили под Ваш стиль: для зелёного круга строка - margin: 3px 0 0 3px; для обрамления строка - margin: -9px 0 0 -9px;. Если судить по скриншоту, нужно их ставить левее, соответственно (для примера) margin: 3px 0 0 -3px; и margin: -9px 0 0 -15px;
 

Tretyak44

Регистрация
04.05.16
Сообщения
27
Симпатии
1
#5
Как его на край аватара переместить? а то он по центру аватарки
 

Next

Регистрация
29.09.14
Сообщения
8,505
Симпатии
803

Tretyak44

Регистрация
04.05.16
Сообщения
27
Симпатии
1
#7
Next, Спасибо помогли очень