Ku hiệu giúp mình đoạn member_info với

Thảo luận trong 'Style & Template Questions' bắt đầu bởi user.test, 6/8/12.

1votes
5/5, 1 vote

  1. user.test

    user.test New Member

    Bài viết:
    19
    Likes :
    3
    Untitled
    Cậu có thể hướng dẫn mình cách làm để có phần profile user đẹp như này được không !
     
    thb2014, johnbie and t.fashion4teenvt like this.
    Đang tải...
  2. Xavier

    Xavier Well-Known Member

    Bài viết:
    1,414
    Likes :
    522
  3. t.fashion4teenvt

    t.fashion4teenvt New Member

    Bài viết:
    34
    Likes :
    4
    Đẹp thật, mình cũng muốn làm giống vậy. Mà sao bên mình nó chỉ hiển thị avatar, ko hiển thị thông tin, hix
     
  4. kuhuy102

    kuhuy102 Member

    Bài viết:
    219
    Likes :
    31
    :confused: đẹp vậy
     
  5. sgesvn

    sgesvn VietXF Support

    Bài viết:
    741
    Likes :
    280
    Hỏi Ku Hieu nên không ai dám trả lời
     
    thb2014 thích bài này.
  6. Mr.Anh

    Mr.Anh New Member

    Bài viết:
    19
    Likes :
    1
    cái này ai biết chỉ luôn đi mình cũng đang cần
     
    thb2014 thích bài này.
  7. phamhuudu

    phamhuudu Verified User

    Bài viết:
    1,749
    Likes :
    727
    Vào Style Properties -> Message & Element để tick chọn những phần nào mà bạn muốn hiện ra ở User Info :)
     
  8. Poilz.se7en

    Poilz.se7en New Member

    Bài viết:
    12
    Likes :
    1
    nếu mình muốn hiện ra Họ và tên, lớp, .... mà ko có trong bảng đó thì làm thế nào ?
     
  9. tacgiaviet

    tacgiaviet Member

    Bài viết:
    280
    Likes :
    82
    tạo thêm custom field :|, sau đó
     
    gacon_hocit thích bài này.
  10. t.fashion4teenvt

    t.fashion4teenvt New Member

    Bài viết:
    34
    Likes :
    4
    Thank bạn, mình đã làm được. Nhưng giờ mình muốn cho nó rộng hơn chút xíu thì chỉnh ở đâu hả bạn? Sẵn bạn hướng dẫn cách tạo Custom Field luôn nha :)
     
    thb2014 thích bài này.
  11. user.question

    user.question New Member

    Bài viết:
    14
    Likes :
    0
    Muốn thêm cái hình thì sao nhỉ :-?
     
  12. ku Hiệu

    ku Hiệu Lì Lắm Luôn

    Bài viết:
    1,345
    Likes :
    862
    trên này toàn pro, share lên mắc cỡ lắm cơ X_X

    Một đoạn code ví dụ trong message_user_info cho các bạn xem nhé

    PHP:
                    <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>
     
    thb2014 thích bài này.
  13. kuhuy102

    kuhuy102 Member

    Bài viết:
    219
    Likes :
    31
    Bạn share đi :D
     
  14. ku Hiệu

    ku Hiệu Lì Lắm Luôn

    Bài viết:
    1,345
    Likes :
    862
    Này thì share :">
    1. Upload đính kèm

    2. Thêm vào cuối EXTRA.css
    PHP:
    .icon {
        
    background-colortransparent;
        
    background-imageurl("styles/images/iconsprite.png");
        
    background-repeatno-repeat;
        
    displayinline-block;
        
    height16px;
        
    vertical-alignmiddle;
        
    width16px;
    }
     
    .
    span-icon-text {
        
    margin: -2px 5px 0 0;
    }
     
    .
    line-dot-pink {
        
    backgroundurl("styles/images/line-dot-pink.gif"repeat-x scroll left center transparent;
        
    height1px;
        
    width98%;
    }
     
    .
    icon-register-date {
        
    background-position: -17px -646px;
    }
     
    .
    icon-message-count {
        
    background-position-1037px;
    }
     
    .
    icon-like-count {
        
    background-position-1377px;
    }
     
    .
    icon-trophy-points {
        
    background-position-289px;
    }
     
    .
    icon-gender {
        
    background-position-1751px;
    }
     
    .
    icon-occupation {
        
    background-position-935px;
    }
     
    .
    icon-user-location {
        
    background-position-1734px;
    }
     
    3. Vào message_user_info tìm
    PHP:
    <xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
    Xem và thay thế đoạn bên dưới nó bằng code sau (coi cái nào có thì thay vs thêm vào)
    PHP:
                <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>
     

    Các file đính kèm:

    vinhson, Zune, Imma Kun and 14 others like this.
  15. Thái Sơn Nguyễn

    Thái Sơn Nguyễn Member

    Bài viết:
    154
    Likes :
    56
    Đính kèm đâu bác ơi :(
     
  16. ku Hiệu

    ku Hiệu Lì Lắm Luôn

    Bài viết:
    1,345
    Likes :
    862
    mới edit lại ấy :-s
     
  17. kuhuy102

    kuhuy102 Member

    Bài viết:
    219
    Likes :
    31
    Khó đây @@
    không hiểu B3 lắm @@
     
  18. ku Hiệu

    ku Hiệu Lì Lắm Luôn

    Bài viết:
    1,345
    Likes :
    862
    xem cái comment phía trên của mình, khác so với mặc định là 2 cái

    <span class="icon span-icon-text icon-message-count"></span> //chèn cái icon phía trước
    <div class="line-dot-pink" style="padding:2px;"></div> // chèn đường kẻ ngang màu hồng

    với chỉnh cái <dt> và <dd> để cho nó cùng 1 hàng, hết gòi, xem và sửa từng phần thôi
     
  19. kuhuy102

    kuhuy102 Member

    Bài viết:
    219
    Likes :
    31
  20. Thái Sơn Nguyễn

    Thái Sơn Nguyễn Member

    Bài viết:
    154
    Likes :
    56
    t.fashion4teenvt and kuhuy102 like this.
comments powered by Disqus

Chia sẻ trang này

Đang tải...