Other Chia sẻ kinh nghiệm làm forum XenForo của FIFAVN

Cyentruk · 14/9/14

imissziu said: ↑
Anh @Cyentruk cho em hỏi trang này dùng mod nào vậy?
Mã:
http://fifavn.org/forum/download/
EM thấy nhiều trang có mà em tìm hoài không thấy. Không biết nó là gì ạ!
Click to expand...
Đó là Resources Manager bạn nhé: http://vxf.vn/resources/xenforo-resource-manager-nulled-by-vxf-vn.4/

imissziu · 14/9/14

Cyentruk said: ↑

Đó là Resources Manager bạn nhé: http://vxf.vn/resources/xenforo-resource-manager-nulled-by-vxf-vn.4/
Click to expand...

Anh có thể chia sẻ cho em cách chỉnh sửa giao diện cho giống như của anh được không ạ

Cyentruk · 14/9/14

imissziu said: ↑

Anh có thể chia sẻ cho em cách chỉnh sửa giao diện cho giống như của anh được không ạ
Click to expand...

Giao diện của mục Download (Resources) hay giao diện của toàn diễn đàn vậy bạn?

imissziu · 14/9/14

Cyentruk said: ↑

Giao diện của mục Download (Resources) hay giao diện của toàn diễn đàn vậy bạn?
Click to expand...

Giao diện của phần download (Download (Resources) )thôi a ạ.!
Anh có thể cho em biết em cần chình sửa ở những phần nào không ạ.

Cyentruk · 14/9/14

imissziu said: ↑

Giao diện của phần download (Download (Resources) )thôi a ạ.!
Anh có thể cho em biết em cần chình sửa ở những phần nào không ạ.
Click to expand...

Bạn cho mình cái link cụ thể đi chứ Resources nó có nhiều phần lắm.

asinvt · 15/9/14

Share mình cái phần recent media,
Highest-Posting Members
và cái event nha bạn thanks, forum đẹp quá

TrungSGN · 15/9/14

Cyentruk said: ↑

- Thông kê gốc của VXF có 2 block chính, block 1 thống kê thành viên và block 2 thống kê chủ đề. Do đặc điểm của forum, mình chỉ muốn hiển thị thống kê chủ đề đi và ẩn thống kê thành viên đi.
- Thêm nữa là phần chọn "Item limit" mình design lại nhìn cho nó gọn thay vì kiểu select mặc định của trình duyệt.

Nếu bạn thích thì có thể làm theo các bước như sau.

Bước 1
Tải và Cài đặt: http://vxf.vn/resources/vxf-advanced-forum-statistics.174/updates

Bước 2
Bạn vào AdminCP > Appearance > Templates > VietXfAdvStats_wrapper
Thay thế toàn bộ bằng vào đoạn CODE dưới đây:
Mục đích để ẩn block 1

Mã:

<xen:require js="js/VietXfAdvStats/frontend.js" />
<xen:require css="VietXfAdvStats.css" />

<div class="VietXfAdvStats sectionMain" data-bulkUpdateUrl="{$bulkUpdateUrl}">
               
    <div id="Block2nd">
                 <div class="VietXfAdvStats_Controls">
            <xen:if is="{xen:count {$itemLimits}} > 1">
                <select class="VietXfAdvStats_ItemLimit Tooltip" title="{xen:phrase VietXfAdvStats_item_limit}">
                    <xen:foreach loop="$itemLimits" value="$itemLimitValue">
                        <option value="{$itemLimitValue}" {xen:selected '{$itemLimitValue} == {$itemLimit}'}>{xen:number {$itemLimitValue}}</option>
                    </xen:foreach>
                </select>
            <xen:else />
                <input type="hidden" value="{$itemLimit}" class="VietXfAdvStats_ItemLimit" />
            </xen:if>
   
            <xen:if is="{xen:count {$updateIntervals}} > 1">
                <select class="VietXfAdvStats_updateInterval Tooltip" title="{xen:phrase VietXfAdvStats_update_interval}">
                    <xen:foreach loop="$updateIntervals" value="$updateIntervalValue">
                        <option value="{$updateIntervalValue}" {xen:selected '{$updateIntervalValue} == {$updateInterval}'}>{xen:number {$updateIntervalValue}}</option>
                    </xen:foreach>
                </select>
            <xen:else />
                <input type="hidden" value="{$updateInterval}" class="VietXfAdvStats_updateInterval" />
            </xen:if>
            </div>
        <ul class="tabs VietXfAdvStats_SectionTrigger" data-panes="#Block2ndPanes > li">
                       <xen:foreach loop="$sections2nd" value="$section">
                <li><a href="{$requestPaths.requestUri}#{$section.section_id}">{$section.section_title}</a></li>
            </xen:foreach>
        </ul>
        <ul id="Block2ndPanes">
            <xen:foreach loop="$sections2nd" value="$section">
                <xen:include template="VietXfAdvStats_wrapper_section_li">
                    <xen:set var="$liClass">VietXfAdvStats_Block2ndContent</xen:set>
                </xen:include>
            </xen:foreach>
        </ul>
    </div>
    <div style="clear: both; height: 0px;">&nbsp;</div>
