Question Làm sao để widget này hiện ở ngoài forum

Thảo luận trong 'Add-on Quesions' bắt đầu bởi fhome.vn, 17/5/12.

1votes
5/5, 1 vote

  1. fhome.vn

    fhome.vn New Member

    Bài viết:
    15
    Likes :
    0
    Các bạn cho mình hỏi làm sao để widget này hiện ở ngoài forum vậy?

    [​IMG]
     
    Đang tải...
  2. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175
    fhome.vn thích bài này.
  3. fhome.vn

    fhome.vn New Member

    Bài viết:
    15
    Likes :
    0
    Cái widget thì mình đã cài rồi nhưng chỉnh CSS thì mình không rành lắm, bạn có thể hướng dẫn cụ thể cho mình được không? Cảm ơn bạn nhiều
     
  4. Gió

    Gió Member

    Bài viết:
    152
    Likes :
    27
    Xen-tr.com Top Poster
     
  5. fhome.vn

    fhome.vn New Member

    Bài viết:
    15
    Likes :
    0
    Là sao hả bạn? Mình chưa hiểu lắm
     
  6. Gió

    Gió Member

    Bài viết:
    152
    Likes :
    27
    Là tên add-on đó đấy bạn
     
  7. fhome.vn

    fhome.vn New Member

    Bài viết:
    15
    Likes :
    0
    Cái này lè Menu thành viên nó có sẵn, giờ mình muốn đưa sang Menu Diễn đàn ở chỗ sidebar thôi, mình đã cài Widget framework rồi mà không biết đưa nó ra ntn cho giống
     
  8. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175

    Ví dụ cho module Thành viên mới đăng ký của bạn luôn nhé

    Mã:
    .sidebar .avatarList li
    {
        @property "sidebarAvatarListItem";
        margin: 5px 0;
        overflow: hidden;
        zoom: 1;
        @property "/sidebarAvatarListItem";
    }
    Thay bằng:
    Mã:
    .sidebar .avatarList li
    {
        @property "sidebarAvatarListItem";
        overflow: hidden; zoom: 1;
        float:left;
        margin: 5px 0 0 0;
        width:25%;
        @property "/sidebarAvatarListItem";
    }
     
    .sidebar .participants.avatarList li
    {
        margin: 5px 0;
        overflow: hidden;
        zoom: 1;
        float:none;
        width:auto;
    }

    Mở template của module thành viên mới
    Tìm (hoặc đoạn tương tự thế này
    Mã:
    <li>
                                    <xen:avatar user="$user" size="s" img="true" />
                                    <xen:username user="$user" rich="true" />
                                    <div class="userTitle">{xen:helper userTitle, $user}</div>
                                </li>
    Xoá bỏ đi chỉ để lại phần này:
    Mã:
    <li>
                                    <xen:avatar user="$user" size="s" text="{$user.username} ({xen:helper userTitle, $user})" class="Tooltip" title="{$user.username}, {xen:helper userTitle, $user}" />
                                </li>
    Và thêm đoạn sau vào cuối thẻ UL của template vừa sửa
    Mã:
                <div style="clear:both;"></div>
    
     
    fhome.vn thích bài này.
  9. fhome.vn

    fhome.vn New Member

    Bài viết:
    15
    Likes :
    0
    Cho mình hỏi thêm lần nữa là vào sidebar.css để chỉnh phải không bạn?
     
  10. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175
    Không hiểu ý câu hỏi của bạn lắm
     
  11. fhome.vn

    fhome.vn New Member

    Bài viết:
    15
    Likes :
    0
    Ý mình là hướng dẫn của bạn thì vào đâu mới chỉnh được có phải vào sidebar.css để làm không?
     
  12. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175
    Đúng rồi bạn. Phần css thêm vào sidebar.css
     
  13. fhome.vn

    fhome.vn New Member

    Bài viết:
    15
    Likes :
    0
    Mình không biết template này tên gì, bạn giúp mình với
     
  14. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175

    HÌnh như là: wf_widget_users
    Tìm nội dung này:
    Mã:
    <div class="avatarList">
    <ul>
        <xen:foreach loop="$users" value="$user">
            <li>
                <xen:avatar user="$user" size="s" img="true" />
                <xen:username user="$user" rich="true" />
                <xen:if is="{$widget.options.order} == 'message_count'">
                    <div class="userTitle">{xen:phrase messages}: {$user.message_count}</div>
                <xen:else />
                    <xen:if hascontent="true"><div class="userTitle"><xen:contentcheck>{xen:helper usertitle, $user}</xen:contentcheck></div></xen:if>
                </xen:if>
            </li>
        </xen:foreach>
    </ul>
    </div>
    Thay bằng
    Mã:
    <div class="avatarList">
    <ul>
        <xen:foreach loop="$users" value="$user">
            <li>
                                    <xen:avatar user="$user" size="s" text="{$user.username} ({xen:helper userTitle, $user})" class="Tooltip" title="{$user.username}, {xen:helper userTitle, $user}"  img="true"/>
            </li>
        </xen:foreach>
    </ul>
    </div>
                <div style="clear:both;"></div>
    
     
  15. fhome.vn

    fhome.vn New Member

    Bài viết:
    15
    Likes :
    0
    Mình làm xong nó ra ntn?

    [​IMG]

    [​IMG]
     
  16. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175
    Hình như bạn chưa add CSS ở trên,

    P/s: Nếu không được chờ mình cài vào làm thử :D
     
  17. fhome.vn

    fhome.vn New Member

    Bài viết:
    15
    Likes :
    0
    hihi mình add rồi đó chứ
     
  18. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175

    Sorry bạn, hôm trước chưa cài cái Widget nên ko biết. Thực ra cái bạn cần Widget nó đã hỗ trợ rồi. Bạn config module như trong file đính kèm nhé
     

    Các file đính kèm:

  19. fhome.vn

    fhome.vn New Member

    Bài viết:
    15
    Likes :
    0
    Mình đã chọn nhưng nó vẫn hiển tên chứ không hiện avatar mặc dù mình đã check only avatar thôi

    [​IMG]
    Mình muốn nó hiển thị như thế này​
    [​IMG]
     
  20. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175
    Trong phần
    Position: chọn forum_list chưa bạn

    Mình làm thấy bình thường mà
     

    Các file đính kèm:

comments powered by Disqus

Chia sẻ trang này

Đang tải...