Помощь Рамка аватара внутри таблицы профиля

Тема в разделе "DLE", создана пользователем stanislavsss, 21 мар 2015.

Информация :
Актуальная версия DataLife Engine 11.1
( Final Release v.11.1 | Скачать DataLife Engine | Скачать 11.1 demo )
Нужно ли обновляться | Как обновиться | Изменения в шаблонах
> Нет русских символов <
[Приватная тема DLE (Все подробности в ЛС к модератору раздела)]

Версии 10.0 и ниже - уязвимы!

Локализации | F.A.Q. | Внешний вид
Правила раздела | Правила форума
Обсуждение хайда карается баном!
В каждом сообщении указывайте версию DLE, которого они касаются!
Статус темы:
Закрыта.
Модераторы: killoff
  1. stanislavsss

    stanislavsss Постоялец

    Регистр.:
    28 ноя 2012
    Сообщения:
    87
    Симпатии:
    2
    Здравствуйте друзья! Сделал себе таблицу для профиля dle (версия dle 10.4). Проблема в том, что в моём шаблоне не был прописан код рамки для аватара. Теперь пытаюсь запихнуть рамку внутрь этой таблицы, но не получается. Изменений не происходит.

    .nowrap {white-space:nowrap;}
    .fV {font-family:Verdana, Geneva, sans-serif;}
    .f10 {font-size:10px;}

    .dwntorrent_tblc
    {
    /*
    Цвет таблицы #fff
    */
    background-color: #fff;
    /*
    Цвет границ #dedede
    */
    border: 1px solid #dedede;
    }
    .dwntorrent_tblx
    {
    border: 1px solid #dad8d8;
    }

    .tbprofile{color:#151b20;font-size:12px;font-family:arial;}
    .tbprofile a:link, .tbprofile a:visited, .tbprofile a:hover, .tbprofile a:active{color:#4183a9;text-decoration:none;}
    .tbprofile a:hover{color:#4183a9;text-decoration:underline;}
    .tbprofile table{border:0px;background:#fff;}
    .tbprofile table{color:#666;}
    .tbprofile table a:link, .tbprofile table a:visited, .tbprofile table a:hover, .tbprofile table a:active{color:#4183a9;text-decoration:none;}
    .tbprofile table a:hover{color:rgb(221, 155, 38);text-decoration:none;}
    .tbprofile table td{padding:4px 0 4px 6px;border:1px solid #dedede; }

    В стандартном шаблоне нашёл код рамки аватара, добавил его в css, вот код:
    /*---Userinfo---*/
    .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;
    }

    В моём userinfo.tpl так же не был прописан код рамки. Вот код userinfo.tpl
    <div class="dcomment">
    <table width="100%" cellspacing="0" cellpadding="0">
    <tr>
    <td class="ss_topwhite">
    <table width="100%" cellspacing="0" cellpadding="0">
    <tr>
    <td align="right">&nbsp;</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="ss_top">
    <table width="100%" cellspacing="0" cellpadding="0">
    <tr>
    <td align="left">&nbsp;</td>
    <td width="95">&nbsp;</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="ss_center2">
    <div class="padd10px">
    <div class="tbprofile">
    <div class="pad10">

    <center><table width="560" nowrap="nowrap" class="tbprofile" align="center">
    <tr>
    <td width="150" rowspan="5" align="center"><img src="{foto}" border="0">
    <br>{edituser}</td>
    <td width="150" align="left">Полное имя:</td>
    <td width="260" align="left">{fullname}</td>
    </tr>
    <tr>
    <td width="150" align="left">Дата регистрации:</td>
    <td width="260" align="left">{registration}</td>
    </tr>
    <tr>
    <td width="150" align="left">Последнее посещение:</td>
    <td width="260" align="left"> {lastdate}</td>
    </tr>
    <tr>
    <td width="150" align="left">Группа:</td>
    <td width="260" align="left"><font color="red">{status}</font>[time_limit] в групе до: {time_limit}[/time_limit]</td>
    </tr>
    <tr>
    <td width="150" align="left">Я:</td>
    <td width="410" align="left" colspan="2">[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]</td>
    </tr>
    <tr>
    <td width="150" align="left">Статус:</td>
    [xfgiven_status]<td width="410" align="left" colspan="2"><img src="{THEME}/images/[xfvalue_status].png" />&nbsp-&nbsp[xfvalue_status]</td>[/xfgiven_status]
    </tr>
    <tr>
    <td width="150" align="left">Место жительства:</td>
    <td width="410" align="left" colspan="2">{land}</td>
    </tr>
    <tr>
    <td width="150" align="left">Сообщения:</td>
    <td width="410" align="left" colspan="2">[ {email} ] &nbsp;&nbsp;&nbsp;[ {pm} ]</td>
    </tr>
    <tr>
    [not-logged]
    <td width="150" align="left">Мои сообщения:</td>
    <td width="410" align="left" colspan="2">[pm_unread]<span class="grey">Новых:</span> <b>[inbox]{pm_unread}[/inbox]</b>[/pm_unread]
    </tr>
    <tr>
    [/not-logged]
    <td width="150" align="left">Мои объявления:</td>
    <td width="410" align="left" colspan="2">[ </span><a href="/board/my">смотреть</a> ]</td>
    </tr>
    <tr>
    <td width="150" align="left">Немного о себе:</td>
    <td width="410" align="left" colspan="2">{info}</td>
    </tr>
    </table>
    </div>
    </div>


    [not-logged]
    <br>
    <center><div id="options" style="display: none;">
    <div class="tbprofile">
    <table width="560" nowrap="nowrap" class="tbprofile" align="center">
    <tr>
    {xfields}
    <td width="150" align="left">Ваше Имя:</td>
    <td width="410" align="left"><input type="text" name="fullname" value="{fullname}" class="inprofile"></td>
    </tr>
    <tr>
    <td width="150" align="left">Ваш E-Mail:</td>
    <td width="410" align="left"><input type="text" name="email" value="{editmail}" class="inprofile"><br>{hidemail}</td>
    </tr>
    <tr>
    <td width="150" align="left">Место жительства:</td>
    <td width="410" align="left"><input type="text" name="land" value="{land}" class="inprofile"></td>
    </tr>
    <tr>
    <td width="150" align="left">Старый пароль:</td>
    <td width="410" align="left"><input type="password" name="altpass" class="inprofile"></td>
    </tr>
    <tr>
    <td width="150" align="left">Новый пароль:</td>
    <td width="410" align="left"><input type="password" name="password1" class="inprofile"></td>
    </tr>
    <tr>
    <td width="150" align="left">Повторите пароль:</td>
    <td width="410" align="left"><input type="password" name="password2" class="inprofile"></td>
    </tr>
    <tr>
    <td width="150" align="left">О себе:</td>
    <td width="410" align="left"><textarea name="info" style="width:95.5%;" rows="5" class="f_textarea">{editinfo}</textarea></td>
    </tr>
    <tr>
    <td width="150" align="left">Подпись:</td>
    <td width="410" align="left"><textarea name="signature" style="width:95.5%;" rows="5" class="f_textarea">{editsignature}</textarea></td>
    </tr>
    <tr>
    <td width="150" align="left">Аватар:</td>
    <td width="410" align="left"><input type="file" name="image" class="inprofile"><br><input type="checkbox" name="del_foto" value="yes">Удалить аватар</td></td>
    </tr>
    <tr>
    <td class="label">Часовой пояс:</td>
    <td>{timezones}</td>
    </tr>
    <tr>
    <td width="150" align="left">Блокировка по IP:</td>
    <td width="410" align="left"><textarea name="allowed_ip" style="width:95.5%;" rows="5" class="f_textarea">{allowed-ip}</textarea></div><br>Ваш IP: {ip}<br><font style="color:red;font-size:12px;">* Внимание! Будьте бдительны при изменении данной настройки.
    Доступ к Вашему аккаунту будет доступен только с того IP-адреса или подсети, который Вы укажете.
    Вы можете указать несколько IP адресов, по одному адресу на каждую строчку.
    <br/>
    Пример: 192.48.25.71 или 129.42.*.*</span></td>
    </tr>
    </table>


    <br><div style="padding-top:2px; padding-left:0px;" align="center">

    <input type="image" src="{THEME}/images/send.png" class="sendn" alt="Отправить" /><br/>
    <input name="submit" type="hidden" id="submit" value="submit"/>
    </div>



    </div>
    </div>
    [/not-logged]

    </div>
    </td>
    </tr>
    </table></div>

    Я так понимаю, что для правильного отображения нужно редактировать 30-ю строку в userinfo.tpl, а конкретно:
    <td width="150" rowspan="5" align="center"><img src="{foto}" border="0">
    Вот только ничего не выходит. Пытался добавить в userinfo строчки для вывода css, которых не было. Эти строки:
    <div class="userinfo">
    <div class="lcol">
    <div class="avatar">
    Только опять же результатов "0". Может можно без правки userinfo добавить что-то в css, вместо добавленных мною строк из стандартного шаблона???
     

    Вложения:

    Последнее редактирование: 21 мар 2015
  2. ankor

    ankor Создатель

    Регистр.:
    28 апр 2007
    Сообщения:
    37
    Симпатии:
    6
    Добавьте
    .tbprofile img {border:1px solid #666;}
     
    stanislavsss и Attyla нравится это.
  3. stanislavsss

    stanislavsss Постоялец

    Регистр.:
    28 ноя 2012
    Сообщения:
    87
    Симпатии:
    2
    Если сделать так, то почти получилось но появились ещё 2 дополнительные рамки, там где пльзователь онлайн, и в изображении доп.поля, скриншот прилогаю
     

    Вложения:

  4. ankor

    ankor Создатель

    Регистр.:
    28 апр 2007
    Сообщения:
    37
    Симпатии:
    6
    Их появление вполне логично, мы же прописали стилем дать всем изображениям в таблице рамку.
    Вараинта решения три-четыре либо дать класс отдельный для фото что бы только её задать, ну или же клас для её тд или же назначить классы отдельные для этих двух кнопок, вобщем надо код видеть укажите лучше не скрин а код либо с браузера либо из .tpl так будет быстрее

    а если убрать то что в css добавили и в шаблоне где <td width="150" rowspan="5" align="center"><img src="{foto}" border="0">
    поставить border="1" какой результат?
     
    Последнее редактирование модератором: 21 мар 2015
  5. stanislavsss

    stanislavsss Постоялец

    Регистр.:
    28 ноя 2012
    Сообщения:
    87
    Симпатии:
    2
    Если убрать всё, что я добавил в css, включая строчку .tbprofile img {border:1px solid #666;}, и поставить border="1" будет вообще без рамки, то есть как было изначально. А что касается "скриншетов и кодов", то весь код я добавил выше под спойлерами.
     
  6. ankor

    ankor Создатель

    Регистр.:
    28 апр 2007
    Сообщения:
    37
    Симпатии:
    6
    в userinfo.tpl:
    <td width="150" rowspan="5" align="center"><img src="{foto}" border="0">
    меняем на:
    <td width="150" rowspan="5" align="center"><img src="{foto}" class="avotiramka">

    v css добавляем:
    .avotiramka {border:1px solid #666}
     
    stanislavsss нравится это.
Статус темы:
Закрыта.