</div>

<xen:include template="preview_tooltip" />

Bước 3
Bạn vào AdminCP > Appearance > Templates > VietXfAdvStats.css
Thay thế toàn bộ bằng vào đoạn CODE dưới đây để tạo style giống như diễn đàn bên mình.

Mã:

.VietXfAdvStats {
        margin-top: 20px;
        border: none;
}

    .VietXfAdvStats h3 {
        @property "subHeading";
        font-size: 11px;
        color: @textCtrlBackground;
        background-repeat: repeat-x;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 10px auto 0;
        @property "/subHeading";

        @property "categoryStrip";
        margin: 0;
        min-height: 6px;
        @property "/categoryStrip";

        margin-bottom: 5px;
    }

        .VietXfAdvStats h3 .VietXfAdvStats_Header {
            @property "categoryStripTitle";
            font-size: 24px;
            font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
            color: @dimmedTextColor;
            @property "/categoryStripTitle";
        }

        .VietXfAdvStats .VietXfAdvStats_Controls {
            float: right;
            font-size: 12px;
                        margin-bottom: -50px;
        }

            .VietXfAdvStats h3 .VietXfAdvStats_Controls select {
                margin-top: -3px;
            }
   
    select.VietXfAdvStats_ItemLimit {
        -khtml-border-radius: 0;
        -moz-appearance: none;
        -moz-border-radius: 0;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        appearance: normal;
        background: #ffffff;
        border-radius: 0;
        border-style: solid;
        border-width: 1px;
        color: #404040;
        font-family: "Segoe UI",Arial,san-serif;
        height: 23px;
        outline: 0;
        padding: 0 0 0 4px;
        text-align: center;
        width: 30px;
    }

    #Block1st {
        float: left;
        width: @VietXfAdvStats_Block1stWidth;
        }

    #Block2nd {
        margin-left: {xen:calc '@VietXfAdvStats_Block1stWidth'}px;
                background: #f0f0f0;    
    }

        #Block1stPanes,
        #Block2ndPanes {
            padding: 7px;
                        background: none;                           
        }

        #Block1st .VietXfAdvStats_Block1stContent {
            padding-left: 25px;
            padding-right: 5px;
            line-height: 14px;
        }
        #Block2nd .VietXfAdvStats_Block2ndContent {
            padding-left: 5px;
            padding-right: 5px;
            line-height: 14px;
               
        }
        #Block1st .VietXfAdvStats_Block1stContent{
            background: url(styles/default/xenforo/list.gif) no-repeat top left;
        }

.VietXfAdvStats_Section {
    position: relative;
    zoom: 1;
}

    .VietXfAdvStats_SectionItem {
        display: table;
        table-layout: fixed;
        width: 100%;
        word-wrap: normal;
        padding-top: 3px;
        padding-bottom: 3px;
    }

        .VietXfAdvStats_SectionItem .VietXfAdvStats_SectionItemBlock {
            display: table-cell;
            vertical-align: middle;
        }

    .VietXfAdvStats_SectionItem .VietXfAdvStats_SectionItemTitle {
        @property "VietXfAdvStats_SectionItemTitleCss";

        @property "/VietXfAdvStats_SectionItemTitleCss";
    }

    .VietXfAdvStats_SectionItem .VietXfAdvStats_SectionItemInfo {
        @property "VietXfAdvStats_SectionItemInfoCss";
        font-size: 12px;
        text-align: right;
        @property "/VietXfAdvStats_SectionItemInfoCss";
    }

/** IE <8 **/
.VietXfAdvStats_SectionItem                              { *display: block; _vertical-align: bottom; }
.VietXfAdvStats_SectionItem .listBlock                   { *display: block; *float: left; }
.VietXfAdvStats_SectionItem .listBlock                   { _height: 52px; *min-height: 52px; } /* todo: should be calculation */
.VietXfAdvStats_Section .VietXfAdvStats_SectionItemTitle { *width: 69.98%; }
.VietXfAdvStats_Section .VietXfAdvStats_SectionItemInfo  { *width: 29.98%; }

.VietXfAdvStats_SectionItem {
    background: none;
}

/** USERS SECTION */
.VietXfAdvStats_User {
}

    .VietXfAdvStats_User .VietXfAdvStats_SectionItemTitle {
        width: {xen:if '{xen:calc '@VietXfAdvStats_UserNameWidth'} > 0', '@VietXfAdvStats_UserNameWidth', 'auto'};
    }

    .VietXfAdvStats_User .VietXfAdvStats_SectionItemInfo {
        width: {xen:if '{xen:calc '@VietXfAdvStats_UserInfoWidth'} > 0', '@VietXfAdvStats_UserInfoWidth', 'auto'};
    }

