Иконка ресурса

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

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

Raerek

Сообщения
135
Симпатии
17
Онлайн
1ч 20м
#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

Сообщения
86
Симпатии
2
Онлайн
1d 9ч 46м
#2
У меня вот так показывает, как поправить?
b41e99182e.jpg
 

glukomonter

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

Tretyak44

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

Next

Сообщения
11,140
Симпатии
1,187
Онлайн
57d 21ч 20м