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

Thảo luận trong 'Showcase XenForo' bắt đầu bởi Cyentruk, 21/4/14.

: 5/5, 1 vote

Trang 2 của 12 trang

twitter New Member

Bài viết:

5

Likes :

3

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.
Click to expand...

Sau khi sửa cái TopX thì em bị lỗi hiển thị như thế này bác ạ

twitter, 22/4/14

#21
Cyentruk Verified User

Bài viết:

252

Likes :

291

twitter said: ↑

Sau khi sửa cái TopX thì em bị lỗi hiển thị như thế này bác ạ

Click to expand...

Bạn cho mình Demo của bạn đc ko?

Cyentruk, 22/4/14

#22

twitter thích bài này.
AnhLe Member

Bài viết:

88

Likes :

36

Đây là thành quả sau khi tiếp thu : **[LINK FORBIDDEN]**

AnhLe, 22/4/14

#23
phamthanhliem Member

Bài viết:

296

Likes :

35

AnhLe said: ↑

Đây là thành quả sau khi tiếp thu : **[LINK FORBIDDEN]**
Click to expand...

bạn cho mình xin cái nút ẩn hiện các box forums với

phamthanhliem, 22/4/14

#24
AnhLe Member

Bài viết:

88

Likes :

36

phamthanhliem said: ↑

bạn cho mình xin cái nút ẩn hiện các box forums với
Click to expand...

http://vxf.vn/threads/addon-togglem...forum-statistics-va-xentag.17985/#post-124994

AnhLe, 22/4/14

#25

phamthanhliem thích bài này.
phamthanhliem Member

Bài viết:

296

Likes :

35

AnhLe said: ↑

http://vxf.vn/threads/addon-togglem...forum-statistics-va-xentag.17985/#post-124994
Click to expand...

cái này là thêm nút ẩn hiện đó hả bạn, mình đọc bên bài kia thật sự mình không biết bài đó nói gì nữa

phamthanhliem, 22/4/14

#26
AnhLe Member

Bài viết:

88

Likes :

36

phamthanhliem said: ↑

cái này là thêm nút ẩn hiện đó hả bạn, mình đọc bên bài kia thật sự mình không biết bài đó nói gì nữa
Click to expand...

Đúng rồi đó bạn. nó là addon thôi. cài đặt và làm theo hướng dẫn nhé.

AnhLe, 22/4/14

#27
Cyentruk Verified User

Bài viết:

252

Likes :

291

AnhLe said: ↑

Đây là thành quả sau khi tiếp thu : **[LINK FORBIDDEN]**
Click to expand...

Đẹp rồi bạn ơi, style của bạn cũng cùng kiểu với style của mình nên kiểu Thống kê này dùng chung cho nhau đc.

Cyentruk, 22/4/14

#28

TrungSGN thích bài này.
tienthanh2929 Member

Bài viết:

82

Likes :

5

Làm sao để thêm mấy thanh như : Bóng đá , download hoặc là xóa đi cái thanh shoutbox đi vậy ?

tienthanh2929, 22/4/14

#29
Cyentruk Verified User

Bài viết:

252

Likes :

291

tienthanh2929 said: ↑

Làm sao để thêm mấy thanh như : Bóng đá , download hoặc là xóa đi cái thanh shoutbox đi vậy ?
Click to expand...

Note lại chiều ngủ dậy mình trả lời cho bạn nha.

Cyentruk, 22/4/14

#30
twitter New Member

Bài viết:

5

Likes :

3

Cyentruk said: ↑

Bạn cho mình Demo của bạn đc ko?
Click to expand...

Tks bác nhiều em xử lí được rồi ạ
Bác hướng dẫn em nốt cái Dành cho người mới ở sidebar được không ạ

twitter, 22/4/14

#31

thiencqcq Verified User

Bài viết:: 181

Likes :: 26

Cyentruk said: ↑
Cái gì nhanh thì trả lời trước nha.

Cái này mình dùng addon [Tinhte] Xentag

