Замена надписей "активен" и "последний визит" на картинки

http://forumfiles.ru/uploads/0007/e3/f7/2/517311.jpg

Код:
.post-author .pa-online {
font-size: 0;
background-image: url(http://images.vfl.ru/ii/1479146237/6cf5660d/14948551.png); /* картинка онлайн */
background-repeat: no-repeat;
width: 100px; /* ширина */
height: 85px; /* высота */
margin: 0 auto;
}
.post-author .pa-last-visit {
font-size: 0;
background-image: url(http://images.vfl.ru/ii/1479146257/c9880d32/14948554.png); /* картинка офлайн */
background-repeat: no-repeat;
width: 100px; /* ширина */
height: 85px; /* высота */
margin: 0 auto;
}

Добавляем картинки онлайн/офлайн к профилю
Надписи "активен" и "последний визит" остаются

Код:
.punbb .post-author ul {
background-image: url(http://images.vfl.ru/ii/1479146257/c9880d32/14948554.png); /* картинка офлайн */
background-repeat: no-repeat;
background-position: bottom center;
min-width: 100px; /* ширина картинки */
padding-bottom: 85px !important; /* высота картинки + отступ картинки от профиля*/
margin: 0 auto;
}

.punbb .post-author.online ul {
background-image: url(http://images.vfl.ru/ii/1479146237/6cf5660d/14948551.png); /* картинка онлайн */
background-repeat: no-repeat;
background-position: bottom center;
min-width: 100px; /* ширина картинки */
padding-bottom: 85px !important; /* высота картинки + отступ картинки от профиля*/
margin: 0 auto;
}

Добавляем картинки-индикаторы онлайн/офлайн к профилю
и двигаем их в любое место, например, на аватар

Код:
.punbb .post-author ul {position: relative}
.post-author .pa-online:before {
background-image: url(http://images.vfl.ru/ii/1479146237/6cf5660d/14948551.png); /* картинка онлайн */
background-repeat: no-repeat;
width: 100px; /* ширина */
height: 85px; /* высота */
display: block;
position: absolute;
content: '';
top: 20px; /* отступ сверху профиля */
left: 10px; /* отступ снизу профиля */
}
.post-author .pa-last-visit:before {
background-image: url(http://images.vfl.ru/ii/1479146257/c9880d32/14948554.png); /* картинка офлайн */
background-repeat: no-repeat;
width: 100px; /* ширина */
height: 85px; /* высота */
display: block;
content: '';
position: absolute;
top: 20px; /* отступ сверху профиля */
left: 10px; /* отступ снизу профиля */
}

Выделение профиля автора онлайн
сожет быть любым на ваш вкус и цвет

http://forumfiles.ru/uploads/0007/e3/f7/2/584988.jpg

Чтобы дизайнить профиль онлайн и его содержимое, вам необходим селектор:

.punbb .post-author.online {}

Вы могли видеть выделенный жирным селектор "post-author" в стиле профиля и полей. Добавляя к "post-author" селектор онлайн (как указано выше) вы можете поменять любой ваш элемент профиля на вариант отображения у пользователя онлайн.
Вот тестовый пример выделения профиля онлайн:

Код:
.punbb .post-author.online ul {
border: 5px solid #fff;
}
.punbb .post-author.online ul li {
border: 1px solid lime;
margin: 2px;
}
.punbb .post-author.online ul .pa-avatar img {
border: 5px solid red;
}