Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Статус пользователя online/offline

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


     03.09.2014    Все вопросы » Общие вопросы    3407

вопрос
Скажите,пожалуйста как сделать так,чтобы при наведении на аватар пользователя показывал титлом "Пользователь Онлайн" или "Пользователь Онлайн"
Вот 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
Юзер

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

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

vip.boss
Гости

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

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

User_3218
Юзер

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

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

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

vip.boss
Гости

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
PHP-developer

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/

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

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

наверх