/** THREADS SECTION */
.VietXfAdvStats_Thread {
}

    .VietXfAdvStats_Thread .VietXfAdvStats_ThreadTitle.new a {
        font-weight: bold;
    }

    .VietXfAdvStats_Thread .VietXfAdvStats_SectionItemTitle {
        width: {xen:if '{xen:calc '@VietXfAdvStats_ThreadTitleWidth'} > 0', '@VietXfAdvStats_ThreadTitleWidth', 'auto'};
    }

    .VietXfAdvStats_Thread .VietXfAdvStats_SectionItemInfo {
        width: {xen:if '{xen:calc '@VietXfAdvStats_ThreadInfoWidth'} > 0', '@VietXfAdvStats_ThreadInfoWidth', 'auto'};
    }

Click to expand...

Bạn hướng dẫn cho mình xin thêm ( Gạch mờ -------- ) để cách từng ô nhé nhìn cho nó phân biệt hàng lối 1 tý.

Tiện cho mình xin luôn đoạn hiển thị số lượt xem luôn . tks
Cảm ơn bạn trước

TrungSGN · 15/9/14

Cyentruk said: ↑

Bạn cho mình cái link và tài khoản thành viên test mình kiểm tra xem?

P/S: @Alucar đang online duyệt đăng cho mình chủ đề trong Box Tuyển dụng - Mua bán với. Mình đăng từ trưa đến h rồi.
Click to expand...

http://vanchuyenvn.com bác xem giúp em nó ko được như bác hướng dẫn

Cyentruk · 15/9/14

TrungSGN said: ↑

Bạn hướng dẫn cho mình xin thêm ( Gạch mờ -------- ) để cách từng ô nhé nhìn cho nó phân biệt hàng lối 1 tý.

Tiện cho mình xin luôn đoạn hiển thị số lượt xem luôn . tks
Cảm ơn bạn trước
Click to expand...

Ở bước 3, bạn tìm dòng
Mã:
/** THREADS SECTION */
.VietXfAdvStats_Thread {
}
Rồi sửa thành như dưới đây là đc nhé.
Mã:
/** THREADS SECTION */
.VietXfAdvStats_Thread {
border-bottom: 1px dotted #aaa;
}
Còn của mình đâu có số lượt xem? Ko biết bạn nhầm ở đâu.

Cyentruk · 15/9/14

asinvt said: ↑

Share mình cái phần recent media,
Highest-Posting Members
và cái event nha bạn thanks, forum đẹp quá
Click to expand...

Tất cả những cái bạn hỏi đều dùng Widget Framework: http://vxf.vn/resources/bd-widget-framework.221/

Recent Media:
Bạn phải cài Xenmedio trước: http://vxf.vn/resources/8wayrun-com-xenmedio-media-pro.515/
Sau đó tải Wiget cho nó: http://vxf.vn/resources/widget-for-...xenmedio-media-add-on-on-widgetframework.259/

Highest-Posting Members:
Có sẵn trong Widget Framework, bạn vào mục Renderer của nó sẽ thấy

Event
Bạn tải ở đây nhé: http://vxf.vn/resources/8wayrun-com-xenatendo-events.138/

Cảm ơn bạn đã khen, hihi.

bibiduy · 15/9/14

bác ơi share cho em code này đi bác em cảm ơn nhiều

Cyentruk · 15/9/14

imissziu said: ↑

Giao diện của phần download (Download (Resources) )thôi a ạ.!
Anh có thể cho em biết em cần chình sửa ở những phần nào không ạ.
Click to expand...

Để chỉnh sửa toàn bộ phần Resources đó thì phải làm rất nhiều phần khác nhau, can thiệp cả và style của toàn forum nữa.
Nếu bạn cần biết chỗ đó chỉnh ở đâu thì đọc kỹ post#1 của mình nhé, chỗ "Một số điều căn bản bạn nên xem trước" mình có hướng dẫn đó.

Cyentruk · 15/9/14

bibiduy said: ↑

bác ơi share cho em code này đi bác em cảm ơn nhiều
Click to expand...

Cái đó là mã nguồn Wordpress đó bạn, ko phải Xenforo. Bạn Google thêm để hiểu về Wordpress nha.

TrungSGN · 15/9/14

Cyentruk said: ↑
Ở bước 3, bạn tìm dòng
Mã:
/** THREADS SECTION */
.VietXfAdvStats_Thread {
}
Rồi sửa thành như dưới đây là đc nhé.
Mã:
/** THREADS SECTION */
.VietXfAdvStats_Thread {
border-bottom: 1px dotted #aaa;
}
Còn của mình đâu có số lượt xem? Ko biết bạn nhầm ở đâu.
Click to expand...
ok cảm ơn bạn mình đã làm xong .

