Шаблон popup_profile для DLE

[Cartmont]

Доброго вечера уважаемые форумчане. Недавно пришла идея украсить всплывающую карточку профиля в DLE. Реализовывал все для себя, но решил поделится, может кому-то пригодится.

ВНИМАНИЕ! Требуется правка движка.

Спойлер

Измененяем файл /engine/ajax/profile.php

Строка 366:

echo "<div id='dleprofilepopup' title='{$lang['p_user']} {$row['name']}' style='display:none'>{$tpl->result['content']}</div>";

Заменена на:

echo "<div id='dleprofilepopup' title='{$row['name']}' style='display:none'>{$tpl->result['content']}</div>";

Добавлена строка 298:

$tpl->set( '{profile-link}',  "/user/" . urlencode( $row['name'] ) );

Измененяем файл /engine/ajax/profile.php

Строка 52:

function(){$("#modal-overlay").remove()})}});830<$(window).width()&&530<$(window).height()&&($(".modalfixed.ui-dialog").css({position:"fixed"}),$("#dleuserpopup").dialog("option","position",["0","0"]))});$("#dleprofilepopup").remove();$("body").append(a);$("#dleprofilepopup").dialog({autoOpen:!0,show:"fade",hide:"fade",resizable:!1,dialogClass:"dle-popup-userprofile",buttons:c,width:550});return!1}

Заменена на:

function(){$("#modal-overlay").remove()})}});830<$(window).width()&&530<$(window).height()&&($(".modalfixed.ui-dialog").css({position:"fixed"}),$("#dleuserpopup").dialog("option","position",["0","0"]))});$("#dleprofilepopup").remove();$("body").append(a);$("#dleprofilepopup").dialog({autoOpen:!0,show:"fade",hide:"fade",resizable:!1,dialogClass:"dle-popup-userprofile",buttons:c,width:400});return!1}

Дальше уже намного проще, остается отредактировать файлы шаблона:

HTML:

Спойлер

<div class="profile-popup">
<div class="profile-popup-visual">
    <div class="profile-popup-avatar-position">
        <img src="{foto}" class="profile-popup-avatar">
        <div class="profile-popup-view">
            <a href="{profile-link}">
               <i class="fa fa-user-circle" aria-hidden="true"></i>
             </a>
        </div>
        [online]<div class="profile-popup-online"></div>[/online]
        [offline]<div class="profile-popup-offline"></div>[/offline]
    </div>
</div>
<div class="profile-popup-activity">
   <ul>
       <li>
           <span class="profile-popup-activity-couter">{news-num}</span>
           <span class="profile-popup-activity-meaning">Публикации</span>
       </li>
       <li>
           <span class="profile-popup-activity-couter">{comm-num}</span>
           <span class="profile-popup-activity-meaning">Комментарии</span>
       </li>
   </ul>
</div>
<div class="profile-popup-info">
   <ul>
       <li><i class="fa fa-user-circle" aria-hidden="true"></i> Полное имя: [fullname] {fullname}[/fullname][not-fullname]Не указано[/not-fullname]</li>
       <li><i class="fa fa-users" aria-hidden="true"></i> Группа: {status}</li>
       <li><i class="fa fa-map-marker" aria-hidden="true"></i> Место жительста: [land]{land}[/land][not-land]Не указано[/not-land]</li>
       <li><i class="fa fa-calendar-o" aria-hidden="true"></i> Зарегистрирован: {registration}</li>
       <li><i class="fa fa-clock-o" aria-hidden="true"></i> Последнее посещение: {lastdate}</li>
   </ul>
</div>
</div>

CSS:

Спойлер

#dleprofilepopup {margin: 0; padding: 0;}
.dle-popup-userprofile > .ui-dialog-buttonpane {display: none;}

.profile-popup {display: block; margin: 0; padding: 0;}

.profile-popup-visual {background-color: #897a67; width: 100%; height: 200px; text-align: center;}

.profile-popup-visual:before {content: ""; display: inline-block; height: 200px; vertical-align: middle;}
.profile-popup-avatar-position {display: inline-block; height: 120px; position: relative; vertical-align: middle; width: 120px;}
.profile-popup-avatar {border: 5px solid rgba(244,244,244,0.2); border-radius: 50%;}

.profile-popup-view {background-color: rgba(244,244,244,0.8); border: 2px solid rgba(244,244,244,0.8); border-radius: 50%; height: 20px; position: absolute; left: 10px; bottom: 15px; width: 20px;}
.profile-popup-view a {color: rgba(48,48,48,0.5); font-size: 14px;}
.profile-popup-view a:hover {color: rgba(48,48,48,1.0);}

.profile-popup-online {background-color: rgba(62,220,129,0.8); border: 2px solid rgba(244,244,244,0.8); border-radius: 50%; height: 20px; position: absolute; right: 5px; top: 10px; width: 20px;}
.profile-popup-offline {background-color: rgba(255,124,108,0.8); border: 2px solid rgba(244,244,244,0.8); border-radius: 50%; height: 20px; position: absolute; right: 5px; top: 10px; width: 20px;}

.profile-popup-activity ul {background-color: #9b8d7b; box-shadow: inset 0 3px 3px -3px #000000, inset 0 -3px 3px -3px #000000; list-style: none; margin: 0; padding: 10px 0; text-align: center;}
.profile-popup-activity ul li {border-right: 1px solid rgba(48,48,48,0.5); display: inline-block; padding: 0 30px;}
.profile-popup-activity ul li:nth-last-child(1) {border: none;}
.profile-popup-activity ul li span {display: block}
.profile-popup-activity-couter {color: #fefefe; font-size: 16px; font-weight: 700; text-align: center;}
.profile-popup-activity-meaning {color: #fefefe; font-size: 13px; font-weight: 300; text-align: center; text-transform: uppercase;}

.profile-popup-info {margin:0; padding:0;}
.profile-popup-info ul {margin:0; padding:0; list-style:none; margin: auto;}
.profile-popup-info li{border-bottom: 1px solid rgba(144,144,144,0.1); display:block; height:40px; line-height:40px; margin: 0 20px;}
.profile-popup-info li:last-child {border: none;}
.profile-popup-info li i {padding-right: 10px;}

 

[Cartmont]

Может не совсем ровный код, но зато бесплатно))
Оформление окна я делал под свой шаблон, оно не входит в правки.
PS: необходимо будет подключить желаемые шрифты самому и font-awesome

 

[aeneas]

вот ведь херней занимается человек и не лень же ))

 

[GENERIC]

вот ведь херней занимается человек и не лень же ))

Да ладно тебе кто как хочет так и ... тем и занимается вообщем)))
Гдет я уже видел чтот похожее только в другом цвете)

 

[Cartmont]

Есть PSD в интернете похожие, вот решил сделать на подобии.
Сменить цвет очень легко, заменив пару значений в css.
Если кому интересно, еще некоторые решения по выкладываю со временем.

Просто модулей и хаков очень много лежит в сети, а вот визуальных решений для новичков очень мало. Одно время мне надо был какой-то ништячек, я рыл по интернету и ничего не нашел. Готов даже был заплатить, но все ровно ничего подходящего не было, даже с платного.

 

[Joshuamug]

На нашем сайте Регистрация вы сможете.
Купить ссылки для продвижение сайта, поднять ИКС,
улучшить позиции, раскрутить сайт – все это теперь легко,
как никогда. Для этого Вам достаточно воспользоваться размещением ссылок
с ИКС от 10 и получить результат.