Chuyển khung thông tin thành viên nằm ngang

Thảo luận trong 'Style & Template Questions' bắt đầu bởi crisvo, 27/4/13.

1votes
5/5, 1 vote

  1. crisvo

    crisvo New Member

    Bài viết:
    27
    Likes :
    2
    Bác nào biết chuyển khung thông tin thành viên nằm ngang thì hướng dẫn hộ em với. Cám ơn các bác trước nhé!
     
    Đang tải...
  2. crisvo

    crisvo New Member

    Bài viết:
    27
    Likes :
    2
    Done!
     
  3. svlamnghiep

    svlamnghiep Member

    Bài viết:
    271
    Likes :
    84
    áp dụng cho bài viết đầu tiên

    1. Vào EXTRA.css thêm đoạn code này vào:
    Mã:
    PHP:
    Mã:
     /*Display Postbit in first post*/.firstPost .messageUserInfo {
     
    float: none;
     
    }
     
    .firstPost .messageUserInfo .messageUserBlock .arrow {
     
    display: none;
     
    }
     
    .firstPost .messageInfo {
     
    margin-left: 5px !important;
     
    margin-top: 10px;
     
    }
     
    .newIndicator {
     
    display: none !important;
     
    }
     
    .firstPost .messageUserInfo {
     
    width: 100% !important;
     
    }
     
    .firstPost .messageUserInfo .messageUserBlock .arrow {
     
    display: none;
     
    }
     
    .firstPost .messageUserBlock {
     
    -moz-border-bottom-colors: none !important;
     
    -moz-border-image: none !important;
     
    -moz-border-left-colors: none !important;
     
    -moz-border-right-colors: none !important;
     
    -moz-border-top-colors: none !important;
     
    background: none repeat scroll 0 0 transparent !important;
     
    border-color: -moz-use-text-color -moz-use-text-color #CDE5F0 !important;
     
    border-style: none none dashed !important;
     
    border-width: 0 0 1px !important;
     
    height: 64px;
     
    }
     
    .firstPost .avatar .img {
     
    margin-left: 0 !important;
     
    }
     
    .firstPost .avatarHolder {
     
    padding: 0 !important;
     
    position: absolute !important;
     
    }
     
    .firstPost .userText {
     
    margin-left: 58px;
     
    position: absolute !important;
     
    top: 18px;
     
    }
     
    .firstPost .tt_share_page {
     
    margin-left: 220px;
     
    position: absolute;
     
    top: 34px;
     
    width: 420px;
     
    }
     
    .firstPost .shareControl {
     
    float: right;
     
    }
     
    .firstPost .addthis {
     
    padding-left: 20px;
     
    }
     
    .titleBar h1 {
     
    font-size: 20pt !important;
     
    }[PHP]2.vào Templates/creat new template/Tiêu đề: message_user_info_firstpost
     
    Với Nội Dung Nhứ Sau:
     
    [PHP]:
     
    <xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
     
    <h3 class="userText">
     
    <xen:username user="$user" itemprop="name" rich="true" />
     
    <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>
     
    <span class="tt_share_page">
     
    <div class="facebookLike shareControl">
     
    <fb:like href="{$url}" layout="button_count" action="{$xenOptions.facebookLikeAction}" font="trebuchet ms" colorscheme="@fbColorScheme"></fb:like>
     
    </div>
     
    <div class="plusone shareControl">
     
    <div class="g-plusone" data-size="medium" data-count="true" data-href="{$url}">
     
    </div>
     
    <div class="tweet shareControl">
     
    <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal"
     
    data-lang="{xen:helper twitterLang, $visitorLanguage.language_code}"
     
    data-url="{$url}"
     
    {xen:if {$xenOptions.tweet.via}, 'data-via="{$xenOptions.tweet.via}"'}
     
    {xen:if {$xenOptions.tweet.related}, 'data-related="{$xenOptions.tweet.related}"'}>{xen:phrase tweet}</a>
     
    </div>
     
    </span>
     
    <span class="arrow"><span></span></span>
     
    </div>
     
    </div>
    template: message
    Tìm:
    Mã:
    <li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
        <xen:include template="message_user_info">
            <xen:map from="$message" to="$user" />
        </xen:include> 
    Thay bằng :
    Mã:
    <xen:if is="{$post.position} == 0">
    <li id="{$messageId}" class="message firstPost {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
        <xen:include template="message_user_info_firstpost">
            <xen:map from="$message" to="$user" />
        </xen:include>
    <xen:else />
    <li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
        <xen:include template="message_user_info">
            <xen:map from="$message" to="$user" />
        </xen:include>
    </xen:if> 
     
  4. crisvo

    crisvo New Member

    Bài viết:
    27
    Likes :
    2
    Mèn đét ơi! Demo đâu có thấy nằm ngang gì đâu trời!
     
  5. svlamnghiep

    svlamnghiep Member

    Bài viết:
    271
    Likes :
    84
  6. Quanganh.itvn

    Quanganh.itvn New Member

    Bài viết:
    16
    Likes :
    1
    Trang bạn nằm dọc mà bạn ;))
     
  7. playmarble

    playmarble New Member

    Bài viết:
    81
    Likes :
    18
    Nằm ngang nè bạn
    Demo
     
  8. Quanganh.itvn

    Quanganh.itvn New Member

    Bài viết:
    16
    Likes :
    1
    Bạn Toàn ơi ! bày tớ làm cái mục bên phải " số bài thích... " với
    Làm thế nào vậy bạn !
     
  9. playmarble

    playmarble New Member

    Bài viết:
    81
    Likes :
    18
    vào Templates/creat new template/

    Tiêu đề: message_user_info_firstpost

    Với nội dung sau:

    HTML:
    <xen:require css="message_user_info.css" />
    <div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
    <div class="messageUserBlock">
        <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="s"/>
                <!-- 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:username user="$user" itemprop="name" rich="true" />
                <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>
    <xen:if is="!{$isQuickReply}">     
        <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-stats-time"></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-comment-edit"></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-fave-on-alt"></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-award"></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}">
                            <dd><dd><span class="icon span-icon-text icon-gender"></span>{xen:phrase 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>{xen:phrase occupation}:
                            <dd 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-icon-primary-links"></span>{xen:phrase location}:
                            <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>
                        <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-icon-web-slice"></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}">
                                    <dd>{xen:helper userFieldTitle, $fieldId}:
                                    <xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
                                </dl>
                                                <div class="line-dot-pink" style="padding:2px;"></div>
                            </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>



    template: message
    Tìm:
    HTML:
    <li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
    <xen:include template="message_user_info">
    <xen:map from="$message" to="$user" />
    </xen:include>
    
    Thay bằng
    HTML:
    <xen:if is="{$post.position} == 0">
    <li id="{$messageId}" class="message firstPost {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
        <xen:include template="message_user_info_firstpost">
            <xen:map from="$message" to="$user" />
        </xen:include>
    <xen:else />
    <li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
        <xen:include template="message_user_info">
            <xen:map from="$message" to="$user" />
        </xen:include>
    </xen:if>



    Thêm cái này vào EXtra.css
    HTML:
    /*Display Postbit in first post*/
    .firstPost .messageUserInfo {
        float: none;
    }
    .firstPost .messageUserInfo .messageUserBlock .arrow {
        display: none;
    }
    .firstPost .messageInfo {
        margin-left: 5px !important;
        margin-top: 10px;
    }
    .newIndicator {
        display: none !important;
    }
    .firstPost .messageUserInfo {
        width: 100% !important;
    }
    .firstPost .messageUserInfo .messageUserBlock .arrow {
        display: none;
    }
    .firstPost .messageUserBlock {
        -moz-border-bottom-colors: none !important;
        border-image: none !important;
            border-image-source: none;
            border-image-slice: 100% 100% 100% 100%;
            border-image-width: 1 1 1 1;
            border-image-outset: 0 0 0 0;
            border-image-repeat: stretch stretch;
        -moz-border-left-colors: none !important;
        -moz-border-right-colors: none !important;
        -moz-border-top-colors: none !important;
        background: none repeat scroll 0px 0px transparent !important;
            background-color: transparent;
            background-image: none;
            background-repeat: repeat;
            background-attachment: scroll;
            background-position: 0px 0px;
            background-clip: border-box;
            background-origin: padding-box;
            background-size: auto auto;
        border-color: -moz-use-text-color -moz-use-text-color rgb(205, 229, 240) !important;
            border-top-color: -moz-use-text-color;
            border-right-color-value: -moz-use-text-color;
            border-bottom-color: rgb(205, 229, 240);
            border-left-color-value: -moz-use-text-color;
            border-left-color-ltr-source: physical;
            border-left-color-rtl-source: physical;
            border-right-color-ltr-source: physical;
            border-right-color-rtl-source: physical;
        border-style: none none dashed !important;
            border-top-style: none;
            border-right-style-value: none;
            border-bottom-style: dashed;
            border-left-style-value: none;
            border-left-style-ltr-source: physical;
            border-left-style-rtl-source: physical;
            border-right-style-ltr-source: physical;
            border-right-style-rtl-source: physical;
        border-width: 0px 0px 1px !important;
            border-top-width: 0px;
            border-right-width-value: 0px;
            border-bottom-width: 1px;
            border-left-width-value: 0px;
            border-left-width-ltr-source: physical;
            border-left-width-rtl-source: physical;
            border-right-width-ltr-source: physical;
            border-right-width-rtl-source: physical;
        height: 110px;
        padding: 10px;
            padding-top: 12px;
            padding-right-value: 10px;
            padding-bottom: 10px;
            padding-left-value: 10px;
            padding-left-ltr-source: physical;
            padding-left-rtl-source: physical;
            padding-right-ltr-source: physical;
            padding-right-rtl-source: physical;
    }
    .firstPost .avatar .img {
        margin-left: 0px !important;
            margin-left-value: 0px;
            margin-left-ltr-source: physical;
            margin-left-rtl-source: physical;
    }
    .firstPost .avatarHolder {
        padding: 0 !important;
        position: absolute !important;
    }
    .firstPost .userText {
        margin-left: 58px;
        position: absolute !important;
        top: 18px;
    }
    .firstPost .tt_share_page {
        margin-left: 220px;
        position: absolute;
        top: 34px;
        width: 420px;
    }
    .firstPost .shareControl {
        float: right;
    }
    .firstPost .addthis {
        padding-left: 20px;
    }
    .firstPost .extraUserInfo {
        float: right;
        background-color: transparent !important;
        padding: 0px !important;
            padding-top: 0px;
            padding-right-value: 0px;
            padding-bottom: 0px;
            padding-left-value: 0px;
            padding-left-ltr-source: physical;
            padding-left-rtl-source: physical;
            padding-right-ltr-source: physical;
            padding-right-rtl-source: physical;
        border-top: 0px none !important;
            border-top-width: 0px;
            border-top-style: none;
            border-top-color: -moz-use-text-color;
        border-radius: 4px 4px 4px 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
    }
    .titleBar h1{color:#333;font-family:Tahoma,sans-serif;font-size:200%;font-weight:700;line-height:38px;margin:0;overflow:hidden;text-shadow:1px 1px 0 #F2F2F2, 1px 2px 0 #B1B1B2;
    }
    
    
    
    .line-dot-pink {
        background: url("styles/images/line-dot-pink.gif") repeat-x scroll left center transparent;
        height: 1px;
        width: 98%;
    }
    /* ICON */
    .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;
    }
    .icon-accept, .icon-download-Yes {
        background-position: 0 0;
    }
    .icon-add, .icon-icon-primary-more {
        background-position: 0 -17px;
    }
    .icon-advanced-search {
        background-position: 0 -34px;
    }
    .icon-alarm-clock--arrow {
        background-position: 0 -51px;
    }
    .icon-alarm-clock--minus {
        background-position: 0 -68px;
    }
    .icon-alarm-clock--pencil {
        background-position: 0 -85px;
    }
    .icon-alarm-clock--plus {
        background-position: 0 -102px;
    }
    .icon-alarm-clock-blue {
        background-position: 0 -119px;
    }
    .icon-alarm-clock-select {
        background-position: 0 -136px;
    }
    .icon-alarm-clock {
        background-position: 0 -153px;
    }
    .icon-archive {
        background-position: 0 -170px;
    }
    .icon-arrow {
        background-position: 0 -187px;
    }
    .icon-arrow-left {
        background-position: 0 -204px;
    }
    .icon-arrow-right {
        background-position: 0 -221px;
    }
    .icon-arrow-rotate-clockwise {
        background-position: 0 -238px;
    }
    .icon-asterisk-yellow {
        background-position: 0 -255px;
    }
    .icon-asterisk {
        background-position: 0 -272px;
    }
    .icon-award {
        background-position: 0 -289px;
    }
    .icon-award-delete {
        background-position: 0 -306px;
    }
    .icon-back {
        background-position: 0 -323px;
    }
    .icon-balloon--arrow {
        background-position: 0 -340px;
    }
    .icon-balloon--exclamation {
        background-position: 0 -357px;
    }
    .icon-balloon--minus {
        background-position: 0 -374px;
    }
    .icon-balloon--pencil {
        background-position: 0 -391px;
    }
    .icon-balloon--plus {
        background-position: 0 -408px;
    }
    .icon-balloon-ellipsis {
        background-position: 0 -425px;
    }
    .icon-balloon-left, .icon-icon-primary-forums {
        background-position: 0 -442px;
    }
    .icon-balloon-prohibition {
        background-position: 0 -459px;
    }
    .icon-balloon-quotation {
        background-position: 0 -476px;
    }
    .icon-balloon-smiley {
        background-position: 0 -493px;
    }
    .icon-balloon {
        background-position: 0 -510px;
    }
    .icon-balloons-box {
        background-position: 0 -527px;
    }
    .icon-balloons, .icon-comments, .icon-profile-tab-posts {
        background-position: 0 -544px;
    }
    .icon-bell {
        background-position: 0 -561px;
    }
    .icon-bell-add {
        background-position: 0 -578px;
    }
    .icon-bell-off {
        background-position: 0 -595px;
    }
    .icon-bin {
        background-position: 0 -612px;
    }
    .icon-block-share {
        background-position: 0 -629px;
    }
    .icon-block {
        background-position: 0 -646px;
    }
    .icon-blog-blue {
        background-position: 0 -663px;
    }
    .icon-blog, .icon-book-open, .icon-profile-tab-blog {
        background-position: 0 -680px;
    }
    .icon-blogs {
        background-position: 0 -697px;
    }
    .icon-book-brown {
        background-position: 0 -714px;
    }
    .icon-book {
        background-position: 0 -731px;
    }
    .icon-book-add {
        background-position: 0 -748px;
    }
    .icon-brain {
        background-position: 0 -765px;
    }
    .icon-buy {
        background-position: 0 -782px;
    }
    .icon-cake {
        background-position: 0 -799px;
    }
    .icon-cal-ranged {
        background-position: 0 -816px;
    }
    .icon-cal-recurring {
        background-position: 0 -833px;
    }
    .icon-cal-single, .icon-icon-primary-calendar {
        background-position: 0 -850px;
    }
    .icon-calculator--plus {
        background-position: 0 -867px;
    }
    .icon-calendar {
        background-position: 0 -884px;
    }
    .icon-camera-lens {
        background-position: 0 -901px;
    }
    .icon-category {
        background-position: 0 -918px;
    }
    .icon-chart-curve-add {
        background-position: 0 -935px;
    }
    .icon-cog {
        background-position: 0 -952px;
    }
    .icon-color-swatches {
        background-position: 0 -969px;
    }
    .icon-color-wheel {
        background-position: 0 -986px;
    }
    .icon-comment-add {
        background-position: 0 -1003px;
    }
    .icon-comment-delete {
        background-position: 0 -1020px;
    }
    .icon-comment-edit {
        background-position: 0 -1037px;
    }
    .icon-comment-new {
        background-position: 0 -1054px;
    }
    .icon-comments-ignore {
        background-position: 0 -1071px;
    }
    .icon-cross {
        background-position: 0 -1088px;
    }
    .icon-date {
        background-position: 0 -1105px;
    }
    .icon-delete, .icon-minus-circle, .icon-download-No {
        background-position: 0 -1122px;
    }
    .icon-display-name {
        background-position: 0 -1139px;
    }
    .icon-door {
        background-position: 0 -1156px;
    }
    .icon-tienich {
        background-position: 0 -1649px;
    }
    .icon-download {
        background-position: 0 -1173px;
    }
    .icon-downloads {
        background-position: 0 -1190px;
    }
    .icon-email {
        background-position: 0 -1207px;
    }
    .icon-email-go {
        background-position: 0 -1224px;
    }
    .icon-email-open {
        background-position: 0 -1241px;
    }
    .icon-exclamation {
        background-position: 0 -1258px;
    }
    .icon-facebook {
        background-position: 0 -1275px;
    }
    .icon-fave-change {
        background-position: 0 -1292px;
    }
    .icon-fave-off, .icon-heart-off {
        background-position: 0 -1309px;
    }
    .icon-fave-off-small {
        background-position: 0 -1326px;
    }
    .icon-fave-off-small- {
        background-position: 0 -1343px;
    }
    .icon-fave-on, .icon-heart {
        background-position: 0 -1360px;
    }
    .icon-fave-on-alt {
        background-position: 0 -1377px;
    }
    .icon-fave-on-small {
        background-position: 0 -1394px;
    }
    .icon-feed {
        background-position: 0 -1411px;
    }
    .icon-female {
        background-position: 0 -1428px;
    }
    .icon-files {
        background-position: 0 -1445px;
    }
    .icon-folder {
        background-position: 0 -1462px;
    }
    .icon-folder-add {
        background-position: 0 -1479px;
    }
    .icon-folder-edit {
        background-position: 0 -1496px;
    }
    .icon-folder-page {
        background-position: 0 -1513px;
    }
    .icon-forums, .icon-page-white-add {
        background-position: 0 -1530px;
    }
    .icon-gallery, .icon-picture {
        background-position: 0 -1547px;
    }
    .icon-google-plus-16 {
        background-position: 0 -1564px;
    }
    .icon-help, .icon-question {
        background-position: 0 -1581px;
    }
    .icon-icon-primary-blog {
        background-position: 0 -1598px;
    }
    .icon-icon-primary-ccs {
        background-position: 0 -1615px;
    }
    .icon-icon-primary-donate, .icon-money-coin {
        background-position: 0 -1632px;
    }
    .icon-icon-primary-downloads {
        background-position: 0 -1649px;
    }
    .icon-icon-primary-gallery, .icon-pictures {
        background-position: 0 -1666px;
    }
    .icon-icon-primary-gen {
        background-position: 0 -1683px;
    }
    .icon-icon-primary-home {
        background-position: 0 -1700px;
    }
    .icon-icon-primary-ipchat {
        background-position: 0 -1717px;
    }
    .icon-icon-primary-links {
        background-position: 0 -1734px;
    }
    .icon-icon-primary-members, .icon-profile-tab-friends, .icon-gender {
        background-position: 0 -1751px;
    }
    .icon-icon-primary-portal {
        background-position: 0 -1768px;
    }
    .icon-icon-primary-shoutbox {
        background-position: 0 -1785px;
    }
    .icon-icon-primary-tagss {
        background-position: 0 -1802px;
    }
    .icon-icon-primary-tracker {
        background-position: 0 -1819px;
    }
    .icon-icon-primary-tutorials {
        background-position: 0 -1836px;
    }
    .icon-icon-quicknav {
        background-position: 0 -1853px;
    }
    .icon-icon-quicknavl {
        background-position: 0 -1870px;
    }
    .icon-icon-refresh {
        background-position: 0 -1887px;
    }
    .icon-icon-search {
        background-position: 0 -1904px;
    }
    .icon-idm-delete {
        background-position: 0 -1921px;
    }
    .icon-idm-down {
        background-position: 0 -1938px;
    }
    .icon-idm-hide {
        background-position: 0 -1955px;
    }
    .icon-idm-refresh {
        background-position: 0 -1972px;
    }
    .icon-idm-unhide {
        background-position: 0 -1989px;
    }
    .icon-information-balloon {
        background-position: -17px 0;
    }
    .icon-information-button {
        background-position: -17px -17px;
    }
    .icon-information-octagon {
        background-position: -17px -34px;
    }
    .icon-information-shield {
        background-position: -17px -51px;
    }
    .icon-information {
        background-position: -17px -68px;
    }
    .icon-key--arrow {
        background-position: -17px -85px;
    }
    .icon-key--exclamation {
        background-position: -17px -102px;
    }
    .icon-key--minus {
        background-position: -17px -119px;
    }
    .icon-key--pencil {
        background-position: -17px -136px;
    }
    .icon-key--plus {
        background-position: -17px -153px;
    }
    .icon-key-solid {
        background-position: -17px -170px;
    }
    .icon-key {
        background-position: -17px -187px;
    }
    .icon-leaf-plant {
        background-position: -17px -204px;
    }
    .icon-leaf {
        background-position: -17px -221px;
    }
    .icon-likes-flag, .icon-notify-nexus-pay-ok {
        background-position: -17px -238px;
    }
    .icon-link-icon {
        background-position: -17px -255px;
    }
    .icon-live {
        background-position: -17px -272px;
    }
    .icon-lock {
        background-position: -17px -289px;
    }
    .icon-lock-open {
        background-position: -17px -306px;
    }
    .icon-lock-small-gold {
        background-position: -17px -323px;
    }
    .icon-lock-small-orange {
        background-position: -17px -340px;
    }
    .icon-locked-replies {
        background-position: -17px -357px;
    }
    .icon-magnifier {
        background-position: -17px -374px;
    }
    .icon-male {
        background-position: -17px -391px;
    }
    .icon-mark-complete {
        background-position: -17px -408px;
    }
    .icon-medal-bronze-red {
        background-position: -17px -425px;
    }
    .icon-medal-red {
        background-position: -17px -442px;
    }
    .icon-medal-silver-red {
        background-position: -17px -459px;
    }
    .icon-minus-button {
        background-position: -17px -476px;
    }
    .icon-minus-shield {
        background-position: -17px -493px;
    }
    .icon-minus {
        background-position: -17px -510px;
    }
    .icon-money--plus {
        background-position: -17px -527px;
    }
    .icon-money {
        background-position: -17px -544px;
    }
    .icon-mq-post {
        background-position: -17px -561px;
    }
    .icon-mystery {
        background-position: -17px -578px;
    }
    .icon-next {
        background-position: -17px -595px;
    }
    .icon-note, .icon-pm-new {
        background-position: -17px -612px;
    }
    .icon-note-add {
        background-position: -17px -629px;
    }
    .icon-notify-calendar {
        background-position: -17px -646px;
    }
    .icon-notify-diskwarn {
        background-position: -17px -663px;
    }
    .icon-notify-fileapproved, .icon-notify-newfile {
        background-position: -17px -680px;
    }
    .icon-notify-friendrequest {
        background-position: -17px -697px;
    }
    .icon-notify-newreply, .icon-notify-newtopic {
        background-position: -17px -714px;
    }
    .icon-notify-nexus-commission {
        background-position: -17px -731px;
    }
    .icon-notify-nexus-invoice, .icon-notify-nexus-invoice-expire {
        background-position: -17px -748px;
    }
    .icon-notify-nexus-pay-fail {
        background-position: -17px -765px;
    }
    .icon-notify-nexus-shipped {
        background-position: -17px -782px;
    }
    .icon-notify-nexus-support {
        background-position: -17px -799px;
    }
    .icon-notify-pm {
        background-position: -17px -816px;
    }
    .icon-notify-profilecomment {
        background-position: -17px -833px;
    }
    .icon-notify-reportcenter {
        background-position: -17px -850px;
    }
    .icon-notify-statusreply, .icon-user-comment {
        background-position: -17px -867px;
    }
    .icon-openid {
        background-position: -17px -884px;
    }
    .icon-orkut-16 {
        background-position: -17px -901px;
    }
    .icon-page-topic, .icon-profile-tab-topics {
        background-position: -17px -918px;
    }
    .icon-page-topic-magnify, .icon-page-white-magnify {
        background-position: -17px -935px;
    }
    .icon-page-white-edit {
        background-position: -17px -952px;
    }
    .icon-page-white-go {
        background-position: -17px -969px;
    }
    .icon-paste-plain, .icon-promote-article {
        background-position: -17px -986px;
    }
    .icon-paypal-16 {
        background-position: -17px -1003px;
    }
    .icon-plus-button {
        background-position: -17px -1020px;
    }
    .icon-plus {
        background-position: -17px -1037px;
    }
    .icon-pm-msg-deleted, .icon-user--minus, .icon-user-delete {
        background-position: -17px -1054px;
    }
    .icon-pm-msg-new, .icon-user--plus, .icon-user-add {
        background-position: -17px -1071px;
    }
    .icon-pm-msg-normal, .icon-user {
        background-position: -17px -1088px;
    }
    .icon-pm-nonew {
        background-position: -17px -1105px;
    }
    .icon-popup {
        background-position: -17px -1122px;
    }
    .icon-post-top {
        background-position: -17px -1139px;
    }
    .icon-printer {
        background-position: -17px -1156px;
    }
    .icon-profile-tab-gallery {
        background-position: -17px -1173px;
    }
    .icon-profile-tab-icon, .icon-topicpreview {
        background-position: -17px -1190px;
    }
    .icon-profile-tab-idm {
        background-position: -17px -1207px;
    }
    .icon-profile-tab-info {
        background-position: -17px -1224px;
    }
    .icon-profile-tab-status {
        background-position: -17px -1241px;
    }
    .icon-question-button {
        background-position: -17px -1258px;
    }
    .icon-question-shield {
        background-position: -17px -1275px;
    }
    .icon-quicknav {
        background-position: -17px -1292px;
    }
    .icon-rainbow {
        background-position: -17px -1309px;
    }
    .icon-report {
        background-position: -17px -1326px;
    }
    .icon-robot {
        background-position: -17px -1343px;
    }
    .icon-rss-16 {
        background-position: -17px -1360px;
    }
    .icon-search-icon {
        background-position: -17px -1377px;
        height: 14px;
        width: 13px;
    }
    .icon-server-connect {
        background-position: -17px -1392px;
    }
    .icon-sharethis-16 {
        background-position: -17px -1409px;
    }
    .icon-shield {
        background-position: -17px -1426px;
    }
    .icon-skype {
        background-position: -17px -1443px;
    }
    .icon-spammer-off {
        background-position: -17px -1460px;
    }
    .icon-spammer-on {
        background-position: -17px -1477px;
    }
    .icon-star {
        background-position: -17px -1494px;
    }
    .icon-star-off {
        background-position: -17px -1511px;
    }
    .icon-star-rated {
        background-position: -17px -1528px;
    }
    .icon-statistics {
        background-position: -17px -1545px;
    }
    .icon-stats-compression {
        background-position: -17px -1562px;
    }
    .icon-stats-database {
        background-position: -17px -1579px;
    }
    .icon-stats-server {
        background-position: -17px -1596px;
    }
    .icon-stats-time {
        background-position: -17px -1613px;
    }
    .icon-subforum-new {
        background-position: -17px -1630px;
    }
    .icon-subforum-nonew {
        background-position: -17px -1647px;
    }
    .icon-textfield-rename {
        background-position: -17px -1664px;
    }
    .icon-threaded-read {
        background-position: -17px -1681px;
        height: 12px;
        width: 10px;
    }
    .icon-threaded-unread {
        background-position: -17px -1694px;
        height: 12px;
        width: 10px;
    }
    .icon-tick {
        background-position: -17px -1707px;
    }
    .icon-time {
        background-position: -17px -1724px;
    }
    .icon-transmit {
        background-position: -17px -1741px;
    }
    .icon-transmit-blue {
        background-position: -17px -1758px;
    }
    .icon-twitter {
        background-position: -17px -1775px;
    }
    .icon-user--arrow {
        background-position: -17px -1792px;
    }
    .icon-user--exclamation {
        background-position: -17px -1809px;
    }
    .icon-user--pencil {
        background-position: -17px -1826px;
    }
    .icon-user-black-female {
        background-position: -17px -1843px;
    }
    .icon-user-black {
        background-position: -17px -1860px;
    }
    .icon-user-business-boss {
        background-position: -17px -1877px;
    }
    .icon-user-business-gray-boss {
        background-position: -17px -1894px;
    }
    .icon-user-business-gray {
        background-position: -17px -1911px;
    }
    .icon-user-business {
        background-position: -17px -1928px;
    }
    .icon-user-detective-gray {
        background-position: -17px -1945px;
    }
    .icon-user-detective {
        background-position: -17px -1962px;
    }
    .icon-user-female {
        background-position: -17px -1979px;
    }
    .icon-user-gray-female {
        background-position: -17px -1996px;
    }
    .icon-user-gray {
        background-position: -34px 0;
    }
    .icon-user-green-female {
        background-position: -34px -17px;
    }
    .icon-user-green, .icon-user-green {
        background-position: -34px -34px;
    }
    .icon-user-medical-female {
        background-position: -34px -51px;
    }
    .icon-user-medical {
        background-position: -34px -68px;
    }
    .icon-user-medium-female {
        background-position: -34px -85px;
    }
    .icon-user-medium {
        background-position: -34px -102px;
    }
    .icon-user-nude-female {
        background-position: -34px -119px;
    }
    .icon-user-nude {
        background-position: -34px -136px;
    }
    .icon-user-red-female {
        background-position: -34px -153px;
    }
    .icon-user-red {
        background-position: -34px -170px;
    }
    .icon-user-share {
        background-position: -34px -187px;
    }
    .icon-user-silhouette-question {
        background-position: -34px -204px;
    }
    .icon-user-silhouette {
        background-position: -34px -221px;
    }
    .icon-user-small-female {
        background-position: -34px -238px;
    }
    .icon-user-small {
        background-position: -34px -255px;
    }
    .icon-user-thief-baldie {
        background-position: -34px -272px;
    }
    .icon-user-thief-female {
        background-position: -34px -289px;
    }
    .icon-user-thief {
        background-position: -34px -306px;
    }
    .icon-user-white-female {
        background-position: -34px -323px;
    }
    .icon-user-white {
        background-position: -34px -340px;
    }
    .icon-user-worker-boss {
        background-position: -34px -357px;
    }
    .icon-user-worker {
        background-position: -34px -374px;
    }
    .icon-user-yellow-female {
        background-position: -34px -391px;
    }
    .icon-user-yellow {
        background-position: -34px -408px;
    }
    .icon-user-edit {
        background-position: -34px -425px;
    }
    .icon-user-logout {
        background-position: -34px -442px;
    }
    .icon-user-off {
        background-position: -34px -459px;
    }
    .icon-view-report {
        background-position: -34px -476px;
    }
    .icon-web-slice {
        background-position: -34px -493px;
    }
    .icon-windows {
        background-position: -34px -510px;
    }
    .icon-wooden-box--arrow {
        background-position: -34px -527px;
    }
    .icon-wooden-box--exclamation {
        background-position: -34px -544px;
    }
    .icon-wooden-box--minus {
        background-position: -34px -561px;
    }
    .icon-wooden-box--pencil {
        background-position: -34px -578px;
    }
    .icon-wooden-box--plus {
        background-position: -34px -595px;
    }
    .icon-wooden-box-label {
        background-position: -34px -612px;
    }
    .icon-wooden-box {
        background-position: -34px -629px;
    }
    .icon-wrench {
        background-position: -34px -646px;
    }
    .icon-youtube {
        background-position: -34px -663px;
    }
    /* END ICON */
     
    Quanganh.itvn and duythanh666 like this.
  10. hoangtam

    hoangtam New Member

    Bài viết:
    45
    Likes :
    3
    code chuyển khung thông tin nằm ngang này có áp dụng cho 1.2.1 không vậy bạn ơi
     
  11. playmarble

    playmarble New Member

    Bài viết:
    81
    Likes :
    18
    Tùy vào theme của bạn thôi !
    Mình đang chạy 1.2.1 thấy vẫn ngon :Demo
     
  12. hoangtam

    hoangtam New Member

    Bài viết:
    45
    Likes :
    3
    mình add ở extra.css nó báo lỗi !!! ko cho add được
     
  13. svlamnghiep

    svlamnghiep Member

    Bài viết:
    271
    Likes :
    84
    Cái demo thì nó cũng thay đổi chứ bạn, bài post từ cái thời nào rồi
     
  14. N.Pike

    N.Pike New Member

    Bài viết:
    11
    Likes :
    1
    Snap1
    Bác nào giúp e làm cái thanh thông tin thành viên như thế này với ạ.
     
  15. xtinboss1

    xtinboss1 Member

    Bài viết:
    58
    Likes :
    11
    demo
     
  16. N.Pike

    N.Pike New Member

    Bài viết:
    11
    Likes :
    1
    muabantop.com bác giúp e với
     
  17. N.Pike

    N.Pike New Member

    Bài viết:
    11
    Likes :
    1
    Up
     
  18. xtinboss1

    xtinboss1 Member

    Bài viết:
    58
    Likes :
    11
    1: tạo
    Create New Template - đặt tên author

    PHP:
    <div class="NewsAuthor">[/B]
    [
    B]<div style="float:left;width:70px;padding-left:5px">
    <
    xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
            <
    div class="avatarHolder">
                <
    span class="helper"></span>
                <
    xen:avatar user="$usersize="s" />
            </
    div>
    </
    xen:hook></div>
    <
    xen:include template="share_page" />

    <
    div style="float:left;width:300px;padding-left:5px;margin-top: 20px;">

    <
    div class="detail_time">Đăng lúc: <b><a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="datePermalink"><xen:datetime time="$post.post_date" /></a></b></div>
    <
    div class="detail_eye">Đã xem: <span class="info-red">{xen:number {$thread.view_count}}</spanlượt Mã tin: <span class="info-red">{$thread.thread_id}</span></div>
    </
    div>
    <
    div style="float:left;padding:0 20px 0 5px;margin-top: 20px;">
    <
    div class="detail_personal"><b><xen:username user="$postclass="author" rich="true"/></b><span style="margin-left:5px">|</span><span class="detail_pm" title="Bắt đầu đối thoại"><a href="{xen:link 'conversations/add', '', 'to={$user.username}'}">{xen:phrase start_conversation}</a></span></div>
    <
    div class="detail_email">Số điện thoại:
    <
    span title="Gọi điện cho tôi theo số này" class="info-red Tooltip">{$user.customFields.phone}
    </
    span></div></div>

    <
    div style="clear:both;overflow:hidden"></div></div>
    <
    div class="top-shadow-down"></div>


    2: tìm temTemplate extra.css thêm cái này vô

    PHP:
    /* profile block */
    .NewsAuthor {
    positionrelative;color:#70695B; margin:0;font-size:11px; text-align:left;border: 1px solid #ccc;border-left: 0;border-right: 0;padding:0 10px
    }

    .
    NewsAuthor .a_name{
        
    color:#6e6e6e;margin:0 2px;text-decoration:none;font-size:11px;
    }
    .
    NewsAuthor .a_email{
        
    color:#6e6e6e;margin:0 2px;text-decoration:none;font-size:11px;
    }
    .
    NewsAuthor a{
        
    color:#e2017b;margin:0 2px;text-decoration:none;font-size:11px;
    }
    .
    NewsAuthor a:hover{
        
    color:#E8641A;margin:0 2px;text-decoration:none;font-size:11px;
    }

    .
    NewsAuthor b{
        
    color:#716A5C;font-weight:bold;font-size:11px;
    }

    .
    NewsContent {
        
    font-size12px;
        
    padding5px 10px 5px 10px;
        
    text-align:left;
    }

    .
    NewsContent p {
        
    margin-bottom10px;
    }

    .
    NewsContent br {
        
    margin-bottom5px;
    }

    .
    NewsContent ul {
        
    margin-left20px;
    }
    .
    top-shadow-down {
    backgroundurl(@imagePath/xenforo/header-shadow.pngno-repeat center;
    width100%;
    height8px;
    displayblock;
    }
    .
    detail_email{background:url(styles/phone.pngno-repeatpadding-left:23px;margin-top:5px}
    .
    detail_personal{background:url(styles/icon_personal.pngno-repeatpadding-left:23px;margin-top:5px}
    .
    detail_time{background:url(styles/icon_time.pngno-repeatpadding-left:23px;margin-top:5px}
    .
    detail_eye{background:url(styles/icon_eye.pngno-repeatpadding-left:23px;margin-top:5px}
    .
    detail_pm{margin-left:7pxfont-size:11pxcursor:pointer;background:url(styles/detail_pm.pngno-repeatpadding-left:25pxpadding-top:1px}
    .
    quickReply .NewsAuthor display:none}
    .
    NewsAuthor .sharePage{
    positionabsolute;
    top30px;
    right0;}
    .
    NewsAuthor .sharePage h3 {display:none}

    download file đính kèm về up hình vo thư mục styles

    hen xui nha:D




     

    Các file đính kèm:

    • icon.rar
      Kích thước:
      10.2 KB
      Đọc:
      38
    N.Pike thích bài này.
  19. N.Pike

    N.Pike New Member

    Bài viết:
    11
    Likes :
    1
    Tks bác nhiều nhưng không đc
     
  20. xtinboss1

    xtinboss1 Member

    Bài viết:
    58
    Likes :
    11
    à quên
    vào tem message
    tìm
    <xen:include template="message_user_info">

    thay đổi cái này vào

    <xen:include template="author">
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...