Изменяем стиль "Просмотр профиля"

namester

Сообщения
14
Симпатии
2
Онлайн
0
#1
Снимок экрана (233).png Снимок экрана (234).png
Делал для себя (Взял основу с гугла...) лишнее убрал, новое добавил. Данный вариант не идеален и придется настраивать под себя (Это не сложно). В общем заменяем код шаблонов member_view и member_view.css на тот что ниже. Как доделаю, выложу более менее функциональную версию...
Шаблон: member_view
Код:
<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}/follow" class="FollowLink">Подписаться</a>
                <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:datetime time="{$user.effective_last_activity}" class="muted" /></div>
                                          
                                                </div>
                                                <div class="clear_fix profile_info_row">
                                                    <div class="label fl_l">Последняя активность:</div>
                                                    <div class="labeled"><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></div>
                                          
                                                </div>
                                                <div class="clear_fix profile_info_row">
                                                    <div class="label fl_l">Регистрация:</div>
                                                    <div class="labeled">{xen:date $user.register_date}</div>
                                          
                                                </div>
                                                <div class="clear_fix profile_info_row">
                                                    <div class="label fl_l">Ранг:</div>
                                                    <div class="labeled">{xen:helper userTitle, $user}</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>
                    <a class="page_counter" href="{xen:link 'members/trophies', $user}" class="count OverlayTrigger">
                        <div class="count">{xen:number $user.trophy_points}</div>
                          <div class="label muted">трофеев</div>
                    </a>
                </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>

Шаблон: member_view.css
Код:
.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: auto;
}

.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;
box-shadow: inset 0px 0px black;
}
#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
}
 

UFO

Сообщения
281
Симпатии
78
Онлайн
15d 13ч 11м
#2
<span class="header_label fl_l">Подписчики</span>
<a href="members/{$user.user_id}/follow" class="FollowLink">Подписаться</a> <a href="members/{$user.user_id}/ignore" class="FollowLink">Игнорировать</a> <a href="members/{$user.user_id}/report" class="OverlayTrigger">Пожаловаться</a>
<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>
и т.д.
Для этого же есть фразы..
 

UFO

Сообщения
281
Симпатии
78
Онлайн
15d 13ч 11м
#4
Я скачал в таком виде, так и оставил.
ну а с фразами будет правильнее ( проще сменить фразу в случае чего,чем лезть в шаблоны + мультиязык ). но это вам решать

На примере этого форума- форум вроде как и русский,но сюда приходят много англоговорящих. если бы админ сделал так как показываете вы (а это не плохо так) ,то они бы ничего не поняли,потому что им бы это не перевелось)
 

namester

Сообщения
14
Симпатии
2
Онлайн
0
#5
ну а с фразами будет правильнее ( проще сменить фразу в случае чего,чем лезть в шаблоны + мультиязык ). но это вам решать
Так то вы правы, учту и подредактирую
 

nfffrgr

Сообщения
19
Симпатии
1
Онлайн
4d 19ч 16м
#6
подскажите что за шаблон на скриншотах
 

nfffrgr

Сообщения
19
Симпатии
1
Онлайн
4d 19ч 16м
#8
он здесь есть? что-то не магу найти даже в гугле
 

nfffrgr

Сообщения
19
Симпатии
1
Онлайн
4d 19ч 16м
#10
стиль я имел веду какой на скрине