Bước 1
Sau khi cài đặt xong, bạn vào AdminCP > Appearance > Templates > tinhte_xentag_tags_thread_view
Thay thế toàn bộ bằng đoạn CODE dưới đây, mục đích mình muốn thêm thẻ <label> để CSS cho chữ "TAG" màu xanh ở hình trên, mặc định ko có (bạn có thể so sánh code gốc để kiểm tra)
Mã:
<xen:if is="{$Tinhte_XenTag_canEdit}">
    <xen:require js="js/Tinhte/XenTag/frontend.js" />
    <xen:require css="tinhte_xentag.css" />

    <div class="sectionMain">
        <div class="Tinhte_XenTag_TagsInlineEditor" data-template="tags_thread_view">
            {xen:phrase tinhte_xentag_tags}:
            <label>{xen:phrase tinhte_xentag_tags}</label>:
            <xen:if hascontent="true">
                <xen:contentcheck>{xen:helper Tinhte_XenTag_getImplodedTagsFromThread, $thread, 1}</xen:contentcheck>
            <xen:else />
                {xen:phrase tinhte_xentag_no_tags}
            </xen:if>
            (<a class="Tinhte_XenTag_Trigger" href="{xen:link 'threads/edit-tags', $thread}">{xen:phrase tinhte_xentag_edit_tags}</a>)
        </div>
    </div>
<xen:else />
    <xen:if hascontent="true">
        <div class="sectionMain">
            {xen:phrase tinhte_xentag_tags}:
            <div class="Tinhte_XenTag_TagsInlineEditor">
            <label>{xen:phrase tinhte_xentag_tags}</label>:
            <xen:contentcheck>{xen:helper Tinhte_XenTag_getImplodedTagsFromThread, $thread, 1}</xen:contentcheck>
            </div>
        </div>
    </xen:if>
</xen:if>
Bước 2
Bạn vào AdminCP > Appearance > Templates > EXTRA.CSS
Dán vào đoạn CSS dưới đây:

Bạn lưu ý: hầu hết mã màu sắc mình dùng trong CSS không dùng mã trực tiếp mà dùng tên màu trong Appearance > Color Palette, điều này sẽ có lợi cho bạn khi bạn muốn chuyển màu cho toàn bộ forum.

Mã màu tương ứng mình đã dùng:
@primaryMedium: #df0012
@secondaryMedium: #f9ba00
@secondaryLighter: #fccb8d
@secondaryLightest: #ffefda
Mã:
.Tinhte_XenTag_TagsEditor .Tinhte_XenTag_Tag {
  background: @secondaryLightest !important;
  border: 1px solid @secondaryLighter !important;
  color: @primaryDark !important;
  padding: 5px !important;
}
.Tinhte_XenTag_TagsInlineEditor {
  margin: 20px 0 0 0;
  font-size: 3px;
  color: #ffffff;
}
.Tinhte_XenTag_TagsInlineEditor label {
  background: #1E5A91;
  font-size: 13px;
  color: #ffffff !important;
  padding: 3px 5px;
  text-transform: uppercase;
}
.Tinhte_XenTag_TagsInlineEditor .Tinhte_XenTag_TagLink {
  background: #999;
  font-size: 13px;
  color: #ffffff !important;
  padding: 3px 5px;
  text-transform: uppercase;
}
.Tinhte_XenTag_TagsInlineEditor .Tinhte_XenTag_TagLink:hover {
  background: @primaryMedium;
}
.Tinhte_XenTag_TagsInlineEditor .Tinhte_XenTag_Trigger {
  background: @primaryMedium;
  font-size: 13px;
  color: #ffffff !important;
  padding: 3px 5px;
  text-transform: uppercase;
}
.Tinhte_XenTag_TagsInlineEditor .Tinhte_XenTag_Trigger:hover {
  color: @secondaryMedium !important;
}
.Tinhte_XenTag_TagsInlineEditorForm .muted {
  margin-bottom: 5px;
}
Click to expand...
Muốn tag trong phần forum_view và TagCloud nó cung thê thì làm thê nào bạn.Cảm ơn.

thiencqcq, 22/4/14

#32

forumkerry thích bài này.

thiencqcq Verified User

Bài viết:: 181

Likes :: 26

Cyentruk said: ↑
Làm thế nào thêm được nút chia sẻ này giống VXF?

