Hướng dẫn tạo forum invisionfree

Cái này từng post rồi, bây giờ post lại.
Rất nhiều bạn muốn có một không gian riêng, nhỏ trên mạng, một diễn đàn con cho lớp của mình. Trong khi bạn không có vốn để mua host, Domain. Không có kinh nghiệm về php, mySQL và về cài đặt một IPB hay VBB.Thì chọn lựa về Invisionfree là một lựa chọn sáng suốt cho bạn.

Đăng kí ở Invisionfree, tại sao tôi lại chọn Invisionfree?

Mặc dù có nhiều loại forumfree cho bạn chọn như http://forumer.com hay http://forumhoster.com nhưng Invisionfree lại có một điêm mạnh của nó, và không kém tính chuyên nghiệp.
1- Invisionfree lâu đời hơn các forum free khác
2- Invisionfree có một giao diện khá gợi cảm
3- Nhờ sự lâu đời của mình mà người ta nghiên cứu về nó đạt được nhiều thành tựu hơn so với forum khác, cho dù Forumhoster cho bạn sờ vào cả phpadmin của nó.
Thông số về invisionfree cập nhật ngày 18/1/05 là 450,000 forum và 4,400,000 members đăng kí
---------------------------------------------------------------------
Để đăng kí ở Invisionfree bạn hay vào http://invisionfree.com
+++ chọn Register ở menu bên tay phải. Sẽ hiện ra một trang, có thể là từ s1 cho đến s8.invisionfree. Chúng ta thường gặp s3 và s4 nhiều hơn cả. Con số này không quan trọng lắm.
+++ Ở mục điền thông tin:
@Board Name: Tên của forum bạn, chỉ được điền kí tự và số, hãy điền tiếng việt không dấu.
@Username: Tên của Root Admin, tức là bạn, người đầu tiên sử dụng diễn đàn. Hãy viết tiếng việt không dấu!!
@Category: Mục đích của bạn đối với diễn đàn, đa phần nên chọn Forum Service.
@Password: mật mã của bạn
@Password verity: gõ lại Password.
@Email Address: E-mail có thật của bạn, mỗi e-mail chỉ đăng kí được một lần
@Email Address verity: Gõ lại E-mail

Điều lệ của Invisionfree, chỉ có ba điều quan trọng nhất
1- Chỉ dung tiếng Anh trên diễn đàn
2- Không được xoá quảng cáo
3- Không xoá nguồn gốc diễn đàn (copyright invision power Board)

Tuy nhiên, Invision Teams đã du di cho bạn khoản thứ nhất, vì vậy bạn đừng vi phạm hai khoản còn lại, nếu bạn muốn diễn đàn của mình bình yên.

Bạn đồng ý và ấn Register!!


Loại bỏ quảng cáo

Với dịch vụ Invisionfree (www.invisionfree.com), bạn có thể tự tạo cho mình một forum (diễn đàn) miễn phí mà không cần phải biết lập trình. Chính vì ưu điểm đó mà dịch vụ này thường được các bạn học sinh, sinh viên dùng làm diễn đàn thảo luận cho lớp học hay cho trường của mình. Tuy nhiên, khi đăng ký một diễn đàn tại Invisionfree thì cũng đồng nghĩa với việc bạn phải chịu một số banner quảng cáo đặt trên tất cả các trang của diễn đàn. Bài viết sau đây sẽ hướng dẫn bạn cách khắc phục hạn chế này.

