Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Ярлык оффлайн не на своём месте

Ярлык оффлайн не на своём месте


     10.09.2011    Стили (CSS), Ламерские вопросы    2485

вопрос
Можете помочь с реализацией рамки оффлайн и группы пользователей для комментариев? Ярлык оффлайн не на своём месте
Сайт: ссылка

Ответил: white-master


.msgAutorInfo span.offline{font-weight:bold;font-size:10px;color:#777777;padding&a
mp;#
58;0 4px;margin:-15px -5px 5px 5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3

px;-khtml-border-radius:3px;border-top-right-radius:0px;-webkit-border-t

op-right-radius:0px;-moz-border-radius-topright:0px;-khtml-border-top-ri

ght-radius:0px;display:block;float: right;position: relative;box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);-moz-box-shadow:1px 1px 3px rgba(0,0,0, 0.25);-khtml-box-shadow:1px 1px 3px rgba(0,0,0, 0.25);margin-left:-25px;background:#D6D6D6 url(../images/mini_bg_light.png) repeat-x center;border:1px solid #777777}
.msgAutorInfo span.offline span{background-color:#777777;
border-top-right-radius:3px;-webkit-border-top-right-radius:3px;
-moz-border-radius-topright:3px;-khtml-border-top-right-radius:3px;
position:absolute;top:-4px;right:-1px;width:5px;height:4px}
.msgAutorInfo span.online{font-weight:bold;font-size:10px;color:#FCFCFF;padding: 0 4px;
margin:-15px -5px 5px 5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
-khtml-border-radius:3px;border-top-right-radius:0px;-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;-khtml-border-top-right-radius:0px;
display:block;float: right;position: relative;box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);-moz-box-shadow:1px 1px 3px rgba(0,0,0, 0.25);
-khtml-box-shadow:1px 1px 3px rgba(0,0,0, 0.25);margin-left:-25px;background:#62A641 url(../images/mini_bg_light.png) repeat-x center;
border:1px solid #5FA23E}
.msgAutorInfo span.online span{background-color:#5fa23e;border-top-right-radius:3px;-webkit-border-top-right-radius:3px;
-moz-border-radius-topright:3px;-khtml-border-top-right-radius:3px;position:absolute;top:-4px;right:-1px;width:5px;height:4px}


<span class="offline"><span></span>Оффлайн</span>
<span class="online"><span></span>Онлайн</span>


Примерно так.

Комментарии пользователей (2)

white-master
2

18 | 16

white-master - 10 сентября 2011 14:00 - Юзер

***Комментарий удален***

white-master
2

18 | 16

white-master - 10 сентября 2011 14:03 - Юзер

Картинку http://beatlive.ru/templates/Beatlive3/bullet_energy/images/mini_bg_light.png скопировать в папку изображений.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы