Смотрите видео ниже, чтобы узнать, как установить наш сайт в качестве веб-приложения на домашнем экране.
Примечание: В настоящее время эта функция требует доступа к сайту с помощью встроенного браузера Safari.
На форуме есть администратор этого форума, захочет - поделится, кстати, это довольно муторная штукаЗдравствуйте!
Увидел на одном форуме форуме такую штуку.
Как реализовать такое?
Ясно, спасибо за ответ!Мда, и вправду, на каком же форуме?ошиблись адресом
На форуме есть администратор этого форума, захочет - поделится, кстати, это довольно муторная штука
<xen:title>{$user.username}</xen:title>
<xen:h1></xen:h1> <xen:comment>H1 empty, do not render.</xen:comment>
<xen:container var="$head.canonical">
<link rel="canonical" href="{xen:link 'canonical:members', $user, 'page={$page}'}" /></xen:container>
<xen:container var="$head.description">
<meta name="description" content="{xen:phrase x_is_a_y_at_z, 'name={$user.username}', 'title={xen:helper stripHtml, {xen:helper usertitle, $user}}', 'location={$xenOptions.boardTitle}'}" /></xen:container>
<xen:container var="$head.openGraph"><xen:include template="open_graph_meta">
<xen:set var="$url">{xen:link 'canonical:members', $user}</xen:set>
<xen:set var="$title">{$user.username}</xen:set>
<xen:set var="$description">{xen:phrase x_is_a_y_at_z, 'name={$user.username}', 'title={xen:helper stripHtml, {xen:helper usertitle, $user}}', 'location={$xenOptions.boardTitle}'}</xen:set>
<xen:set var="$avatar">{xen:helper avatar, $user, 'm', '', 'true'}</xen:set>
<xen:set var="$ogType">profile</xen:set>
<xen:set var="$ogExtraHtml">
<meta property="profile:username" content="{$user.username}" />
<xen:if is="{$user.gender}"><meta property="profile:gender" content="{$user.gender}" /></xen:if>
</xen:set>
</xen:include></xen:container>
<xen:navigation>
<xen:breadcrumb href="{xen:link full:members, $user}">{$user.username}</xen:breadcrumb>
</xen:navigation>
<xen:require css="member_view.css" />
<xen:require js="js/xenforo/quick_reply_profile.js" />
<div class="profilePage" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
<div class="mast">
<div class="topblock darkBackground">
<div class="avatarScaler">
<xen:if is="{$visitor.user_id} == {$user.user_id}">
<a class="Av{$user.user_id}l OverlayTrigger" href="{xen:link account/avatar}">
<img src="{xen:helper avatar, $user, l, '', true}" alt="{$user.username}" style="{xen:helper avatarCropCss, $user}" itemprop="photo" />
<xen:if hascontent="true">
<div class="userBanners">
<xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck>
</div>
</xen:if>
</div>
<div class="buttons_after_avatar">
<a href="/account/personal-details" class="button block">Редактировать</a>
</div>
<xen:else />
<span>
<a class="Av{$user.user_id}l OverlayTrigger" href="{xen:link account/avatar}">
<img src="{xen:helper avatar, $user, l, '', true}" alt="{$user.username}" style="{xen:helper avatarCropCss, $user}" itemprop="photo" />
</span>
<xen:if hascontent="true">
<div class="userBanners">
<xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck>
</div>
</xen:if>
</div>
<div class="buttons_after_avatar">
<a href="/conversations/add?to={$user.username}" class="button primary block">Написать</a>
<xen:follow user="$user" class="FollowLink button block" title="" id="followButton">Подписаться</a></xen:follow>
<div class="button Popup otherActionsPopup">
<a rel="Menu" class="dottes-style PopupControl">. . .<span class="arrowWidget"></span></a>
<div class="Menu">
<ul class="secondaryContent blockLinksList">
<a href="members/{$user.user_id}/ignore" class="FollowLink">Игнорировать</a>
<a href="members/{$user.user_id}/report" class="OverlayTrigger">Пожаловаться</a>
</ul>
</div>
</div>
</div>
</xen:if>
</div>
<xen:hook name="member_view_sidebar_middle1" params="{xen:array 'user={$user}'}" />
<xen:if is="{$following} OR {$followers}">
<div class="darkBackground section">
<xen:if is="{$following}">
<div class="module clear people_module">
<a href="{xen:link 'members/following', $user}" class="module_header">
<h3 class="header_top clear_fix">
<span class="header_label fl_l">Подписки</span> </span>
<span class="muted header_count fl_l">{xen:number $followingCount}</span>
</h3>
</a>
<div class="primaryContent avatarHeap">
<ol>
<xen:foreach loop="$following" key="$followUserId" value="$followUser">
<li>
<xen:avatar user="$followUser" size="s" text="{$followUser.username}" class="Tooltip" title="{$followUser.username}" itemprop="contact" />
</li>
</xen:foreach>
</ol>
</div>
</div>
</xen:if>
<div class="module_separator">
</div>
<xen:if is="{$followers}">
<div class="module clear people_module">
<a href="{xen:link 'members/followers', $user}" class="module_header">
<h3 class="header_top clear_fix">
<span class="header_label fl_l">Подписчики</span>
<span class="muted header_count fl_l">{xen:number $followersCount}</span>
</h3>
</a>
<div class="primaryContent avatarHeap">
<ol>
<xen:foreach loop="$followers" key="$followUserId" value="$followUser">
<li>
<xen:avatar user="$followUser" size="s" text="{$followUser.username}" text="{$followUser.username}" itemprop="contact" />
</li>
</xen:foreach>
</ol>
</div>
</div>
</xen:if>
</div>
</xen:if>
<xen:hook name="member_view_sidebar_middle2" params="{xen:array 'user={$user}'}" />
<xen:if is="{$user.allow_view_profile} == 'everyone'">
<xen:include template="sidebar_share_page">
<xen:set var="$url">{xen:link canonical:members, $user}</xen:set>
</xen:include>
</xen:if>
<xen:hook name="member_view_sidebar_end" params="{xen:array 'user={$user}'}" />
<xen:include template="ad_member_view_sidebar_bottom" />
</div>
<div class="mainProfileColumn">
<div class="section primaryUserBlock">
<div class="mainText secondaryContent">
<div class="followBlock">
<xen:if hascontent="true">
<ul>
<xen:contentcheck>
<xen:if hascontent="true">
<li><div class="Popup moderatorToolsPopup">
<a rel="Menu">{xen:phrase moderator_tools}</a>
<div class="Menu">
<div class="primaryContent menuHeader"><h3>{xen:phrase moderator_tools}</h3></div>
<ul class="secondaryContent blockLinksList">
<xen:contentcheck>
<xen:if is="{$canWarn}">
<li><a href="{xen:link members/warn, $user}">{xen:phrase warn}</a></li>
</xen:if>
<xen:if is="{$canCleanSpam}">
<li><a href="{xen:link spam-cleaner, $user, 'noredirect=1'}" class="deleteSpam OverlayTrigger">{xen:phrase spam}</a></li>
</xen:if>
<xen:if is="{$canViewIps}">
<li><a href="{xen:link members/shared-ips, $user}" class="OverlayTrigger">{xen:phrase shared_ips}</a></li>
</xen:if>
<xen:if is="{$canBanUsers}">
<xen:if is="{$user.is_banned}">
<li><a href="{xen:adminlink banning/users/lift, $user}">{xen:phrase lift_ban}</a></li>
<xen:else />
<li><a href="{xen:adminlink banning/users/add, $user}">{xen:phrase ban}</a></li>
</xen:if>
</xen:if>
<xen:if is="{$canEditUser}">
<li><a href="{xen:link members/edit, $user}">{xen:phrase edit}</a></li>
</xen:if>
</xen:contentcheck>
</ul>
</div>
</div></li>
</xen:if>
</xen:contentcheck>
</ul>
</xen:if>
<xen:if is="{$visitor.user_id} AND {$user.user_id} != {$visitor.user_id}">
</xen:if>
</div>
<xen:if is="{$canViewOnlineStatus}">
<div class="darkBackground">
<div id="page_info_wrap">
<div class="page_top">
<h4 class="profile_online muted">
<xen:if is="{$user.activity} AND {$canViewCurrentActivity}">
<xen:if is="{$user.activity.description}">
{$user.activity.description}<xen:if is="{$user.activity.itemTitle}"> <em><a href="{$user.activity.itemUrl}" class="concealed">{$user.activity.itemTitle}</a></em></xen:if>,
<xen:else />
{xen:phrase viewing_unknown_page},
</xen:if>
<xen:datetime time="{$user.effective_last_activity}" class="muted" />
<xen:else />
<xen:datetime time="{$user.effective_last_activity}" />
</xen:if>
</h4>
<h1 itemprop="name" class="username">{xen:helper richUserName, $user}</h1>
<div class="page_current_info" id="page_current_info">
<div class="page_current_info" id="page_current_info">
<span class="current_text">{xen:helper userStatus, $user}</span>
</div>
</div>
</div>
<div class="profile_info profile_info_short" id="profile_short">
<div class="pairsJustified">
<div class="clear_fix profile_info_row">
<div class="label fl_l">Регистрация:</div>
<div class="labeled">{xen:date $user.register_date}</div>
</div>
<xen:if is="{$user.gender}">
<div class="clear_fix profile_info_row">
<div class="label fl_l" itemprop="gender">Пол:</div>
<div class="labeled"><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></div>
</div>
</xen:if>
<xen:if is="{$birthday}">
<div class="clear_fix profile_info_row">
<div class="label fl_l">День рождения:</div>
<div class="labeled">{xen:date $birthday.timeStamp, $birthday.format} <xen:if is="{$birthday.age}">({xen:phrase age}: {xen:number $birthday.age})</xen:if></div>
</div>
</xen:if>
<xen:if is="{$user.homepage}">
<div class="clear_fix profile_info_row">
<div class="label fl_l">{xen:phrase home_page}:</div>
<a href="{xen:string censor, $user.homepage, 'x'}" rel="nofollow" target="_blank">{xen:string censor, $user.homepage}</a>
</div>
</xen:if>
<xen:if is="{$user.location}">
<div class="label fl_l">{xen:phrase location}:</div>
<a href="{xen:link 'misc/location-info', '', 'location={xen:string censor, $user.location, '-'}'}" target="_blank" rel="nofollow" itemprop="address" class="concealed">{xen:string censor, $user.location}</a>
</div>
</xen:if>
</div>
</div>
<div class="counts_module">
<a class="page_counter" href="{xen:link 'members/following', $user}" class="count OverlayTrigger">
<div class="count">{xen:number $followingCount}</div>
<div class="label muted">подписок</div>
</a>
<a class="page_counter" href="{xen:link 'members/followers', $user}" class="count OverlayTrigger">
<div class="count">{xen:number $followersCount}</div>
<div class="label muted">подписчиков</div>
</a>
<span class="page_counter">
<div class="count">{xen:number $user.message_count}</div>
<div class="label muted">сообщений</div>
</span>
<span class="page_counter">
<div class="count">{xen:number $user.like_count}</div>
<div class="label muted">симпатий</div>
</span>
<span class="page_counter">
<div class="count">{xen:number $user.trophy_points}</div>
<div class="label muted">трофеев</div>
</span>
</div>
</div>
</xen:if>
</div>
<div class="member_tabs">
<ul class="tabs mainTabs Tabs" data-panes="#ProfilePanes > li" data-history="on">
<li><a href="{$requestPaths.requestUri}#profilePosts">{xen:phrase profile_posts}</a></li>
<xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity">{xen:phrase recent_activity}</a></li></xen:if>
<li><a href="{$requestPaths.requestUri}#postings">{xen:phrase postings}</a></li>
<li><a href="{$requestPaths.requestUri}#info">{xen:phrase information}</a></li>
<xen:if is="{$warningCount}"><li><a href="{$requestPaths.requestUri}#warnings">{xen:phrase warnings} ({xen:number $warningCount})</a></li></xen:if>
<xen:hook name="member_view_tabs_heading" params="{xen:array 'user={$user}'}" />
</ul>
</div>
<ul id="ProfilePanes">
<li id="profilePosts" class="profileContent">
<xen:if is="{$canViewProfilePosts}">
<xen:require css="message_simple.css" />
<xen:if is="{$canPostOnProfile}">
<form action="{xen:link members/post, $user}" method="post"
class="messageSimple profilePoster AutoValidator primaryContent" id="ProfilePoster"
data-optInOut="optIn">
<xen:avatar user="$visitor" size="s" img="true" />
<div class="messageInfo">
<xen:if is="{$visitor.user_id} == {$user.user_id}">
<textarea name="message" class="textCtrl StatusEditor UserTagger Elastic" placeholder="{xen:phrase update_your_status}..." rows="3" cols="50" data-statusEditorCounter="#statusEditorCounter"></textarea>
<xen:else />
<textarea name="message" class="textCtrl UserTagger Elastic" placeholder="{xen:phrase write_something}..." rows="3" cols="50"></textarea>
</xen:if>
<div class="submitUnit">
<span id="statusEditorCounter" title="{xen:phrase characters_remaining}"></span>
<input type="submit" class="button primary" value="{xen:phrase post_verb}" accesskey="s" />
<input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
</div>
</div>
</form>
</xen:if>
<xen:include template="ad_member_view_above_messages" />
<form action="{xen:link 'inline-mod/profile-post/switch'}" method="post"
class="InlineModForm section"
data-cookieName="profilePosts"
data-controls="#InlineModControls"
data-imodOptions="#ModerationSelect option">
<ol class="messageSimpleList" id="ProfilePostList">
<xen:if is="{$profilePosts}">
<xen:foreach loop="$profilePosts" value="$profilePost">
<xen:if is="{$profilePost.isDeleted}">
<xen:include template="profile_post_deleted" />
<xen:else />
<xen:include template="profile_post" />
</xen:if>
</xen:foreach>
<xen:else />
<li class="not-found-block">
<i class="fa fa-newspaper-o not-found-icon" aria-hidden="true"></i>
На стене пока нет ни одного сообщения</li>
</xen:if>
</ol>
<xen:if is="{$inlineModOptions}">
<div class="sectionFooter InlineMod Hide">
<label for="ModerationSelect">{xen:phrase perform_action_with_selected_posts}...</label>
<xen:include template="inline_mod_controls_profile_post" />
</div>
</xen:if>
<div class="pageNavLinkGroup">
<div class="linkGroup SelectionCountContainer"></div>
<div class="linkGroup"{xen:if '!{$ignoredNames}', ' style="display: none"'}><a href="javascript:" class="muted JsOnly DisplayIgnoredContent Tooltip" title="{xen:phrase show_hidden_content_by_x, "names={xen:helper implode, $ignoredNames, ', '}"}">{xen:phrase show_ignored_content}</a></div>
<xen:pagenav link="members" linkdata="{$user}" page="{$page}" perpage="{$profilePostsPerPage}" total="{$totalProfilePosts}" />
</div>
<input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
</form>
<xen:else />
<div id="NoProfilePosts">{xen:phrase there_no_messages_on_xs_profile_yet, 'name={$user.username}'}</div>
</xen:if>
</li>
<xen:if is="{$showRecentActivity}">
<li id="recentActivity" class="profileContent" data-loadUrl="{xen:link members/recent-activity, $user}">
<span class="JsOnly">{xen:phrase loading}...</span>
<noscript><a href="{xen:link members/recent-activity, $user}">{xen:phrase view}</a></noscript>
</li>
</xen:if>
<li id="postings" class="profileContent" data-loadUrl="{xen:link members/recent-content, $user}">
<span class="JsOnly">{xen:phrase loading}...</span>
<noscript><a href="{xen:link members/recent-content, $user}">{xen:phrase view}</a></noscript>
</li>
<li id="info" class="profileContent">
<xen:if hascontent="true">
<div class="section">
<h3 class="textHeading">{xen:phrase about}</h3>
<div class="primaryContent">
<xen:contentcheck>
<xen:if hascontent="true">
<div class="pairsColumns aboutPairs">
<xen:contentcheck>
<xen:if is="{$user.gender}">
<dl><dt>{xen:phrase gender}:</dt> <dd><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></dd></dl>
</xen:if>
<xen:if is="{$birthday}">
<dl><dt>{xen:phrase birthday}:</dt> <dd>{xen:date $birthday.timeStamp, $birthday.format} <xen:if is="{$birthday.age}">({xen:phrase age}: {xen:number $birthday.age})</xen:if></dd></dl>
</xen:if>
<xen:if is="{$user.homepage}">
<dl><dt>{xen:phrase home_page}:</dt> <dd><a href="{xen:string censor, $user.homepage, 'x'}" rel="nofollow" target="_blank">{xen:string censor, $user.homepage}</a></dd></dl>
</xen:if>
<xen:if is="{$user.location}">
<dl><dt>{xen:phrase location}:</dt> <dd><a href="{xen:link 'misc/location-info', '', 'location={xen:string censor, $user.location, '-'}'}" target="_blank" rel="nofollow" itemprop="address" class="concealed">{xen:string censor, $user.location}</a></dd></dl>
</xen:if>
<xen:if is="{$user.occupation}">
<dl><dt>{xen:phrase occupation}:</dt> <dd>{xen:string censor, $user.occupation}</dd></dl>
</xen:if>
<xen:if is="{$customFieldsGrouped.personal}">
<xen:foreach loop="$customFieldsGrouped.personal" value="$field">
<xen:include template="custom_field_view" />
</xen:foreach>
</xen:if>
</xen:contentcheck>
</div>
</xen:if>
<xen:if is="{$user.about}"><div class="baseHtml ugc">{xen:raw $user.aboutHtml}</div></xen:if>
</xen:contentcheck>
</div>
</div>
</xen:if>
<div class="section">
<h3 class="textHeading">{xen:phrase interact}</h3>
<div class="primaryContent">
<div class="pairsColumns contactInfo">
<dl>
<dt>{xen:phrase content}:</dt>
<dd><ul>
<xen:hook name="member_view_search_content_types">
<li><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" rel="nofollow">{xen:phrase find_all_content_by_x, 'name={$user.username}'}</a></li>
<li><a href="{xen:link search/member, '', 'user_id={$user.user_id}', 'content=thread'}" rel="nofollow">{xen:phrase find_all_threads_by_x, 'name={$user.username}'}</a></li>
</xen:hook>
</ul></dd>
</dl>
<xen:if is="{$canStartConversation}">
<dl><dt>{xen:phrase conversation}:</dt> <dd><a href="{xen:link 'conversations/add', '', 'to={$user.username}'}">{xen:phrase start_conversation}</a></dd></dl>
</xen:if>
<xen:if is="{$customFieldsGrouped.contact}">
<xen:foreach loop="$customFieldsGrouped.contact" value="$field">
<xen:include template="custom_field_view" />
</xen:foreach>
</xen:if>
</div>
</div>
</div>
<xen:if is="{$user.signature}">
<xen:if hascontent="true">
<div class="section">
<h3 class="textHeading">{xen:phrase signature}</h3>
<div class="primaryContent">
<div class="baseHtml signature ugc"><xen:contentcheck>{xen:raw $user.signatureHtml}</xen:contentcheck></div>
</div>
</div>
</xen:if>
</xen:if>
</li>
<xen:if is="{$warningCount}">
<li id="warnings" class="profileContent" data-loadUrl="{xen:link members/warnings, $user}">
{xen:phrase loading}...
<noscript><a href="{xen:link members/warnings, $user}">{xen:phrase view}</a></noscript>
</li>
</xen:if>
<xen:hook name="member_view_tabs_content" params="{xen:array 'user={$user}'}" />
</ul>
</div>
</div>
.darkBackground {
background: #101010;
padding: 15px;
}
#page_info_wrap {
padding: 15px 20px;
}
.page_top {
padding: 0 0 15px;
border-bottom: 1px solid #202020;
}
.page-name {
font-size: 19px;
line-height: 25px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
margin: -1px 0;
overflow: hidden;
text-overflow: ellipsis;
}
.page_current_info {
padding: 3px 0 1px;
}
.current-text {
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
}
.profile_online {
border-bottom: none;
font-size: 1em;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
margin: 0;
padding: 0;
float: right;
font-size: 12.5px;
margin-top: 5px;
line-height: 18px;
text-align: center;
}
.profile_info_row {
padding-top: 5px;
}
.profile_info_short {
padding-top: 10px;
line-height: 150%;
margin-bottom: 10px;
}
.profile_info .label {
float: left;
width: 165px;
color: #828282;
}
.profile_info .labeled {
overflow: hidden;
}
.profile_more_info_link.profile_more_info_link {
display: block;
padding-left: 165px;
margin: 10px 0 -5px;
border-radius: 2px;
height: 34px;
line-height: 32px;
}
.info_shown .profile_label_more, .profile_label_less {
display: none;
}
.module_header .header_top {
height: 32px;
line-height: 40px;
overflow: hidden;
padding: 0 15px;
margin: 0;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
font-size: 12.5px;
letter-spacing: 0;
outline: none;
}
.module_header {
display: block;
}
.module_header .header_count {
color: #939393;
padding: 0 6px;
}
.people_module .module_body {
padding: 6px 10px 8px;
overflow: hidden;
}
.people_module .people_row {
width: 210px;
overflow: hidden;
}
.module_body .people_cell {
float: left;
width: 70px;
overflow: hidden;
padding: 6px 0 5px;
text-align: center;
}
.module_body .people_cell_ava {
display: block;
height: 50px;
width: 50px;
margin: 0 10px;
padding-bottom: 7px;
}
.module_body .people_cell_name {
line-height: 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.clear {
float: none;
clear: both;
}
em.userBanner {
font-size: 13px;
display: block;
margin-top: 5px;
}
.dottes-style {
font-size: 19px;
letter-spacing: -1.5px;
line-height: 0;
}
.not-found-block {
text-align: center;
padding: 40px 0;
color: rgb(156, 156, 156)
}
.not-found-block .not-found-icon {
display: block;
font-size: 90px;
margin: 0 0 15px;
}
.buttons_after_avatar {
margin: 10px 0 0
}
.buttons_after_avatar a {
margin: 0 0 8px;
}
#followButton {
width: 149px;
margin-right: 8px;
float: left;
}
.otherActionsPopup {
display: inline-block;
padding: 0 9px;
line-height: 27px;
font-weight: bolder;
}
.moderatorToolsPopup .arrowWidget, .otherActionsPopup .arrowWidget {
display: none
}
.aboutme {
padding: 10px 0 0 10px;
}
.avatarHeap ol {
width: 264px;
margin: 0 auto;
}
.avatarHeap li {
height: 70px;
overflow: hidden;
}
.avatarHeap li .avatar {
padding: 0 7px
}
.topblock {
text-align: center
}
h1 {
font-size: 16px;
font-weight: bold;
margin: 8px 0 0;
}
.titleblock {
font-weight: bold;
font-size: 16px;
color: rgb(66, 123, 179);
border-bottom: 1px solid #252525;
line-height: 32px;
}
.profilePage { zoom: 1; } .profilePage:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.infoBlock dl {
margin: 3px 0 0;
padding: 5px 0;
}
.profilePage .mast
{
float: left;
width: 230px;
}
.profilePage .mainProfileColumn
{
margin: 0 0 0 245px;
zoom: 1;
}
a.moreFollowers {
color:rgb(66, 123, 179);
float: right
}
.profilePage .mast .section {
background: #101010;
padding: 0;
overflow: hidden;
}
.module_separator {
height: 1px;
background: rgb(32, 32, 32);
}
.profilePage .mast .sectionFooter
{
text-align: center;
margin: 12px auto;
}
.profilePage .mast .sectionFooter a {
width: 130px
}
.profilePage .mast .followBlocks .primaryContent.avatarHeap
{
font-size: 12px;
padding: 10px 0;
height:66px;
background: none;
}
.profilePage .mast .section.infoBlock .primaryContent,
.profilePage .mast .section.infoBlock .secondaryContent
{
overflow: hidden;
}
.profilePage .mast .section.infoBlock .primaryContent:last-child,
.profilePage .mast .section.infoBlock .secondaryContent:last-child
{
border: none;
background: none
}
.profilePage .infoBlock .dob,
.profilePage .infoBlock .age
{
white-space: nowrap;
}
.profilePage .mast .shareControl
{
margin-top: 10px;
}
.profilePage .mast .sharePage iframe
{
width: 160px;
height: 20px;
}
/** [ Items...........(count) ] **/
.textWithCount
{
overflow: hidden; zoom: 1;
}
.textWithCount .text
{
float: left;
font-weight: 700
}
.textWithCount .count
{
float: right;
}
.textWithCount.subHeading .count
{
margin: -5px -5px;
padding: 5px 7px;
background: rgb(63, 70, 73);
}
.profilePage .primaryUserBlock .mainText
{
padding-bottom: 36px;
}
.profilePage .primaryUserBlock .followBlock
{
float: right;
font-size: 11px;
text-align: right;
}
.profilePage .primaryUserBlock .followBlock li
{
float: right;
margin-left: 10px;
}
.profilePage .primaryUserBlock .followBlock .muted
{
font-size: 10px;
clear: both;
}
.profilePage .primaryUserBlock h1
{
font-size: 16px;
}
.profilePage .primaryUserBlock .userBlurb
{
margin-bottom: 5px;
}
.profilePage .primaryUserBlock .userBanners .userBanner
{
display: inline-block;
margin-bottom: 5px;
}
.profilePage .primaryUserBlock .userStatus .DateTime
{
color: rgb(156, 156, 156);
}
.profilePage .primaryUserBlock .primaryContent,
.profilePage .primaryUserBlock .secondaryContent
{
padding-left: 10px;
border: none;
}
.profilePage .moderatorToolsPopup.Popup .PopupControl.PopupOpen
{
background-image: none;
}
.profilePage .tabs.mainTabs
{
min-height: 23px;
height: auto;
position: relative; /* ensure separate stacking context from .mainText */
background: ;
}
.profilePage .tabs.mainTabs li a
{
padding: 0 15px;
line-height: 26px;
height: 26px;
@property "/profilePageTab";
}
.profilePage .tabs.mainTabs li.active a
{
color: rgb(224, 224, 224);
box-shadow: inset 0px -3px 0px 0px rgb(66, 123, 179);
}
.profileContent .aboutme:first-child {
margin-top:20px
}
#info .primaryContent {
border: none;
}
#info .titleblock {
border: none;
}
.profilePage .profilePoster
{
position: relative;
padding: 10px 20px;
}
.profilePage .profilePoster textarea
{
height: 48px;
width: 100%;
box-sizing: border-box;
*width: 98%;
resize: vertical;
}
.profilePage .profilePoster .submitUnit
{
margin-top: 5px;
text-align: right;
}
.profilePage .profileContent .InlineMod
{
overflow: hidden; zoom: 1;
}
.contactInfo,
.aboutPairs
{
max-width: 500px;
}
.contactInfo dl,
.aboutPairs dl
{
margin-bottom: 5px;
}
.contactInfo dt,
.aboutPairs dt
{
width: 30%;
}
.contactInfo dd,
.aboutPairs dd
{
width: 68%;
}
.aboutPairs
{
margin-bottom: 1em;
}
.signature
{
font-size: 13px;
line-height: 1.4;
}
@media (max-width:610px)
{
.Responsive .profilePage
{
display: table;
table-layout: fixed;
width: 100%;
box-sizing: border-box;
}
.Responsive .profilePage .mast
{
display: table-footer-group;
float: none;
padding-right: 0;
border-right: none;
margin: 0 auto;
margin-top: 10px;
}
.Responsive .profilePage .avatarScaler
{
text-align: center;
}
.Responsive .profilePage .mast .sharePage
{
display: none;
}
.Responsive .profilePage .profileContent
{
margin-left: 0;
}
.Responsive .profilePage .mainProfileColumn
{
display: table-header-group;
margin-left: 0;
border-left: none;
border-bottom: 1px solid rgb(71, 97, 117);
padding-bottom: 10px;
}
.Responsive .profilePage .mast > *
{
max-width: 192px;
margin-left: auto;
margin-right: auto;
}
.Responsive .warningList .warningName
{
width: 30%;
}
}
@media (max-width:480px)
{
.Responsive .warningList .warningExpiry
{
display: none;
}
.Responsive .warningList .warningName
{
width: 40%;
}
}
@media (max-width:340px)
{
.Responsive .profilePage .mast > *
{
max-width: none;
}
}
.page_counter {
display: inline-block;
padding: 15px;
}
.counts_module {
text-align: center;
border-top: 1px solid rgb(32, 32, 32);
max-height: 69px;
overflow: hidden;
}
.page_counter .count {
font-size: 19px;
color: rgb(66, 123, 179);
padding-bottom: 3px;
line-height: 21px;
}
.page_counter .label {
line-height: 15px;
}
.member_tabs {
margin: 20px 0 0;
background: #101010;
padding: 0px 10px;
border-bottom: 1px solid rgb(32, 32, 32);
}
.profilePage .tabs.mainTabs li a {
padding: 0 15px;
line-height: 46px;
height: 46px;
color: rgb(156, 156, 156);
}
.tabs li a, .tabs.noLinks li {
color: rgb(234, 234, 234);
text-decoration: none;
padding: 0 8px;
margin-right: 3px;
margin-bottom: -1px;
display: inline-block;
line-height: 24px;
cursor: pointer;
outline: 0 none;
white-space: nowrap;
word-wrap: normal;
height: 24px;
}
.profilePage .tabs.mainTabs li a:hover
{
text-decoration: none;
box-shadow: inset 0px -3px 0px 0px rgb(156, 156, 156);
}
.profilePage .tabs.mainTabs li.active a
{
box-shadow: inset 0px -3px 0px 0px rgb(66, 123, 179);
}
.profileContent .aboutme:first-child {
margin-top:20px
}
Не получилосьЗаменить содержимое member_view на
Заменить содержимое member_view.css наКод:<xen:title>{$user.username}</xen:title> <xen:h1></xen:h1> <xen:comment>H1 empty, do not render.</xen:comment> <xen:container var="$head.canonical"> <link rel="canonical" href="{xen:link 'canonical:members', $user, 'page={$page}'}" /></xen:container> <xen:container var="$head.description"> <meta name="description" content="{xen:phrase x_is_a_y_at_z, 'name={$user.username}', 'title={xen:helper stripHtml, {xen:helper usertitle, $user}}', 'location={$xenOptions.boardTitle}'}" /></xen:container> <xen:container var="$head.openGraph"><xen:include template="open_graph_meta"> <xen:set var="$url">{xen:link 'canonical:members', $user}</xen:set> <xen:set var="$title">{$user.username}</xen:set> <xen:set var="$description">{xen:phrase x_is_a_y_at_z, 'name={$user.username}', 'title={xen:helper stripHtml, {xen:helper usertitle, $user}}', 'location={$xenOptions.boardTitle}'}</xen:set> <xen:set var="$avatar">{xen:helper avatar, $user, 'm', '', 'true'}</xen:set> <xen:set var="$ogType">profile</xen:set> <xen:set var="$ogExtraHtml"> <meta property="profile:username" content="{$user.username}" /> <xen:if is="{$user.gender}"><meta property="profile:gender" content="{$user.gender}" /></xen:if> </xen:set> </xen:include></xen:container> <xen:navigation> <xen:breadcrumb href="{xen:link full:members, $user}">{$user.username}</xen:breadcrumb> </xen:navigation> <xen:require css="member_view.css" /> <xen:require js="js/xenforo/quick_reply_profile.js" /> <div class="profilePage" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person"> <div class="mast"> <div class="topblock darkBackground"> <div class="avatarScaler"> <xen:if is="{$visitor.user_id} == {$user.user_id}"> <a class="Av{$user.user_id}l OverlayTrigger" href="{xen:link account/avatar}"> <img src="{xen:helper avatar, $user, l, '', true}" alt="{$user.username}" style="{xen:helper avatarCropCss, $user}" itemprop="photo" /> <xen:if hascontent="true"> <div class="userBanners"> <xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck> </div> </xen:if> </div> <div class="buttons_after_avatar"> <a href="/account/personal-details" class="button block">Редактировать</a> </div> <xen:else /> <span> <a class="Av{$user.user_id}l OverlayTrigger" href="{xen:link account/avatar}"> <img src="{xen:helper avatar, $user, l, '', true}" alt="{$user.username}" style="{xen:helper avatarCropCss, $user}" itemprop="photo" /> </span> <xen:if hascontent="true"> <div class="userBanners"> <xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck> </div> </xen:if> </div> <div class="buttons_after_avatar"> <a href="/conversations/add?to={$user.username}" class="button primary block">Написать</a> <xen:follow user="$user" class="FollowLink button block" title="" id="followButton">Подписаться</a></xen:follow> <div class="button Popup otherActionsPopup"> <a rel="Menu" class="dottes-style PopupControl">. . .<span class="arrowWidget"></span></a> <div class="Menu"> <ul class="secondaryContent blockLinksList"> <a href="members/{$user.user_id}/ignore" class="FollowLink">Игнорировать</a> <a href="members/{$user.user_id}/report" class="OverlayTrigger">Пожаловаться</a> </ul> </div> </div> </div> </xen:if> </div> <xen:hook name="member_view_sidebar_middle1" params="{xen:array 'user={$user}'}" /> <xen:if is="{$following} OR {$followers}"> <div class="darkBackground section"> <xen:if is="{$following}"> <div class="module clear people_module"> <a href="{xen:link 'members/following', $user}" class="module_header"> <h3 class="header_top clear_fix"> <span class="header_label fl_l">Подписки</span> </span> <span class="muted header_count fl_l">{xen:number $followingCount}</span> </h3> </a> <div class="primaryContent avatarHeap"> <ol> <xen:foreach loop="$following" key="$followUserId" value="$followUser"> <li> <xen:avatar user="$followUser" size="s" text="{$followUser.username}" class="Tooltip" title="{$followUser.username}" itemprop="contact" /> </li> </xen:foreach> </ol> </div> </div> </xen:if> <div class="module_separator"> </div> <xen:if is="{$followers}"> <div class="module clear people_module"> <a href="{xen:link 'members/followers', $user}" class="module_header"> <h3 class="header_top clear_fix"> <span class="header_label fl_l">Подписчики</span> <span class="muted header_count fl_l">{xen:number $followersCount}</span> </h3> </a> <div class="primaryContent avatarHeap"> <ol> <xen:foreach loop="$followers" key="$followUserId" value="$followUser"> <li> <xen:avatar user="$followUser" size="s" text="{$followUser.username}" text="{$followUser.username}" itemprop="contact" /> </li> </xen:foreach> </ol> </div> </div> </xen:if> </div> </xen:if> <xen:hook name="member_view_sidebar_middle2" params="{xen:array 'user={$user}'}" /> <xen:if is="{$user.allow_view_profile} == 'everyone'"> <xen:include template="sidebar_share_page"> <xen:set var="$url">{xen:link canonical:members, $user}</xen:set> </xen:include> </xen:if> <xen:hook name="member_view_sidebar_end" params="{xen:array 'user={$user}'}" /> <xen:include template="ad_member_view_sidebar_bottom" /> </div> <div class="mainProfileColumn"> <div class="section primaryUserBlock"> <div class="mainText secondaryContent"> <div class="followBlock"> <xen:if hascontent="true"> <ul> <xen:contentcheck> <xen:if hascontent="true"> <li><div class="Popup moderatorToolsPopup"> <a rel="Menu">{xen:phrase moderator_tools}</a> <div class="Menu"> <div class="primaryContent menuHeader"><h3>{xen:phrase moderator_tools}</h3></div> <ul class="secondaryContent blockLinksList"> <xen:contentcheck> <xen:if is="{$canWarn}"> <li><a href="{xen:link members/warn, $user}">{xen:phrase warn}</a></li> </xen:if> <xen:if is="{$canCleanSpam}"> <li><a href="{xen:link spam-cleaner, $user, 'noredirect=1'}" class="deleteSpam OverlayTrigger">{xen:phrase spam}</a></li> </xen:if> <xen:if is="{$canViewIps}"> <li><a href="{xen:link members/shared-ips, $user}" class="OverlayTrigger">{xen:phrase shared_ips}</a></li> </xen:if> <xen:if is="{$canBanUsers}"> <xen:if is="{$user.is_banned}"> <li><a href="{xen:adminlink banning/users/lift, $user}">{xen:phrase lift_ban}</a></li> <xen:else /> <li><a href="{xen:adminlink banning/users/add, $user}">{xen:phrase ban}</a></li> </xen:if> </xen:if> <xen:if is="{$canEditUser}"> <li><a href="{xen:link members/edit, $user}">{xen:phrase edit}</a></li> </xen:if> </xen:contentcheck> </ul> </div> </div></li> </xen:if> </xen:contentcheck> </ul> </xen:if> <xen:if is="{$visitor.user_id} AND {$user.user_id} != {$visitor.user_id}"> </xen:if> </div> <xen:if is="{$canViewOnlineStatus}"> <div class="darkBackground"> <div id="page_info_wrap"> <div class="page_top"> <h4 class="profile_online muted"> <xen:if is="{$user.activity} AND {$canViewCurrentActivity}"> <xen:if is="{$user.activity.description}"> {$user.activity.description}<xen:if is="{$user.activity.itemTitle}"> <em><a href="{$user.activity.itemUrl}" class="concealed">{$user.activity.itemTitle}</a></em></xen:if>, <xen:else /> {xen:phrase viewing_unknown_page}, </xen:if> <xen:datetime time="{$user.effective_last_activity}" class="muted" /> <xen:else /> <xen:datetime time="{$user.effective_last_activity}" /> </xen:if> </h4> <h1 itemprop="name" class="username">{xen:helper richUserName, $user}</h1> <div class="page_current_info" id="page_current_info"> <div class="page_current_info" id="page_current_info"> <span class="current_text">{xen:helper userStatus, $user}</span> </div> </div> </div> <div class="profile_info profile_info_short" id="profile_short"> <div class="pairsJustified"> <div class="clear_fix profile_info_row"> <div class="label fl_l">Регистрация:</div> <div class="labeled">{xen:date $user.register_date}</div> </div> <xen:if is="{$user.gender}"> <div class="clear_fix profile_info_row"> <div class="label fl_l" itemprop="gender">Пол:</div> <div class="labeled"><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></div> </div> </xen:if> <xen:if is="{$birthday}"> <div class="clear_fix profile_info_row"> <div class="label fl_l">День рождения:</div> <div class="labeled">{xen:date $birthday.timeStamp, $birthday.format} <xen:if is="{$birthday.age}">({xen:phrase age}: {xen:number $birthday.age})</xen:if></div> </div> </xen:if> <xen:if is="{$user.homepage}"> <div class="clear_fix profile_info_row"> <div class="label fl_l">{xen:phrase home_page}:</div> <a href="{xen:string censor, $user.homepage, 'x'}" rel="nofollow" target="_blank">{xen:string censor, $user.homepage}</a> </div> </xen:if> <xen:if is="{$user.location}"> <div class="label fl_l">{xen:phrase location}:</div> <a href="{xen:link 'misc/location-info', '', 'location={xen:string censor, $user.location, '-'}'}" target="_blank" rel="nofollow" itemprop="address" class="concealed">{xen:string censor, $user.location}</a> </div> </xen:if> </div> </div> <div class="counts_module"> <a class="page_counter" href="{xen:link 'members/following', $user}" class="count OverlayTrigger"> <div class="count">{xen:number $followingCount}</div> <div class="label muted">подписок</div> </a> <a class="page_counter" href="{xen:link 'members/followers', $user}" class="count OverlayTrigger"> <div class="count">{xen:number $followersCount}</div> <div class="label muted">подписчиков</div> </a> <span class="page_counter"> <div class="count">{xen:number $user.message_count}</div> <div class="label muted">сообщений</div> </span> <span class="page_counter"> <div class="count">{xen:number $user.like_count}</div> <div class="label muted">симпатий</div> </span> <span class="page_counter"> <div class="count">{xen:number $user.trophy_points}</div> <div class="label muted">трофеев</div> </span> </div> </div> </xen:if> </div> <div class="member_tabs"> <ul class="tabs mainTabs Tabs" data-panes="#ProfilePanes > li" data-history="on"> <li><a href="{$requestPaths.requestUri}#profilePosts">{xen:phrase profile_posts}</a></li> <xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity">{xen:phrase recent_activity}</a></li></xen:if> <li><a href="{$requestPaths.requestUri}#postings">{xen:phrase postings}</a></li> <li><a href="{$requestPaths.requestUri}#info">{xen:phrase information}</a></li> <xen:if is="{$warningCount}"><li><a href="{$requestPaths.requestUri}#warnings">{xen:phrase warnings} ({xen:number $warningCount})</a></li></xen:if> <xen:hook name="member_view_tabs_heading" params="{xen:array 'user={$user}'}" /> </ul> </div> <ul id="ProfilePanes"> <li id="profilePosts" class="profileContent"> <xen:if is="{$canViewProfilePosts}"> <xen:require css="message_simple.css" /> <xen:if is="{$canPostOnProfile}"> <form action="{xen:link members/post, $user}" method="post" class="messageSimple profilePoster AutoValidator primaryContent" id="ProfilePoster" data-optInOut="optIn"> <xen:avatar user="$visitor" size="s" img="true" /> <div class="messageInfo"> <xen:if is="{$visitor.user_id} == {$user.user_id}"> <textarea name="message" class="textCtrl StatusEditor UserTagger Elastic" placeholder="{xen:phrase update_your_status}..." rows="3" cols="50" data-statusEditorCounter="#statusEditorCounter"></textarea> <xen:else /> <textarea name="message" class="textCtrl UserTagger Elastic" placeholder="{xen:phrase write_something}..." rows="3" cols="50"></textarea> </xen:if> <div class="submitUnit"> <span id="statusEditorCounter" title="{xen:phrase characters_remaining}"></span> <input type="submit" class="button primary" value="{xen:phrase post_verb}" accesskey="s" /> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> </div> </div> </form> </xen:if> <xen:include template="ad_member_view_above_messages" /> <form action="{xen:link 'inline-mod/profile-post/switch'}" method="post" class="InlineModForm section" data-cookieName="profilePosts" data-controls="#InlineModControls" data-imodOptions="#ModerationSelect option"> <ol class="messageSimpleList" id="ProfilePostList"> <xen:if is="{$profilePosts}"> <xen:foreach loop="$profilePosts" value="$profilePost"> <xen:if is="{$profilePost.isDeleted}"> <xen:include template="profile_post_deleted" /> <xen:else /> <xen:include template="profile_post" /> </xen:if> </xen:foreach> <xen:else /> <li class="not-found-block"> <i class="fa fa-newspaper-o not-found-icon" aria-hidden="true"></i> На стене пока нет ни одного сообщения</li> </xen:if> </ol> <xen:if is="{$inlineModOptions}"> <div class="sectionFooter InlineMod Hide"> <label for="ModerationSelect">{xen:phrase perform_action_with_selected_posts}...</label> <xen:include template="inline_mod_controls_profile_post" /> </div> </xen:if> <div class="pageNavLinkGroup"> <div class="linkGroup SelectionCountContainer"></div> <div class="linkGroup"{xen:if '!{$ignoredNames}', ' style="display: none"'}><a href="javascript:" class="muted JsOnly DisplayIgnoredContent Tooltip" title="{xen:phrase show_hidden_content_by_x, "names={xen:helper implode, $ignoredNames, ', '}"}">{xen:phrase show_ignored_content}</a></div> <xen:pagenav link="members" linkdata="{$user}" page="{$page}" perpage="{$profilePostsPerPage}" total="{$totalProfilePosts}" /> </div> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> </form> <xen:else /> <div id="NoProfilePosts">{xen:phrase there_no_messages_on_xs_profile_yet, 'name={$user.username}'}</div> </xen:if> </li> <xen:if is="{$showRecentActivity}"> <li id="recentActivity" class="profileContent" data-loadUrl="{xen:link members/recent-activity, $user}"> <span class="JsOnly">{xen:phrase loading}...</span> <noscript><a href="{xen:link members/recent-activity, $user}">{xen:phrase view}</a></noscript> </li> </xen:if> <li id="postings" class="profileContent" data-loadUrl="{xen:link members/recent-content, $user}"> <span class="JsOnly">{xen:phrase loading}...</span> <noscript><a href="{xen:link members/recent-content, $user}">{xen:phrase view}</a></noscript> </li> <li id="info" class="profileContent"> <xen:if hascontent="true"> <div class="section"> <h3 class="textHeading">{xen:phrase about}</h3> <div class="primaryContent"> <xen:contentcheck> <xen:if hascontent="true"> <div class="pairsColumns aboutPairs"> <xen:contentcheck> <xen:if is="{$user.gender}"> <dl><dt>{xen:phrase gender}:</dt> <dd><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></dd></dl> </xen:if> <xen:if is="{$birthday}"> <dl><dt>{xen:phrase birthday}:</dt> <dd>{xen:date $birthday.timeStamp, $birthday.format} <xen:if is="{$birthday.age}">({xen:phrase age}: {xen:number $birthday.age})</xen:if></dd></dl> </xen:if> <xen:if is="{$user.homepage}"> <dl><dt>{xen:phrase home_page}:</dt> <dd><a href="{xen:string censor, $user.homepage, 'x'}" rel="nofollow" target="_blank">{xen:string censor, $user.homepage}</a></dd></dl> </xen:if> <xen:if is="{$user.location}"> <dl><dt>{xen:phrase location}:</dt> <dd><a href="{xen:link 'misc/location-info', '', 'location={xen:string censor, $user.location, '-'}'}" target="_blank" rel="nofollow" itemprop="address" class="concealed">{xen:string censor, $user.location}</a></dd></dl> </xen:if> <xen:if is="{$user.occupation}"> <dl><dt>{xen:phrase occupation}:</dt> <dd>{xen:string censor, $user.occupation}</dd></dl> </xen:if> <xen:if is="{$customFieldsGrouped.personal}"> <xen:foreach loop="$customFieldsGrouped.personal" value="$field"> <xen:include template="custom_field_view" /> </xen:foreach> </xen:if> </xen:contentcheck> </div> </xen:if> <xen:if is="{$user.about}"><div class="baseHtml ugc">{xen:raw $user.aboutHtml}</div></xen:if> </xen:contentcheck> </div> </div> </xen:if> <div class="section"> <h3 class="textHeading">{xen:phrase interact}</h3> <div class="primaryContent"> <div class="pairsColumns contactInfo"> <dl> <dt>{xen:phrase content}:</dt> <dd><ul> <xen:hook name="member_view_search_content_types"> <li><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" rel="nofollow">{xen:phrase find_all_content_by_x, 'name={$user.username}'}</a></li> <li><a href="{xen:link search/member, '', 'user_id={$user.user_id}', 'content=thread'}" rel="nofollow">{xen:phrase find_all_threads_by_x, 'name={$user.username}'}</a></li> </xen:hook> </ul></dd> </dl> <xen:if is="{$canStartConversation}"> <dl><dt>{xen:phrase conversation}:</dt> <dd><a href="{xen:link 'conversations/add', '', 'to={$user.username}'}">{xen:phrase start_conversation}</a></dd></dl> </xen:if> <xen:if is="{$customFieldsGrouped.contact}"> <xen:foreach loop="$customFieldsGrouped.contact" value="$field"> <xen:include template="custom_field_view" /> </xen:foreach> </xen:if> </div> </div> </div> <xen:if is="{$user.signature}"> <xen:if hascontent="true"> <div class="section"> <h3 class="textHeading">{xen:phrase signature}</h3> <div class="primaryContent"> <div class="baseHtml signature ugc"><xen:contentcheck>{xen:raw $user.signatureHtml}</xen:contentcheck></div> </div> </div> </xen:if> </xen:if> </li> <xen:if is="{$warningCount}"> <li id="warnings" class="profileContent" data-loadUrl="{xen:link members/warnings, $user}"> {xen:phrase loading}... <noscript><a href="{xen:link members/warnings, $user}">{xen:phrase view}</a></noscript> </li> </xen:if> <xen:hook name="member_view_tabs_content" params="{xen:array 'user={$user}'}" /> </ul> </div> </div>
P.s., лучше юзать модификацией шаблонов.Код:.darkBackground { background: #101010; padding: 15px; } #page_info_wrap { padding: 15px 20px; } .page_top { padding: 0 0 15px; border-bottom: 1px solid #202020; } .page-name { font-size: 19px; line-height: 25px; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; margin: -1px 0; overflow: hidden; text-overflow: ellipsis; } .page_current_info { padding: 3px 0 1px; } .current-text { line-height: 16px; overflow: hidden; text-overflow: ellipsis; } .profile_online { border-bottom: none; font-size: 1em; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; margin: 0; padding: 0; float: right; font-size: 12.5px; margin-top: 5px; line-height: 18px; text-align: center; } .profile_info_row { padding-top: 5px; } .profile_info_short { padding-top: 10px; line-height: 150%; margin-bottom: 10px; } .profile_info .label { float: left; width: 165px; color: #828282; } .profile_info .labeled { overflow: hidden; } .profile_more_info_link.profile_more_info_link { display: block; padding-left: 165px; margin: 10px 0 -5px; border-radius: 2px; height: 34px; line-height: 32px; } .info_shown .profile_label_more, .profile_label_less { display: none; } .module_header .header_top { height: 32px; line-height: 40px; overflow: hidden; padding: 0 15px; margin: 0; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; font-size: 12.5px; letter-spacing: 0; outline: none; } .module_header { display: block; } .module_header .header_count { color: #939393; padding: 0 6px; } .people_module .module_body { padding: 6px 10px 8px; overflow: hidden; } .people_module .people_row { width: 210px; overflow: hidden; } .module_body .people_cell { float: left; width: 70px; overflow: hidden; padding: 6px 0 5px; text-align: center; } .module_body .people_cell_ava { display: block; height: 50px; width: 50px; margin: 0 10px; padding-bottom: 7px; } .module_body .people_cell_name { line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .clear { float: none; clear: both; } em.userBanner { font-size: 13px; display: block; margin-top: 5px; } .dottes-style { font-size: 19px; letter-spacing: -1.5px; line-height: 0; } .not-found-block { text-align: center; padding: 40px 0; color: rgb(156, 156, 156) } .not-found-block .not-found-icon { display: block; font-size: 90px; margin: 0 0 15px; } .buttons_after_avatar { margin: 10px 0 0 } .buttons_after_avatar a { margin: 0 0 8px; } #followButton { width: 149px; margin-right: 8px; float: left; } .otherActionsPopup { display: inline-block; padding: 0 9px; line-height: 27px; font-weight: bolder; } .moderatorToolsPopup .arrowWidget, .otherActionsPopup .arrowWidget { display: none } .aboutme { padding: 10px 0 0 10px; } .avatarHeap ol { width: 264px; margin: 0 auto; } .avatarHeap li { height: 70px; overflow: hidden; } .avatarHeap li .avatar { padding: 0 7px } .topblock { text-align: center } h1 { font-size: 16px; font-weight: bold; margin: 8px 0 0; } .titleblock { font-weight: bold; font-size: 16px; color: rgb(66, 123, 179); border-bottom: 1px solid #252525; line-height: 32px; } .profilePage { zoom: 1; } .profilePage:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .infoBlock dl { margin: 3px 0 0; padding: 5px 0; } .profilePage .mast { float: left; width: 230px; } .profilePage .mainProfileColumn { margin: 0 0 0 245px; zoom: 1; } a.moreFollowers { color:rgb(66, 123, 179); float: right } .profilePage .mast .section { background: #101010; padding: 0; overflow: hidden; } .module_separator { height: 1px; background: rgb(32, 32, 32); } .profilePage .mast .sectionFooter { text-align: center; margin: 12px auto; } .profilePage .mast .sectionFooter a { width: 130px } .profilePage .mast .followBlocks .primaryContent.avatarHeap { font-size: 12px; padding: 10px 0; height:66px; background: none; } .profilePage .mast .section.infoBlock .primaryContent, .profilePage .mast .section.infoBlock .secondaryContent { overflow: hidden; } .profilePage .mast .section.infoBlock .primaryContent:last-child, .profilePage .mast .section.infoBlock .secondaryContent:last-child { border: none; background: none } .profilePage .infoBlock .dob, .profilePage .infoBlock .age { white-space: nowrap; } .profilePage .mast .shareControl { margin-top: 10px; } .profilePage .mast .sharePage iframe { width: 160px; height: 20px; } /** [ Items...........(count) ] **/ .textWithCount { overflow: hidden; zoom: 1; } .textWithCount .text { float: left; font-weight: 700 } .textWithCount .count { float: right; } .textWithCount.subHeading .count { margin: -5px -5px; padding: 5px 7px; background: rgb(63, 70, 73); } .profilePage .primaryUserBlock .mainText { padding-bottom: 36px; } .profilePage .primaryUserBlock .followBlock { float: right; font-size: 11px; text-align: right; } .profilePage .primaryUserBlock .followBlock li { float: right; margin-left: 10px; } .profilePage .primaryUserBlock .followBlock .muted { font-size: 10px; clear: both; } .profilePage .primaryUserBlock h1 { font-size: 16px; } .profilePage .primaryUserBlock .userBlurb { margin-bottom: 5px; } .profilePage .primaryUserBlock .userBanners .userBanner { display: inline-block; margin-bottom: 5px; } .profilePage .primaryUserBlock .userStatus .DateTime { color: rgb(156, 156, 156); } .profilePage .primaryUserBlock .primaryContent, .profilePage .primaryUserBlock .secondaryContent { padding-left: 10px; border: none; } .profilePage .moderatorToolsPopup.Popup .PopupControl.PopupOpen { background-image: none; } .profilePage .tabs.mainTabs { min-height: 23px; height: auto; position: relative; /* ensure separate stacking context from .mainText */ background: ; } .profilePage .tabs.mainTabs li a { padding: 0 15px; line-height: 26px; height: 26px; @property "/profilePageTab"; } .profilePage .tabs.mainTabs li.active a { color: rgb(224, 224, 224); box-shadow: inset 0px -3px 0px 0px rgb(66, 123, 179); } .profileContent .aboutme:first-child { margin-top:20px } #info .primaryContent { border: none; } #info .titleblock { border: none; } .profilePage .profilePoster { position: relative; padding: 10px 20px; } .profilePage .profilePoster textarea { height: 48px; width: 100%; box-sizing: border-box; *width: 98%; resize: vertical; } .profilePage .profilePoster .submitUnit { margin-top: 5px; text-align: right; } .profilePage .profileContent .InlineMod { overflow: hidden; zoom: 1; } .contactInfo, .aboutPairs { max-width: 500px; } .contactInfo dl, .aboutPairs dl { margin-bottom: 5px; } .contactInfo dt, .aboutPairs dt { width: 30%; } .contactInfo dd, .aboutPairs dd { width: 68%; } .aboutPairs { margin-bottom: 1em; } .signature { font-size: 13px; line-height: 1.4; } @media (max-width:610px) { .Responsive .profilePage { display: table; table-layout: fixed; width: 100%; box-sizing: border-box; } .Responsive .profilePage .mast { display: table-footer-group; float: none; padding-right: 0; border-right: none; margin: 0 auto; margin-top: 10px; } .Responsive .profilePage .avatarScaler { text-align: center; } .Responsive .profilePage .mast .sharePage { display: none; } .Responsive .profilePage .profileContent { margin-left: 0; } .Responsive .profilePage .mainProfileColumn { display: table-header-group; margin-left: 0; border-left: none; border-bottom: 1px solid rgb(71, 97, 117); padding-bottom: 10px; } .Responsive .profilePage .mast > * { max-width: 192px; margin-left: auto; margin-right: auto; } .Responsive .warningList .warningName { width: 30%; } } @media (max-width:480px) { .Responsive .warningList .warningExpiry { display: none; } .Responsive .warningList .warningName { width: 40%; } } @media (max-width:340px) { .Responsive .profilePage .mast > * { max-width: none; } } .page_counter { display: inline-block; padding: 15px; } .counts_module { text-align: center; border-top: 1px solid rgb(32, 32, 32); max-height: 69px; overflow: hidden; } .page_counter .count { font-size: 19px; color: rgb(66, 123, 179); padding-bottom: 3px; line-height: 21px; } .page_counter .label { line-height: 15px; } .member_tabs { margin: 20px 0 0; background: #101010; padding: 0px 10px; border-bottom: 1px solid rgb(32, 32, 32); } .profilePage .tabs.mainTabs li a { padding: 0 15px; line-height: 46px; height: 46px; color: rgb(156, 156, 156); } .tabs li a, .tabs.noLinks li { color: rgb(234, 234, 234); text-decoration: none; padding: 0 8px; margin-right: 3px; margin-bottom: -1px; display: inline-block; line-height: 24px; cursor: pointer; outline: 0 none; white-space: nowrap; word-wrap: normal; height: 24px; } .profilePage .tabs.mainTabs li a:hover { text-decoration: none; box-shadow: inset 0px -3px 0px 0px rgb(156, 156, 156); } .profilePage .tabs.mainTabs li.active a { box-shadow: inset 0px -3px 0px 0px rgb(66, 123, 179); } .profileContent .aboutme:first-child { margin-top:20px }
Результат на стиле Brivium - Zinc
Должно всё получитьсяРезультат на стиле Brivium - Zinc
Мы используем основные cookies для обеспечения работы этого сайта, а также дополнительные cookies для обеспечения максимального удобства пользователя.
Посмотрите дополнительную информацию и настройте свои предпочтения