Còn số lượt xem mình muốn hiển thị , bữa trước óc bài hướng dẫn mà giờ ko tìm được . Nếu bạn biết hướng dẫn mình luôn nhé.

Tks bạn nhìu

bibiduy · 15/9/14

bác ơi hướng dẫn cho em cái này đi bác

Cyentruk · 15/9/14

bibiduy said: ↑

bác ơi hướng dẫn cho em cái này đi bác
Click to expand...

Mình đã nói bạn rồi, trang bạn đang xem là trang chủ, chạy trên mã nguồn Wordpress. bạn click vào link "Diễn đàn" trên Menu mới vào Forum = Xenforo. Cái trang chủ của mình không phải dùng XenPortal như đa số ae hay dùng đâu.

asinvt · 15/9/14

Mình đang mò từ từ Tính làm cái resource là nơi tải tài liệu mà rối quá, nên việt hóa hay để english nhỉ ???
Còn cái taigachat nữa ??? thấy cũng hay mà nó có ngốn tài nguyên ko bạn ?

bibiduy · 15/9/14

Cyentruk said: ↑
Cái này thực ra là mình viết code html thủ công thôi bạn ơi, nếu bạn dùng Inspect Element theo như hướng dẫn mình đã gửi ở Post#1 thì bạn sẽ thấy ngay: Làm thế nào để chỉnh sửa hầu hết mọi thứ nhanh chóng và dễ dàng

Còn dưới đây là cách làm:

Bước 1
Tải và Cài đặt [bd] Widget Framework

Bước 2
Bạn vào AminCP > Appearance > Widget Framework > List Widgets > + Add Widget

Render: [Advanced] HTML
HTML: dán vào đoạn HTML "kiểu" như dưới đây
Mã:
<style>
.newbie-info {background: #3b5998;border-bottom: 1px solid #c1c1c1;line-height:1.5em;font-size:10pt; padding:10px 7px}
.newbie-info:hover {background:#f9ba00}
.newbie-info a {color:#fff}
.newbie-info a:hover {color:#444}
</style>
<div class="newbie-info"><a href="url_1" target="_blank">Tiêu đề bạn muốn hiển thị 1</a></div>
<div class="newbie-info"><a href="url_2" target="_blank">Tiêu đề bạn muốn hiển thị 2</a></div>
<div class="newbie-info"><a href="url_3" target="_blank">Tiêu đề bạn muốn hiển thị 3</a></div>
Trong đó, mình sử dụng các thẻ <div> với class là "newbie-info" hay tên gì đó tùy bạn đặt, rồi mình CSS trực tiếp bên trên luôn.

Title: tên do bạn đặt
Position: forum_list
Click to expand...
cái này làm sao để hiện nội dung bài viết ra ngoài trang chủ vậy bác ơi cái này hay quá bác

Cyentruk · 15/9/14

asinvt said: ↑

Mình đang mò từ từ Tính làm cái resource là nơi tải tài liệu mà rối quá, nên việt hóa hay để english nhỉ ???
Còn cái taigachat nữa ??? thấy cũng hay mà nó có ngốn tài nguyên ko bạn ?
Click to expand...

Resource mình đã việt hóa toàn bộ rồi, nếu bạn cần mình sẽ share cho bạn phần việt hóa này. Bạn có thể cho phép thành viên chọn ngôn ngữ tiếng anh hoạc tiếng việt khi dùng diễn đàn mà.

taigachat mình thấy cũng nhẹ, dùng ok với forum của mình.

Cyentruk · 15/9/14

bibiduy said: ↑

cái này làm sao để hiện nội dung bài viết ra ngoài trang chủ vậy bác ơi cái này hay quá bác
Click to expand...

Mình ko hiểu bạn quote một đằng mà lại hỏi 1 nẻo.

Mình ko hiện nội dung ra ngoài trang chủ (Wordpress). Mà là mình qua Wordpress viết bài, sau khi xuất bản sẽ có topic đc tạo tự động bên diễn đàn Xenforo.

Other Chia sẻ kinh nghiệm làm forum XenForo của FIFAVN

Cyentruk Verified User

imissziu New Member

Cyentruk Verified User

imissziu New Member

Cyentruk Verified User

asinvt Member

TrungSGN Member

TrungSGN Member

Cyentruk Verified User

Cyentruk Verified User

bibiduy Member

Cyentruk Verified User

Cyentruk Verified User

TrungSGN Member

bibiduy Member

Cyentruk Verified User

asinvt Member

bibiduy Member

Cyentruk Verified User

Cyentruk Verified User

Chia sẻ trang này

Text Links

Textlink

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