Như bạn đã biết, sau khi đăng ký một tài khoản tại Invisionfree, bạn sẽ được cung cấp 2 địa chỉ khác nhau, một là địa chỉ của diễn đàn (có dạng http://sx.invisionfree.com/boardname/index.php với x là số thứ tự của server chứa diễn đàn, còn boardname chính là tên diễn đàn mà khi đăng ký bạn đã khai báo), địa chỉ thứ hai được dùng để đăng nhập vào bảng điều khiển và quản lý diễn đàn (có dạng http://sx.invisionfree.com/boardname/admin.php).
Bạn hãy truy cập vào địa chỉ thứ 2 rồi đăng nhập bằng tài khoản của mình. Sau đó tìm đến khung Skinning & Styles nằm ở cột bên trái, nhấp chọn mục Board Wrapper. Ở khung bên phải xuất hiện cửa sổ Edit Wrapper. Tiếp theo, bạn xóa toàn bộ nội dung chứa trong khung Header & Body và thay bằng đoạn mã :

Code:

<%<% BOARD HEADER %>%>
< script language='JavaScript' type="text/javascript">
<!—
function buddy_pop() { window.open('index.php?act=buddy&s=','BrowserBuddy','width=250,height=500,resizable=yes,scrollbars=yes'); }
function multi_page_jump( url_bit, total_posts, per_page )
{pages = 1; cur_st = parseInt(""); cur_page = 1;
if ( total_posts % per_page == 0 ) { pages = total_posts / per_page; }
else { pages = Math.ceil( total_posts / per_page ); }
msg = "Please enter a page number to jump to between 1 and" + " " + pages;
if ( cur_st > 0 ) { cur_page = cur_st / per_page; cur_page = cur_page -1; }
show_page = 1;
if ( cur_page < pages ) { show_page = cur_page + 1; }
if ( cur_page >= pages ) { show_page = cur_page - 1; }
else { show_page = cur_page + 1; }
userPage = prompt( msg, show_page );
if ( userPage > 0 ) {
if ( userPage < 1 ) { userPage = 1; }
if ( userPage > pages ) { userPage = pages; }
if ( userPage == 1 ) { start = 0; }
else { start = (userPage - 1) * per_page; }
window.location = url_bit + "&st=" + start;}}
//-->
< /script>

<!--IBF.BANNER-->
<div id='logostrip'>
<a href='yourforum?' title='Board Home'><img src='yourlogo' alt='' border='0' /></a>
</div>

<!-- IE6/Win TABLE FIX -->
<table width="100%" cellspacing="6" id="submenu">
<tr>
<td><a href=''></a>&nbsp;• <a href="yourforum?act=site">Portal</a></td>
<td align="right">
<img src="http://67.18.37.18/style_images/1/atb_help.gif" border="0" alt="" />&nbsp;<a href='yourforum?act=Help'>Help</a>
&nbsp; &nbsp;&nbsp;<img src="http://67.18.37.18/style_images/1/atb_search.gif" border="0" alt="" />&nbsp;<a href='yourforum?act=Search&amp;f='>Search</a>
&nbsp; &nbsp;&nbsp;<img src="http://67.18.37.18/style_images/1/atb_members.gif" border="0" alt="" />&nbsp;<a href='yourforum?act=Members'>Members</a>
&nbsp; &nbsp;&nbsp;<img src="http://67.18.37.18/style_images/1/atb_calendar.gif" border="0" alt="" />&nbsp;<a href='yourforum?act=calendar'>Calendar</a>
<!--IBF.CHATLINK-->
</td>
</tr>
</table>
<% MEMBER BAR %>
<% NAVIGATION %>
<% BOARD %>
<div style="visibility:hidden">

Trong đó yourforum chính là địa chỉ diễn đàn của bạn, còn yourlogo là địa chỉ liên kết đến hình ảnh logo cho diễn đàn (thường được đặt ở phía trên cùng của diễn đàn, ví dụ logo của diễn đàn e-CHÍP là http://diendan.vietnamnet.vn/skins/images/echip_banner.jpg). Cuối cùng, nhấn nút Edit Wrapper để lưu lại những thay đổi. Bây giờ, bạn thử truy cập vào diễn đàn của mình xem sao. Chúc bạn như ý!

Tự Việt hóa diễn đàn

Theo mặc định, Invisionfree sẽ sử dụng tiếng Anh làm ngôn ngữ chính cho diễn đàn. Đối với một số bạn không rành về tiếng Anh thì điều này quả là một trở ngại lớn! Vì vậy, việc bạn cần làm bây giờ là phải chuyển toàn bộ ngôn ngữ tiếng Anh sang tiếng Việt (Việt hóa cho diễn đàn) để ai cũng có thể hiểu được.


Vì Invisionfree không cho chúng ta can thiệp vào các file PHP để Việt hóa như những diễn đàn khác, cho nên chúng ta sẽ sử dụng JavaScript để giải quyết vấn đề trên. Cụ thể là tạo ra một file việt hóa có phần mở rộng là *.js rồi chèn vào diễn đàn. Cơ sở để Việt hóa chính là việc dịch và thay thế những cụm từ tiếng Anh xuất hiện trên diễn đàn bằng các từ tiếng Việt soạn theo mã Unicode. Đoạn JavaScript dùng để Việt hóa có cấu trúc như sau:

Code:


function change(item,item2) {
var range = document.body.createTextRange();
range.collapse(true);
if (location.href.indexOf("action=") != -1 ) {
return false;
} else {
while (range.findText(item)) {
range.text=item2;
range.collapse(false); }}}
change("English1", "Vietnamese1")
change("English2", "Vietnamese2")

Trong đó English1, English2... là những cụm từ tiếng Anh mà bạn nhìn thấy trên diễn đàn, còn Vietnamese1, Vietnamese2... là phần dịch nghĩa tiếng Việt tương ứng với mỗi cụm từ tiếng Anh đứng trước nó (Ví dụ: change (“Login”, “Đăng nhập”) chẳng hạn). Muốn tạo được một file JavaScript có cấu trúc như trên, bạn dùng WordPad (hoặc Notepad) để soạn thảo. Sau khi soạn xong, bạn nhấp chọn File\ Save, hộp thoại Save As hiện ra, bạn đặt tên cho tập tin này là viethoa.js, sau đó chọn định dạng Text Document trong mục Save as type, cuối cùng nhấn Save để lưu vào máy. Tiếp đến, bạn upload tập tin này lên host (nơi lưu trữ dữ liệu) của mình, lúc đó tập tin viethoa.js sẽ có đường dẫn liên kết dạng http://www.yourwebsite.com/viethoa.js.
Bây giờ, bạn quay trở lại trang quản lý diễn đàn (có địa chỉ dạng http://sx.invisionfree.com/boardname/admin.php), đăng nhập vào bảng điều khiển với username, password đã đăng ký. Sau đó nhấp chọn mục Board Wrapper trong phần Skinning & Styles. Hộp thoại Edit Wrapper xuất hiện, bạn tìm đến khung Footer và gõ đoạn code này vào: < script src="http://www.yourwebsite.com/viethoa.js">< /script> , bạn nhớ phải thay đổi địa chỉ đường dẫn đến file viethoa.js cho phù hợp đấy nhé! Cuối cùng, nhấn nút Edit Wrapper để thay đổi có hiệu lực.
Bạn có thể tải tập tin viethoa.js đã được biên tập sẵn tại www.echip.com.vn để sử dụng cho diễn đàn của mình.

CHÈN BỘ GÕ

Bộ gõ hiện giờ rất đa dạng, có thể dung unicode hoặc viettyping v..vv như gamevn là dùng Unicode. Bạn phải xác định, Invisionfree rất bình thường. Trong phần bạn có thể chỉnh sửa, nó chỉ như một cấu trúc html đơn giản, mà thực ra viết bằng php. Nhưng bạn cứ coi như nó là bằng html đi. Vậy thì nó sẽ có đủ:

// Document Type nằm ở đây

<html>

<head>
//Meta Tags, Javascript và CSS nằm ở đây (javascript là javascript hệ thống trình duyệt, nó giúp bạn phân phối trong trình duyệt sử dụng, không hoàn toàn giống như javascript bạn dùng ở thẻ <body>
</head>
<body>
// nơi bạn trình bày phần thân, gồm có: Header & Body, Footer:



</body>
</html>

Quay trở lại việc chèn bộ gõ!
1-- Trong tag Meta, bạn cho đoạn:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

Tag meta này giúp bạn không bị lỗi khi viết trong diễn đàn.
2-- Trong JavaScript bạn chèn:

Code:

<script language=JavaScript 1.2 src="http://w3vn.net/forum/viettyping.js">
<body onmouseup=ddth_mouseup() onmousedown=ddth_mouseout() onkeydown=ddth_keydown() onmouseover=ddth_mouseover() onmouseout=ddth_mouseout() bgcolor='#FFFFFF' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'>
</SCRIPT>

Đến đây, chèn bộ gõ trong Diễn đàn là xong. Còn trong Admin CP, bạn không thể dung bộ gõ này, hãy dùng Vietkey ở máy của bạn để viết Tiếng Việt, nên hạn chế viết từ nào có dạng "ượ" vì nó trở thành "ýợ"

Có một số phần là phần bạn sửa chữa cho phù hợp với forum mình!!

Không thể đăng nhập

khi bạn dùng domain ngắn (net.ms, dot.tk, good.to, net.tf..) sẽ gặp 1 vấn đề không thể thể đăng nhập, hoặc được nhưng một lúc sau là bị logout ngay,
có một cách để khắc phục lỗi này, nhưng nó chỉ xuất hiện ở các tên miền: net.ms, net.tf, net.tc...
đăng nhập vào net.ms
Administration ==>domain Settings:
- Destination URL: địa chỉ diễn đàn
- Cloaking: nhấp chọn cái bên dưới (Show the Destination URL in the browser line. [not yet supported] )
- Advertising: chọn NONE

riêng trường hợp tên miền .tk phải sử dụng mã anti logout
Board Wrappers-->Footer:

Code:

<script language="Javascript" type="text/javascript">
<!--
if (window != window.top)
top.location.href = location.href;
//-->
</script>

bạn lưu ý là mã này ko tương thích với Shop/bank, online/offline... vì vậy ko thể dùng cả 2 trong 1 forum


NOTE: trường hợp, dù đã dùng các cách trên nhưng vẫn bi logout. Đây là nguyên nhân Cookies.
ở thanh trên cùng của cửa sổ trình duyệt web, bạn vào:
Tools-->Internet Options-->Privacy (xem hình):


kéo thanh trượt xuống dưới cùng, bấm Apply--->OK. tất cả cookies sẽ đc lưu lại trên máy và bạn có thể yên tâm duyệt forum mà ko sợ bị đá ra ngoài

Mã Post Nhạc

Tác dụng của mã này:
cho phép nghe nhạc online trên forum
mẫu: http://s10.invisionfree.com/loph/index.php?showtopic=1591

hướng dẫn
gồm các bước:
1.cho phép các nhóm thành viên sử dụng thẻ và mở trong forum
2.rút gọn mã khi post lên forum bằng 1 thẻ ngắn

1.cho phép các nhóm thành viên sử dụng thẻ và mở trong forum
- cho phép thành viên dùng [dohtml ]: Manage User Groups-->Edit Group: tìm đến Can use [doHTML ] tag? <--chọn YES (bạn phải chỉnh trong tất cả các nhóm, kể cả admin. nhưng lưu ý rằng khi forum bạn mở có thể 1 số hacker sẽ lợi dụng nó để phá forum bạn, tuy nhiên ko phải ai cũng có thể hack đc ah smile.gif )
- cho phép mở [dohtml ] trong forum: Manage Forums-->Settings-->Allow use of the tag?-->chọn yes (tương tự như trên, bạn cũng cần mở ở những chuyên mục post nhạc)

2.rút gọn mã khi post lên forum bằng 1 thẻ ngắn
bạn vào Manage Word Filters
A. mã dành cho loại nhạc chỉ có tiếng
-trong Before viết

Code:

[nhac]

-After:

Code:

[dohtml]<embed enableContextMenu=0 type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="

-Method: chọn Loose, sau đó click Add filter.

Tiếp tục:
-Before viết

Code:


[/nhac]

-After:

Code:

" type="application/x-mplayer2" ShowStatusBar="1" AutoStart="0" ShowControls="1" width=300 height=68 ></embed>[/dohtml]

-Method: chọn Loose, sau đó click Add filter.

B. mã cho nhạc hình (làm tương tự)
Before:

Code:

[video]

After:

Code:

[dohtml]<embed enableContextMenu=0 type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="

-Method: chọn Loose, sau đó click Add filter.

tiếp tục
-Before:

Code:

[/video]

-After:

" type="application/x-mplayer2" ShowStatusBar="1" AutoStart="0" ShowControls="1" width=400 height=350 ></embed>[/doHTML]

-Method: chọn Loose, sau đó click Add filter.

C. mã cho nhạc Flash
-before:

Code:

[ flash]

After:

Code:

[dohtml] <embed src=" 

-Method: chọn Loose, sau đó click Add filter.

tiếp tục
-Before:

Code:

[/flash]

-After:

Code:

" width="500" height="400" type="application/x-shockwave-flash"></embed> [/dohtml]

-Method: chọn Loose, sau đó click Add filter.

vậy là xong, từ nay để gửi nhạc lên, bạn sử dụng như sau:

Code:

[nhac]link bài hát[/nhac]
[video ]link bài hát[ /video]
[flash ]link bài hát[/ flash]

Sưu Tập 1 Vài Flash Đẹp

Mã này tạo 1 số hiệu ứng cho banner như ngôi sao lấp lánh, tuyết rơi, trái tim bay...

Board Wrappers-->Header & Body, bỏ phía trên <% BOARD HEADER %>

Code:


<DIV id="flash" style="Z-INDEX: 1; LEFT: 130px; WIDTH: 45px; POSITION: absolute; TOP: 0px; HEIGHT: 1px">
<OBJECT height=150 width=750>
<embed src="http://conbo777.coolinc.info/swf/flashsao.swf" width="750" height="150"
quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer";;
type="application/x-shockwave-flash" menu="false"
wmode="transparent"></embed>
</OBJECT></DIV>

để có thêm nhiều hiệu ứng, bạn copy toàn bộ mã trên và để ngay dưới nó, nhớ thay dòng màu đỏ bằng 1 link flash khác. nhưng chỉ nên dùng 1 đến 2 thôi, nhiều quá sẽ làm chậm forum
Shop - Siêu Thị

Store v2
(Cải Tiến, Hiệu Chỉnh bởi Cafe. Dựa trên RPG Inferno phiên bản 3.0 của Zero Tolerance.)

1 vài thông tin:
-Shop bao gồm:
1.Shop - Siêu Thị
2.Bank - Ngân Hàng
3.Donate Money - Chuyển Nhượng
4.Shop ACP - Điều Chỉnh Shop (tiện ích cho admin)
-Không cần chỉnh sửa thông tin cá nhân trước khi mua đồ, có thể mua ngay nếu bạn đủ tiền.

Mẫu:
Trên thanh Submenu


Trong Shop


Trong Bài Viết


Đặt ở footer

Code:

<script>
/* ------------------------------------------------------------------------------- *\
| Store v2 created by [http://s13.invisionfree.com/Cafequan] based on RPG Inferno v3.0                      |
| Created For Invision Free                                                        |
| Author: Zero Tolerance Game Zone | Evolution 2004 [http://gzevolution.net]      |
\* ------------------------------------------------------------------------------- */

MoneyName = "Bạc"
MoneyPerThread = 20
MoneyPerPoll = 25
MoneyPerReply = 10
MoneyPerQuote = 10

NavBank = "http://67.15.181.134/4624/96/upload/p273778.gif"
NavImage = "http://67.15.181.134/4624/96/upload/p273779.gif"
NavDn = "http://67.15.181.134/4624/96/upload/p273782.gif"

// Start Shop Items Array
Shopping = []
Shopping[Shopping.length] = ["http://67.15.181.134/4624/96/upload/p287250.jpg","Toshiba Satellite M45-S311","At 6.2 lbs., the Satellite M45 is highly mobile, outperforming many desktops with technology designed specifically for mobile PCs. All systems.",1087]
Shopping[Shopping.length] = ["http://67.15.181.134/4624/96/upload/p287388.jpg","2005 FORD F150","SUPER CAB FX4 4X4 OFF ROAD PACKAGE, 5.4 Triton V8; Dual exhaust; Very well maintained",20000]
Shopping[Shopping.length] = ["http://67.15.181.134/4624/96/upload/p287394.jpg"," 2005 DODGE CARAVAN","Front Captains Chairs; 2 rows of bench seats; ",20000]
Shopping[Shopping.length] = ["http://67.15.181.134/4624/96/upload/p287331.jpg","LG 8110 HOUSING","This Housing comes at great value for your phone. An Original Product that will give your phone a brand new feel.",150]
Shopping[Shopping.length] = ["http://67.15.181.134/4624/96/upload/p287400.jpg","SONY VAIO","10/100 LAN Card, Firewire, Modem, Operating System, USB, WiFi Enabled.",1200]
</script>

<script src='http://s13.invisionfree.com/loiyeuthuong/index.php?act=Attach&type=post&id=287134'></script>
<script src='http://s13.invisionfree.com/loiyeuthuong/index.php?act=Attach&type=post&id=335042'></script>

Bảng liên kết diễn đàn

Mẫu:

Code:

<img src="http://s10.invisionfree.com/nekon/index.php?act=Attach&type=post&id=1098840" border="2" width="610">

Board Wrappers-->Header & Body (bỏ xuống dưới cùng)

Code:

<div class="tableborder">

<div class="maintitle">Affiliates</div>
    <table cellpadding='4' cellspacing='1' border='0' width='100%'>   
<tr>
<td width="20%" valign="middle" class="row4">

&nbsp;<a href="http://s10.invisionfree.com/loph/" target="blank"><img
src="http://img235.imageshack.us/img235/9615/ohlala17ge.png" border="0"></a>

<td width="46%" valign="left" class="row4">
<marquee scrollamount=3 onMouseover="this.scrollAmount=2" onMouseout="this.scrollAmount=4">
<br>
<a href="http://s10.invisionfree.com/loph/" target="blank"><img src="http://70.84.190.115/3262/104/upload/p823903.png"></a>
</marquee></td>
<td width="20%" valign="right" class="row4">
&nbsp;<img src="http://70.84.190.115/3262/104/upload/p823903.png"> <textarea rows='2' cols='15'

readonly='readonly' class="textinput">
<a href="http://s10.invisionfree.com/loph/" target="blank"><img
src="http://70.84.190.115/3262/104/upload/p823903.png"></a>
</textarea>
</td>
</tr>
</td>
</tr>
</table> 
</div>

bạn có thể tự điều chỉnh rất dễ dàng.

Nguồn conghung.com

tạo box kiểu gì hả bạn cả nút thanks nữa

À làm sao tạo cái chatbox nữa chứ.

Sky đã viết:tạo box kiểu gì hả bạn cả nút thanks nữa

Invisionfree tuy là một dịch vụ lâu năm nhưng quản lí nó khá là khó, nên tốt nhất là cứ trung thành với forumotion.