Bạn vào AdminCP > Appearance > Templates > PAGE_CONTAINER
Dán đoạn mã sau vào trong cặp thẻ <head>
Mã:

    
        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5352998531c6945e"></script>
        <script type="text/javascript">
          addthis.layers({
            'theme' : 'transparent',
            'share' : {
              'position' : 'left',
              'numPreferredServices' : 5
            }
          });
        </script>
            
Nếu bạn muốn hiệu chỉnh thêm có thể vào http://addthis.com để tìm hiểu nhé.
Click to expand...
Thêm được google+ vô thì đẹp quá. Thanks

thiencqcq, 22/4/14

#33

nguyensonnnv New Member

Bài viết:

4

Likes :

1

thanks bạn

nguyensonnnv, 22/4/14

#34
Cyentruk Verified User

Bài viết:

252

Likes :

291
thiencqcq said: ↑

Muốn tag trong phần forum_view và TagCloud nó cung thê thì làm thê nào bạn.Cảm ơn.
Click to expand...

Bạn thêm vào Teamplates EXTRA.CSS đoạn CODE sau:

Màu sắc thì bạn tự chỉnh trong Color Palette nhé!

Mã:

.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag a { color: #ffffff !important; font-weight: 400 !important; text-transform: uppercase; } .Tinhte_XenTag_TagCloud li:hover { background:@secondaryMedium !important; }
Cyentruk, 22/4/14

#35

forumkerry, TrungSGN and thiencqcq like this.
Cyentruk Verified User

Bài viết:

252

Likes :

291
twitter said: ↑

Vâng Bác giúp em tùy chỉnh và cả giao diện giống của bác nữa nhé
Nhân tiện, nếu được thì bác giúp em cả mấy cái này luôn

Click to expand...

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
Cyentruk, 22/4/14

#36

tinhyang, forumkerry, TrungSGN and 2 others like this.
Cyentruk Verified User

Bài viết:

252

Likes :

291
thiencqcq said: ↑

Thêm được google+ vô thì đẹp quá. Thanks
Click to expand...

Vậy bạn bỏ đoạn này

Mã:

'numPreferredServices' : 5

Và thêm đoạn này

Mã:

'services' : 'facebook,twitter,google_plusone_share,email,print,more',

Thành tương tự như dưới đây

Mã:

  <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5352998531c6945e"></script> <script type="text/javascript"> addthis.layers({ 'theme' : 'transparent', 'share' : { 'position' : 'left', 'services' : 'facebook,twitter,google_plusone_share,email,print,more', } }); </script> 

Mình cập nhật một chút là bạn nên tự mình tạo đoạn mã này, vì mỗi một tài khoản tại addthis.com sẽ cho ra một đoạn mã hơi khác nhau một chút, vì addthis sẽ dựa vào đó để giúp bạn thu thập thông tin về người dùng đã chia sẻ như thế nào giúp bạn.

Cách thực hiện
1. Bạn truy cập: https://www.addthis.com/get/smart-layers
2. Tạo tài khoản đăng nhập
3. Nhấn vào "Generate Code" bạn sẽ có đoạn CODE của riêng mình
Last edited: 22/4/14

Cyentruk, 22/4/14

#37

TrungSGN and thiencqcq like this.
tungviettelc Member

Bài viết:

167

Likes :

16

bỏ 1 từ khóa kia đc ko ạ

tungviettelc, 23/4/14

#38
Cyentruk Verified User

Bài viết:

252

Likes :

291
tungviettelc said: ↑

bỏ 1 từ khóa kia đc ko ạ
Click to expand...

Bạn thêm dòng này vào EXTRA.CSS nhé:

Mã:

.Tinhte_XenTag_TagsInlineEditor label { display: none; }
Cyentruk, 23/4/14

#39

tungviettelc thích bài này.
Mr.Dorin New Member

Bài viết:

27

Likes :

12

Good Job , ủng hộ bạn

Mr.Dorin, 23/4/14

#40

(Bạn phải Đăng nhập hoặc Đăng ký để trả lời bài viết.)

Trang 2 của 12 trang

Facebook Google + Disqus

comments powered by Disqus

Tags: chia sẻ kinh nghiệm

Chia sẻ trang này

Đang tải...

XenForo Add-ons by Brivium ™ © 2012-2024 Brivium LLC.