Chỉnh sửa phần thông tin user (thêm ảnh phía trước )

narutolove · 19/5/13

http://www.vxf.vn/threads/chinh-khu-vuc-thong-tin-thanh-vien-dep.1723/
mình làm theo như gì thì ko được

toàn bộ teamp EXTRA.css

Mã:

.message .messageMeta{ opacity: 0; }
.message:hover .messageMeta{ opacity: 1; }
 
.publicControls .like:before,
.publicControls .unlike:before,
.publicControls .reply:before,
.publicControls .postComment:before{
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url('@imagePath/xenforo/xenfocus/thumb_up.png') no-repeat 50% 50%;
float: left;
margin: 4px 6px -5px -4px !important;
}
 
.publicControls .unlike:before{
background: url('@imagePath/xenforo/xenfocus/thumb_down.png') no-repeat 50% 50%;
}
 
.publicControls .postComment:before,
.publicControls .reply:before{
background: url('@imagePath/xenforo/xenfocus/message_reply.png') no-repeat 50% 50%;
}
 
.message .messageMeta .publicControls .control,
.messageSimple .messageMeta .publicControls .control
{
    @property "messageMetaControl";
    text-decoration: none;
    background-color: #eeeeee;
    padding: 0 13px;
    margin-top: -5px;
    margin-left: 3px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    line-height: 24px;
    text-shadow: #fff 0px 1px 0px;
    @property "/messageMetaControl";
}
 
