Đầu tiên là Demo Xenforo cái nhể:
- ExoPlanet Viet Nam: http://exoplanetvn.com
- 360 KPOP FANSUB IN VIET NAM: http://www.360kpop.com
Hiện Xenforo đã cho ra bản dùng thử mới nhất là XenForo.v1.1.0.Beta.5 các bạn có thể download bản đó tại:
Nhưng theo mình là không nên dùng bản đó. Tại sao? -> Bản đó là bản Beta vì vậy chắc sẽ xuất hiện nhiều lỗi. Trong trường hợp này, mình khuyên dùng các bản cũ mà ổn định hơn như bản XenForo 1.0.2. Hiện mình cũng đàn dùng bản này, các bạn có thể download tại:
Hoặc có thể dùng bản XenForo 1.0.4:
*Chú ý: Các mã nguồn mình nêu ở trên đều đã là bản Null, vì phần lớn ACE đều là học sinh, sinh viên, lấy đâu ra tiền để mà mua bản chính thức Vì vậy dùng tạm bản Null cũng được
Các nguồn Null: VietXf, FS
Vậy là xong phần cung cấp mã nguồn. Bây giờ là cách cài đặt:
- Bạn cần phải có một host (Tất nhiên) và host đó phải được tắt SafeMode (Cái này phải liên hệ cho người bán host người ta tắt cho, vì vậy đừng ai đặt câu hỏi là tắt SafeMode kiểu gì ).
- Giải nén bộ mã nguồn mà bạn download ở trên:
+ Với XenForo 1.1.0 Beta 5 thì bạn phải giải nén 2 lần, sau khi giải nén File download về xong bạn còn phải giải nén cả file fs-xf110b5.rar nữa.
+ Với XenForo 1.0.2 hay 1.0.4 thì bạn chỉ cần giải nén 1 lần.
--------------------------------Bắt đầu cài đặt--------------------------------
- Sau khi đã giải nén, ta dùng phần mềm để upload cả thư mục lên host. (Upload kiểu gì thì xin mời bạn đọc các phần hướng dẫn cài đặt VBB). Nếu bạn là người mới tiếp xúc với host thì mình khuyên nên dùng FlashFXP để upload cho dễ. Thời gian upload thì tùy vào từng host, có thể 1 tiếng mà cũng có thể 15'
- Tạo một database (Hay còn gọi là cơ sở dữ liệu).
- CHMOD thư mục internal_data thành 777 (Sau khi cài đặt, nó sẽ tạo một file xác nhận cài đặt vào thư mục này.) Cách CHMOD thì bạn nhấn chuột phải, chọn CHMOD sau đó điền số 777 vào dòng.
- Sau đó, bạn chạy file cài đặt với đường dẫn:
Nếu bạn đã tắt SafeMode, nó sẽ hiện giao diện sau:
Click tiếp vào nút Begin Installation để tiếp tục cài đặt, bạn điền những thông tin theo chỉ dẫn của hình:
Sau khi đã điền thông tin một cách chính xác, ta nhấn nút Test & Generate Configuaration
Nếu test thành công thì nó sẽ hiện ra(Còn nếu test thất bại thì không nói ):
Nhấn vào nút Save Configuration, sau đó làm theo lời của trình duyệt đề ra. Sau đó nhấn nút Coutinue With Installation để tiếp tục cài đặt.
Việc cài đặt bắt đầu từ đây, đợi cho nó chạy gì thì chạy (Rebulding hoặc là gì gì đó ) Việc này sẽ diễn ra trong khoảng 1 phút 24 giây
Sau khi Build xong, nó sẽ hiện ra một bản để đăng kí ban quản trị. Đây là bước xác định người sẽ điều hành diễn đàn:
Nhấn vào nút Create Administrator để tiếp tục, nó sẽ bắt bạn đặt tên và cấu hình cho Forum của bạn nữa:
Sau khi đã chỉnh sửa hợp lí các thông tin, bạn nhấn nút Setup Option để hoàn thành, một thông báo chúc mừng sẽ hiện ra để chúc mừng bạn đã làm được cái việc mà không ai cũng không thể làm được
Nhấn vào Nút Enter Your Control Panel để đăng nhập vào trang quản trị Admin, nếu muốn vào trang chủ thì bạn hãy vào Board URL bạn đã đặt ở trên
----------------------------------------------------------------------------------
Vậy thì chắc là đã xong rồi, phải đi ăn cái gì để tiếp sức mà viết thêm tut .Sắp tới mình sẽ giới thiệu cho các bạn cách Import Forum từ VBB hay IPBoard sang Xenforo để không mất các dữ liệu cũ, đồng thời cũng hướng dẫn các bạn cài tiếng việt và một số mod thông dụng.
Hẹn gặp lại các bạn trong vài giờ tới. To Be Continue.....
Cài đặt ngôn ngữ tiếng Việt cho Xenforo
Cài đặt ngôn ngữ tiếng Việt cho Xenforo
[V-Z]
Bây giờ chúng ta sẽ tùy chỉnh XF hơn nữa, cho nó gần gũi với chúng ta hơn bằng cách cài đặt tiếng việt.
Download:
Cách cài đặt:
-Giải nén file vừa mới download ở trên ra.
-Vào Admincp > Appearance > Import a Language (Chú ý, vào admin bằng đường dẫn http://yourdomain/admin.php)
-Sau đó nhấn nút Import A Language, tìm đến file vừa giải nén là được.
-Để cài tiếng Việt là thứ tiếng mặc định, bạn set default language việt bằng cách tick vào nút cạnh chữ "phrases":
Bây giờ ra trang chủ và xem thành quả
Cài đặt hiển thị bài viết mới nhất trong diễn đàn Xenforo
[V-Z]
Không giống như VBB, Xenforo sở hữu một vẻ đẹp hào nhoáng, trông rất bắt mắt nhưng lại rất bất tiện khi muốn xem bài viết mới. Add-On này sẽ giúp các bạn treo những bài viết mới lên sidebar(Khung bên phải).
Download: Cách cài đặt:
- Download về, giải nén ra vào và upload cả thư mục library ở trong đó đè lên thư mục library của xenforo.
- Vào Admin CP->Home->Add-Ons.
- Nhấn vào nút Install Add-On ở góc trên bên phải.
- Chọn nút Browse(Duyệt) và tìm đến file addon_tenshi_latest_thread.xml trong thư mục mình vừa giải nén ra.
- Vào Admin CP-> Appearance-> Templates(Của Style bạn đang dùng), tìm mục forum_list và click vào đó.
- Tìm đoạn
PHP Code:
</xen:sidebar>
PHP Code:
<xen:include template="tenshi_latest_thread"></xen:include>
---------- Bài thêm lúc 20:45 ---------- Bài trước là lúc 20:27 ----------
Tạo dòng Status bên dưới Avatar - Ribbon cho Xenforo
[V-Z]
[V-Z]
Chắc các bạn vào 2 cái Demo trên cũng thấy ở dưới avatar của mỗi thành viên có một dòng chữ chạy chạy trông rất bắt mắt, ví dụ như:
Cái đó trong Xenforo gọi là Ribbon, Ribbon sẽ làm cho khung thành viên thêm sinh động hơn nhờ những lời status dí dỏm
Cách cài đặt:
-Không cần download Add-On, bạn làm theo các bước sau:
- Vào AdminCP -> Appearance -> Styles -> style bạn đang dùng -> Templates.
- Tìm mục EXTRA.css và thêm vào trong đó (đâu cũng được) đoạn:
PHP Code:
.ribbon { font-size: 12px; font-weight: bold; margin: -5px -5px -2px; text-align: center; }
.ribbon li{
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px;
border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px;
box-shadow: 0px 1px 3px rgba(0,0,0, 0.25); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 0px 1px 3px rgba(0,0,0, 0.25); -khtml-box-shadow: 0px 1px 3px rgba(0,0,0, 0.25);
padding: 1px;
position: relative;
margin-bottom: 5px;
}
.ribbon li:last-child { margin-bottom: 0px; }
.ribbon li div { position: absolute; top: -4px; width: 4px; height: 4px; }
.ribbon li .right { border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; right: -1px; }
.ribbon li .left { border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; left: -1px; }
.ribbonNormal{
background: rgb(153, 129, 100) url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
border: 1px solid rgb(153, 129, 100);
color: rgb(252, 252, 255);
}
.ribbonNormal div { background-color: rgb(153, 129, 100); }
.ribbonPremium{
background: #e68c17 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
border: 1px solid #e68c17;
color: #7F4E0E;}
.ribbonPremium div { background-color: #e68c17; }
.ribbonStaff{
background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
border: 1px solid @primaryLight;
color: @contentBackground;
}
.ribbonStaff div { background-color: #718E0F; }.ribbonStaffU{
background: url("@imagePath/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #D07DA8;
border: 1px solid #C76497;
color: #9A2E66;}
.ribbonStaffU div { background-color: #C76497; }
------> Lưu lại
- Lại tìm mục message_user_info
- Tìm và Thay đoạn:
PHP Code:
<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>
Bằng đoạn:
PHP Code:
<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" />
<!-- slot: message_user_info_text -->
</h3>
<xen:if hascontent="true">
<ul class="ribbon">
<xen:contentcheck>
<li class="ribbonStaff">
<div class="left"></div>
<div class="right"></div>
{xen:helper userTitle, $user}
</li>
</xen:contentcheck>
</ul>
</xen:if>
</xen:hook>
<br />
<xen:if hascontent="true">
<xen:contentcheck>
<xen:if is="{$message.status}">
<ul class="ribbon">
<li class="ribbonNormal">
<div class="left"></div>
<div class="right"></div>
<marquee>{$message.status}</marquee>
</li>
</ul>
</xen:if>
</xen:contentcheck>
</xen:if>
Xong!
Không có nhận xét nào:
Đăng nhận xét