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

Настройка модального окна


     02.05.2014    Общие вопросы по вёрстке, Стили (CSS)    3766

вопрос
Здравствуйте, помогите настроить уже голова болит от этого( аватарку хочу чтобы сбоку была от текста справа или слева, много чего перепробовал не получается.
Настройка модального окна

profile_popup.tpl

<div class="userinfo">
        <div class="lcol">
            <div class="avatar" style="margin: 0;"><img src="{foto}" alt="зз"/></div>
        </div>
        <div class="rcol">
            <ul class="reset">
                <li>Полное имя: <b>{fullname}</b></li>
                <li>Группа: {status}</li>
                <li>Дата посещения: <b>{lastdate}</b> [online]<img src="{THEME}/images/online.png" style="vertical-align: middle;" title="Пользователь Онлайн" alt="Пользователь Онлайн" />[/online][offline]<img src="{THEME}/images/offline.png" style="vertical-align: middle;" title="Пользователь offline" alt="Пользователь offline" />[/offline]</li>
                <li>Дата регистрации: <b>{registration}</b></li>
                <li>Публикаций: <b>{news-num}</b> [ {news} ]</li>
                <li>Комментариев: <b>{comm-num}</b> [ {comments} ]</li>
            </ul>
        </div>
        <div class="clr"></div>
</div>

Стиль
Внимание! У вас нет прав для просмотра скрытого текста.

Ответа пока нет


5 комментариев

LazyDev
PHP-developer

LazyDev - 2 мая 2014 09:37 -

Тут css дали не тот, тут за сам вид окна, но не профиля. Весь код относится к css коду что к userinfo.tpl

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

unik
Юзер

unik - 2 мая 2014 10:51 -

<div class="lcol" style="float:left"><div class="rcol" style="float:left">

psih
Юзер

psih - 2 мая 2014 17:16 -

Gameer,
я не в том стиле ищу получается, попробую найти, извиняюсь пока не совсем понял(
unik,
а это куда вставить я нублю( вместо
<div class="lcol">
            <div class="avatar" style="margin: 0;"><img src="{foto}" alt="зз"/></div>

psih
Юзер

psih - 2 мая 2014 18:47 -


вот что получилось Гэймер вы про эти стили говорили?
Добавил с стандартного шаблона скорей всего у меня стилей этих нет
/*---Userinfo---*/
.userinfo {
    padding-left: 125px;
}

.rateui {
    width: 85px;
    height: 17px;
    margin: 0 auto;
    padding-top: 4px;
}

.userinfo .lcol {
    margin-left: -125px;
    width: 110px;
    padding-right: 15px;
}

.userinfo .lcol .avatar {
    margin-bottom: 10px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #dfddd9;
}

.userinfo .lcol .avatar img {
    width: 100px;
}

.userinfo .rcol {
    width: 100%;
}

.userinfo .rcol ul {
    list-style: none;
    margin-left: 0;
}

.userinfo .rcol ul li {
    margin-bottom: 0.2em;
}

.ussep {
    padding-top: 12px;
    background: url("../images/ussep.png") no-repeat;
}


psih
Юзер

psih - 2 мая 2014 19:54 -


закрыт вопрос спасибо за помощ)

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

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

наверх