.top_right_shadow {
background: url(http://xenfocus.com/development/styles/novus/xenforo/xenfocus/page_right_shadow.png) no-repeat;
position: none;
height: 30px;
left: 0px;
width: 490px;
float: right;
z-index:1;
}
 
.top_left_shadow {
background: url(http://xenfocus.com/development/styles/novus/xenforo/xenfocus/page_left_shadow.png) no-repeat;
position: absolute;
height: 30px;
left: 0px;
width: 490px;
z-index:1;
}
 
.cat_right_shadow {
background: url(http://xenfocus.com/development/styles/novus/xenforo/xenfocus/page_right_shadow.png) no-repeat;
position: none;
height: 30px;
left: 0px;
width: 490px;
float: right;
z-index:1;
}
 
.cat_left_shadow {
background: url(http://xenfocus.com/development/styles/novus/xenforo/xenfocus/page_left_shadow.png) no-repeat;
position: absolute;
height: 30px;
width: 490px;
z-index:1;
}
 
 
/*USERGROUP RIBBON ENHANCEMENTS*/
 
 
.icon {
    background-color: transparent;
    background-image: url("styles/images/iconsprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}
 
.span-icon-text {
    margin: -2px 5px 0 0;
}
 
.line-dot-pink {
    background: url("styles/images/line-dot-pink.gif") repeat-x scroll left center transparent;
    height: 1px;
}
 
.icon-register-date {
    background-position: -17px -646px;
}
 
.icon-icon-primary-members, .icon-profile-tab-friends, .icon-gender{
    background-position: 0 -1751px;
}
 
.icon-award {
    background-position: 0 -289px;
}
 
.icon-icon-primary-links {
    background-position: 0 -1734px;
}
 
.icon-message-count {
    background-position: 0 -1037px;
}
 
.icon-like-count {
    background-position: 0 -1377px;
}
 
 
/*USERGROUPRIBBON ENHANCEMENTS*/
 
 
/* ---Hide Help -- */
.navTabs .navTab.help.PopupClosed
{
    display: none;
}
 
.navTabs .forums.Popup .SplitCtrl
{
    display: none;
}
 
 
 
/* Hide Mudim */
 
#mudimPanel {
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
#mudimPanel:hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
 
/* Sticky */
 
.sticky {background:#F4FCFF}
 
/* Remove Breadcrumbs */
 
.forum_list .breadBoxTop {
display: none;
}
 
.forum_list .breadBoxBottom {
display: none;
}
 
.EWRporta_Portal .breadBoxTop {
display: none;
}
 
.EWRporta_Portal .breadBoxBottom {
display: none;
}

Toàn bộ teamp message_user_info

Mã:

<xen:require css="message_user_info.css" />
 
<div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person"> 
<div class="messageUserBlock">
 
              <h3>
            <xen:username user="$user" itemprop="name" rich="true" />
        </h3>
    <xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
        <div class="avatarHolder">
            <span class="helper"></span>
            <xen:avatar user="$user" size="m" />
            <!-- slot: message_user_info_avatar -->
        </div>
    </xen:hook>
 
<xen:if is="!{$isQuickReply}">
    <xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
        <h3 class="userText">
            <xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user}</xen:contentcheck></em></xen:if>
            <!-- slot: message_user_info_text -->
        </h3>
    </xen:hook>
     
    <xen:if hascontent="true">
        <div class="extraUserInfo">
            <xen:contentcheck>
<xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
                <xen:if is="@messageShowRegisterDate">
 
                    <dl class="pairsInline">
                        <dd><span class="icon span-icon-text icon-register-date"></span> {xen:phrase member_since}:
                        {xen:date $user.register_date}</dd>
                    </dl>
                <div class="line-dot-pink" style="padding:2px;"></div>
                </xen:if>
     
                <xen:if is="@messageShowMessageCount">
 
                    <dl class="pairsInline">
                        <dd><span class="icon span-icon-text icon-message-count"></span>{xen:phrase message_count}:
                        <a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed">{xen:number $user.message_count}</a></dd>
                    </dl>
                <div class="line-dot-pink" style="padding:2px;"></div>
                </xen:if>
     
                <xen:if is="@messageShowTotalLikes">
                    <dl class="pairsInline">
                        <dd><span class="icon span-icon-text icon-like-count"></span>{xen:phrase likes_received}:
                        {xen:number $user.like_count}</dd>
                    </dl>
                <div class="line-dot-pink" style="padding:2px;"></div>
                </xen:if>
     
                <xen:if is="@messageShowTrophyPoints">
                    <dl class="pairsInline">
                        <dd><span class="icon span-icon-text icon-trophy-points"></span>{xen:phrase trophy_points}:
                        <a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
                    </dl>
                <div class="line-dot-pink" style="padding:2px;"></div>
                </xen:if>
 
                <xen:if is="@messageShowGender AND {$user.gender}">
                    <dl class="pairsInline">
                        <dd><span class="icon span-icon-text icon-gender"></span>{xen:phrase gender}:
                        <itemprop="gender"><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></dd>
                    </dl>
                <div class="line-dot-pink" style="padding:2px;"></div>
                </xen:if>
     
                <xen:if is="@messageShowOccupation AND {$user.occupation}">
                    <dl class="pairsInline">
                        <dd><span class="icon span-icon-text icon-occupation"></span>{xen:phrase occupation}:
                        < itemprop="role">{xen:string censor, $user.occupation}</dd>
                    </dl>
                <div class="line-dot-pink" style="padding:2px;"></div>
                </xen:if>
     
                <xen:if is="@messageShowLocation AND {$user.location}">
                    <dl class="pairsInline">
                        <dd><span class="icon span-icon-text icon-user-location"></span>{xen:phrase location}:
                        <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>
                <div class="line-dot-pink" style="padding:2px;"></div>
                </xen:if>
 
                <xen:if is="@messageShowHomepage AND {$user.homepage}">
                    <dl class="pairsInline">
                        <dd><span class="icon span-icon-text icon-user-location"></span>{xen:phrase home_page}:
                        <a href="{xen:string censor, $user.homepage, '-'}" rel="nofollow" target="_blank" itemprop="url">{xen:string censor, $user.homepage}</a></dd>
                    </dl>
                <div class="line-dot-pink" style="padding:2px;"></div>
                </xen:if>
                 
            </xen:hook>             
            <xen:if is="@messageShowCustomFields AND {$user.customFields}">
            <xen:hook name="message_user_info_custom_fields" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
         
                <xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
                    <xen:if is="{$fieldInfo.viewable_message}">
                        <xen:if hascontent="true">
                            <dl class="pairsInline userField_{$fieldId}">
                                <dt>{xen:helper userFieldTitle, $fieldId}:</dt>
                                <dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
                            </dl>
                        </xen:if>
                    </xen:if>
                </xen:foreach>
             
            </xen:hook>
            </xen:if>
            </xen:contentcheck>
        </div>
    </xen:if>
     
</xen:if>
 
    <span class="arrow"><span></span></span>
</div>
</div>

Ai giúp với

narutolove · 19/5/13

up ai giúp với

Chỉnh sửa phần thông tin user (thêm ảnh phía trước )

narutolove Member

narutolove Member

Chia sẻ trang này

Text Links

Textlink

Thông báo mới nhất