Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Статус пользователя online/offline

Статус пользователя online/offline


     03.09.2014    Общие вопросы    1496

вопрос
Скажите,пожалуйста как сделать так,чтобы при наведении на аватар пользователя показывал титлом "Пользователь Онлайн" или "Пользователь Онлайн"
Вот 2 кода
<div class="winpop_ava"><span></span> <b></b><img src="{foto}" alt=""/></div>

<div class="vComm_ava"><span></span> <b></b> <img src="{foto}" width="91" alt=" " /></div>

Ответил: User_3218


<img src="{foto}" alt="" title="[offline]Оффлайн[/offline][online]Онлайн[/online]" />

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

FastFud
50

1599 | 588

FastFud - 3 сентября 2014 20:15 - Юзер

[offline]<img src="{foto}" alt="" title="Оффлайн">[/offline][online]<img src="{foto}" alt="" title="Онлайн">[/online]

vip.boss
7

116 | 13

vip.boss - 4 сентября 2014 09:10 - Гости

Не работает !!!

User_3218
1

32 | 3

User_3218 - 4 сентября 2014 12:55 - Юзер

title="[offline]Оффлайн[/offline][online]Онлайн[/online]"

Титл поставьте такой в теге <img />

vip.boss
7

116 | 13

vip.boss - 4 сентября 2014 13:26 - Гости

Не показывает титл вот 2 кода
                            <div class="vComm_ava"><span></span> <b></b> <img src="{foto}" width="91" alt=" " /></div>

        <div class="lcol">
            <div class="winpop_ava"><span></span> <b></b><img src="{foto}" width="100" height="100" alt=""/></div>
        </div>

vitnet
218

2172 | 930

vitnet - 4 сентября 2014 19:53 - Эксперт

HTML
<div class="vComm_ava">
    <img src="{foto}" alt="" title="[offline]Оффлайн[/offline][online]Онлайн[/online]" />
        <span id="status">[offline]Оффлайн[/offline][online]Онлайн[/online]</span>
</div>

CSS
.vComm_ava {
    position: relative;
    overflow: hidden;
}
#status {
    width: 101px;
    height: 33px;
    padding: 0;
    margin: 0;
    position: absolute;
    visibility: hidden;
    left: 0;
    bottom: 0;
    font: bold 10px/33px Arial;
    background: rgba(0,0,0,0.5);
    border: none;
    color: #fff;
    text-align: center;
}
.vComm_ava:hover #status {
    visibility: visible;
}

http://jsfiddle.net/6vot9fc9/

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

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