coleanhdayeu
19-02-2006, 10:18 AM
Tổng quan về IBF:
•IBF là loại diễn đàn viết bằng IPB ( Invision Power Board ) chạy trên server và cũng như những ngôn ngữ thiết kế web phổ biến khác nó trả về mã HTML cho Client . Khi sử dụng loại diễn đàn miễn phí này bạn phải đặt một banner quảng cáo bên trên và một dòng quảng cáo nhỏ bên dưới diễn đàn . Điều này là qui định bắt buộc của người tổ chức vì đây chính là nguồn sống nuôi server của họ .Khi bạn loại bỏ biển quảng cáo tức là bạn đã kí tên vào bản án tử hình cho diễn đàn mình .
•IBF được xem là một trong những dịch vụ diễn đàn miễn phí tốt nhất thế giới vì độ bảo mật cao , tốc độ load dữ liệu nhanh do hạn chế số forum trên mỗi server . Thêm vào đó IBF cũng được khá nhiều bạn tin dùng vì khả năng hack mod rất rộng đồng thời giao diện rất phong phú và người sử dụng có thể tự do sáng tạo giao diện cho mình .
•Một hạn chế của IBF là sau khi đăng kí tên miền của bạn sẽ rất dài và có dạng http://sx.invisionfree.com/boardname . Với x là chỉ số server của bạn , còn boardname là tên bạn đăng kí . Điều này có thể khắc phục bằng việc đăng kí một tên miền cấp 2 ngắn hơn .
IBF cho người mới bắt đầu :Để sử dụng diễn đàn IBF bạn không cần thiết phải biết quá nhiều chỉ cần làm theo thứ tự một số công việc sau là bạn có thể có một website đỉnh để chia sẻ cùng bạn bè .
1.Đăng kí : có lẽ đây là công việc thiết yếu nên tôi sẽ không nói thêm gì ở đây : http://invisionfree.com . Nếu bạn chưa thể đăng kí thành thạo một diễn đàn thì tôi khuyên bạn nên ngừng ngay công việc và trở lại học cách đăng kí trước khi tiếp tục phấn đấu để trở thành một amatuer webmaster .
2.Việt hóa : do diễn đàn IBF không do người Việt quản lý và hành nên hiển nhiên không hỗ trợ tiếng Việt . Do đó để thuận tiện hơn cho người Việt ta cần Việt Hóa chúng . Đặc điểm của IBF cũng như nhiều diễn đàn Free khác là không cho thao tác trực tiếp trên các file hệ thống của diễn đàn cũng như trên database . Chúng ta chỉ có thể Việt hóa thông qua các đoạn mã JavaScript do chúng ta viết ra mà thôi . Để thuận tiện cho các bạn, bạn có thể dùng đoạn link sau đưa vào phần Footer nằm trong Skinning & Styles -> Board Wappers .
Code:
<script language="JavaScript" src="http://nguyenngocduy.t35.com/viethoa2.js"></script>
Hoặc bạn có thể download file đính kèm bên dưới về và tự Việt Hóa lại theo ý mình .
3.Gắn bộ gõ : việc gắn bộ gõ cũng tưng tự như bạn làm trong các diễn đàn khác . Cũng trong phần Footer đã nói ở trên , bạn thêm vào đoạn mã sử dụng bộ gõ . Ở đây tôi không post bộ gõ lên nhưng có lẽ bạn nào cũng làm được nhỉ. Nếu bạn thiếu bộ gõ vừa ý tôi sẽ up lên sau nhé.
4.Ở đây do phạm vi sử dụng của IBF trong ACP khá nhiều tôi không thể hướng dẫn hết cho các bạn nên phần lớn các bạn sẽ phải tự tìm hiểu lấy . Chỗ nào còn thắc mắc hoặc chưa rõ làm về cách khai thác các bạn có thể post câu hỏi lên đây nhé .
Một số điều lưu ý khi xây dựng diễn đàn IBF
•Diễn đàn IBF phân quyền cho thành viên ngay khi tạo box chứ không phải tạo box xong mới phân quyền . Sau khi tạo một Category , bạn tạo một New Forum từ menu Forum Control . Trong cửa sổ tạo New Forum bạn phân quyền ( đọc , viết , xóa , sửa … ) cho thành viên ở phần Permission Access Levels .
•Trong ACP của IBF không hỗ trợ tiếng Việt . Để viết tiếng Việt trong ACP , bạn có thể sử dụng bộ gõ trên máy . Tuy nhiên khi thể hiện ra bên ngoài diễn đàn một số kí tự sẽ bị biến dạng do bảng mã không thích hợp . Để khắc phục điều này bạn có thể dùng một diễn đàn nào đó viết tiếng Việt rồi copy sang . Tiếp theo trong thẻ Meta Tags bạn thêm vào dòng
Trích:
<meta http-equiv=****tent-type" content="text/html; charset=utf-8" />
•Một vấn đề được khá nhiều bạn quan tâm là làm sao phá đi cái banner quảng cáo của IBF . Như đã nói ở trên , chúng ta hoàn toàn có thể phá được nhưng thực hiện điều này đồng nghĩa với khai tử diễn đàn . Vì vậy hãy suy nghĩ thật cẩn thận trước khi quyết định . Theo nguyện vọng của mọi người tôi post code lên đây , làm thế nào thì tự xử lý nghen !
Kill quảng cáo, chỉ việc sửa trong header&body
Code:
<% BOARD HEADER %>thành
Code:
<%<%BOARD HEADER%>%>
muốn bỏ hẳn cái Copyright ở dưới cùng : chèn vào dưới cùng của header:
Code:
<div style="visibility:hidden">
xoá quảng cáo Nhưng lại có banner do bạn làm ra , bạn thay đoạn code sau vào
Code:
<%BOARD HEADER%>
thành
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='http://s3.invisionfree.com/lpvn/index.php?' title='Board Home'><img src='http://images.freewebs.com/Members/Generationz/NewStyles/WeddingLavender/header.gif' alt='' border='0' /></a>
</div>
<!-- IE6/Win TABLE FIX -->
<table width="100%" cellspacing="6" id="submenu">
<tr>
<td><a href=''></a> ｷ <a href="http://s3.invisionfree.com/lpvn/index.php?act=site">Portal</a></td>
<td align="right">
<img src="http://67.18.37.18/style_images/1/atb_help.gif" border="0" alt="" /> <a href='http://s3.invisionfree.com/lpvn/index.php?act=Help'>Help</a>
<img src="http://67.18.37.18/style_images/1/atb_search.gif" border="0" alt="" /> <a href='http://s3.invisionfree.com/lpvn/index.php?act=Search&f='>Search</a>
<img src="http://67.18.37.18/style_images/1/atb_members.gif" border="0" alt="" /> <a href='http://s3.invisionfree.com/lpvn/index.php?act=Members'>Members</a>
<img src="http://67.18.37.18/style_images/1/atb_calendar.gif" border="0" alt="" /> <a href='http://s3.invisionfree.com/lpvn/index.php?act=calendar'>Calendar</a>
<!--IBF.CHATLINK-->
</td>
</tr>
</table>
<% MEMBER BAR %>
<% NAVIGATION %>
<% BOARD %>
Sửa lại những đường link trong đoạn code đó nhé
Ở phần tiếp theo tôi sẽ hướng dẫn các bạn cách tạo một giao diện IBF và các Mod cơ bản của IBF . Phần này chấm dứt ở đây nghen .
Click vào tên file để download
tiếp theo chúng ta sẽ nói về cách thay skin cho diễn đàn đồng thời sẽ điểm qua một số Mod hack cơ bản mọi người nhé.
Phần 1 : Thay skin
So với các loại diễn đàn khác thì IBF có thế mạnh hơn hẳn vì khả năng sử dụng skin độc lập , không dính đến các mod do đó bạn có thể yên tâm thay tùy ý không ảnh hưởng đến các Mod đã hack. Để thay giao diện của một diễn đàn IBF, bạn không cần phải biết nhiều lắm về HTML cũng như vấn đề khó hơn chút nữa là CSS. Bạn cũng có thể truy cập vào địa chỉ http://ifskinzone.net/applications/a...aioskingen.php để tự thiết kế lấy một skin cho mình nếu muốn mà không sợ đụng hàng với bất cứ ai. Bạn chỉ cần nhập các thông số theo yêu cầu , phần output sẽ cho bạn một skin đúng như những gì bạn đã nhập ở trên. Cuối cùng chỉ là vấn đề copy rồi paste nó vào đúng vị trí nữa.
Nếu con mắt thẩm mỹ của bạn không được cao lắm , bạn cũng có thể sử dụng những mấu skin cho IBF được tôi cập nhật thường xuyên tại topic bộ sưu tâp skin ngay trong box này đây.
Để thay skin bạn chỉ việc vào Menu Skinning & Styles -->Manage Style Sheetschir việc xóa hết tất cả đi rồi paste đoạn code mới của bạn vào , Save lại là xong.
Phần 2 : một số Mod cơ bản.
Không phải là qui tắc nhưng là một điều dễ nhận thấy : hầu hết các Mod dùng trong IBF đều được viết bằng JavaScript.Việc thêm thắt dữ liệu vào cũng được thực hiện trong menu Skinning & Styles --> Board Wrappers nên tôi không nói mọi người cũng tự hiểu lấy nhé.
I. Tạo ShoutBox : dịch theo một nghĩa nào đó nó có thể hiểu là hộp thoại " la làng" giành cho các thành viên có thể trao đổi nhanh với nhau một việc bên lề nào đó mà không phải mở topic chi cho rắc rối. Hiện nay có rất nhiều sự lựa chọn cho các bạn có một shoutbox miễn phí trên diễn đàn. Hãy điểm qua vài gương mặt cung cấp shoutbox miễn phí như :
Hiện nay có rất nhiều website bắt đầu quan tâm và hỗ trợ cung cấp các hộp shoutBOX miễn phí cũng như có phí đến người dùng như
http://shoutmix.com/
http://www.myshoutbox.com/
http://www.shoutboxinflash.com/
http://cbox.co.za/
Trong đó tôi thấy có cái myshoutbox và cbox là tương đối dễ sử dụng. Ở đây tôi dùng cbox để minh họa , với myshoutbox mọi người tự làm nhé. Hãy enter vào trang http://cbox.co.za và đăng kí cho mình một shoutbox. Sau khi đăng kí có thể bạn sẽ nhận được một email nhằm xác nhận thông tin. Sau khi hoàn tất thủ tục đăng kí hãy đăng nhập vào AdminCP của shoutbox , ở cột menu bên trái hãy click vào Snippet. Tất cả những gì bạn cần là hãy copy lại đoạn code nhận được vào một trình soạn thảo nào đó để sửa chữa trước khi sử dụng. Hãy lấy nhiêu đây thôi :
Trích:
<iframe frameborder="0" width="160" height="225" src="http://cbox.co.za/box/?boxid=xxxxxx&boxtag=xxxx&sec=main" marginheight="2" marginwidth="2" scrolling="yes" name="cboxmain" allowtransparency="yes" style="border: #ababab 1px solid"></iframe></td></tr>
<tr><td>
<iframe frameborder="0" width="160" height="75" src="http://cbox.co.za/box/?boxid=xxxxxx&boxtag=xxxx&sec=form" marginheight="2" marginwidth="2" scrolling="no" name="cboxform" allowtransparency="yes" style="border: #ababab 1px solid; border-top: 0px;"></iframe>
Bây giờ việc còn lại là chèn nó vào forum của bạn mà thôi.
Hãy đăng nhập ACP của diễn đàn và vào Admin CP > Skinning & Styles > Board Wrappers > Header & Body > thay tòan bộ chữ <% BOARD HEADER %> của bạn bằng code sau
Trích:
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="900" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF" height="377" bordercolor="#f5f5f5">
// Redistributed for Vn communities by all4elva.com
<tr>
<td width="97%" height="100%" bgcolor="#FFFFFF">
<% BOARD HEADER %>
// Redistributed for Vn communities by all4elva.com
<table width="100%" class='0' cellspacing="1" cellpadding="-1">
<tr>
<td width="150" class='0' valign="top">
<center>
<div class='tableborder'>
<div class='maintitle'><img src='http://67.18.37.14/style_images/1/nav_m.gif' border='0' alt='' width='8' height='8'>Trò chuyện trực tuyến</div>
<div class='tablepad'>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td>
Đặt đoạn code mà bạn lấy từ shoutBox vào đây
</td></tr></table></div>
<!--SPACER-->
<td width="5" class='0'> </td>
<td width="90%" class='0' valign="top">
Thực ra đoạn code trên chỉ nhằm thay đổi kích thức của diễn đàn lại cho hợp lý với shoutbox. Nếu bạn đã có một khung diễn đàn chuẩn và thích hợp đặt shoutbox rồi thì không cần.
Music Box giành cho IBF
File đính kèm bên dưới bài viết này là Script để tạo hộp nhạc
Tương thích: Đáng tiếc là chỉ chạy trên Internet Explorer 5+
Copyright: Bui Hoang Hiep
Sau khi tải về và giải nén , bạn sẽ tìm thấy các tập tin sau :
- index.html = tập tin chính của MusicBox
- 1.js và 2.js = tạm thời đây là 2 cơ sở dữ liệu chứa thông tin bài hát của MusicBox ( bao gồm tên, danh sách, và địa chỉ)
- 2 thư mục lần lượt tên blueskins và rating : Bạn không cần quan tâm nhiều đến chúng vì đây là thư mục chứa skin và tính năng Đánh giá bài hát, hiện chưa thể dùng được trong phiên bản MusicBox này.
Bây giờ trước khi bắt tay sử dụng nó chúng ta cần chỉnh lại một chút mã nguồn để nó tốt hơn và theo ý chúng ta.
a) Mở tập tin index.html bằng notepad hay trình soạn thảo gì cũng được , sửa dòng
<TITLE>All4Elva - HandyMusic Box for everyone</TITLE>
Thành tiêu đề của bạn.
Tìm tiếp
Trích:
musicTypeCnt=2;
musicTypeList[1]='Name 1';
musicTypeList[2]='Name 2';
musicTypeList[3]='Name 3';
musicTypeList[4]='Name 4';
musicTypeList[5]='Name 5';
musicTypeList[6]='Name 6'
TypeCnt là số mục dành cho thể lọai nhạc mà bạn muốn đặt vào MusicBox (nằm bên trái). Bạn có thể thay đổi lên đến số 6. Còn các Name 1, 2,3... là tiêu đề của thể loại.
b) Nếu muốn thêm bài hát hãy sửa trong 2 file js với cấu trúc giống như cấu trúc có sẵn.
c)Nhúng hộp âm nhạc vào Forum Rule
Sau khi bạn đã vọc đã đời với các cơ sở dữ liệu và tập tin của MusicBox, đã đến lúc bạn nên upload chúng lên một host nào đó để liên kết vào diễn đàn của bạn. Host không cần bất kỳ hỗ trợ nào về PHP, ASP, SQL...Bạn chỉ cần 1 host bình thường có thể chứa tập tin HTML,JS là đủ xài.
Khi đã sẵn sàng , bạn upload tất cả các tập tin , thư mục lên host
Lúc đã hòan tất quá trình trên, bạn vào Admin Cp > Forum Control > Manage Forums.
Nhấn vào biểu tượng đối với forum mà bạn muốn đặt Music box vào phần nội qui.
Copy và dán đoạn code này vào
Code:
<iframe src="Địa chỉ đến tập tin index.html trên host bạn" width="800" height="680" scrolling="yes" frameborder="0"></iframe><br>Redistributed for Vn communities by All4elva</center>Click vào tên file để download
•IBF là loại diễn đàn viết bằng IPB ( Invision Power Board ) chạy trên server và cũng như những ngôn ngữ thiết kế web phổ biến khác nó trả về mã HTML cho Client . Khi sử dụng loại diễn đàn miễn phí này bạn phải đặt một banner quảng cáo bên trên và một dòng quảng cáo nhỏ bên dưới diễn đàn . Điều này là qui định bắt buộc của người tổ chức vì đây chính là nguồn sống nuôi server của họ .Khi bạn loại bỏ biển quảng cáo tức là bạn đã kí tên vào bản án tử hình cho diễn đàn mình .
•IBF được xem là một trong những dịch vụ diễn đàn miễn phí tốt nhất thế giới vì độ bảo mật cao , tốc độ load dữ liệu nhanh do hạn chế số forum trên mỗi server . Thêm vào đó IBF cũng được khá nhiều bạn tin dùng vì khả năng hack mod rất rộng đồng thời giao diện rất phong phú và người sử dụng có thể tự do sáng tạo giao diện cho mình .
•Một hạn chế của IBF là sau khi đăng kí tên miền của bạn sẽ rất dài và có dạng http://sx.invisionfree.com/boardname . Với x là chỉ số server của bạn , còn boardname là tên bạn đăng kí . Điều này có thể khắc phục bằng việc đăng kí một tên miền cấp 2 ngắn hơn .
IBF cho người mới bắt đầu :Để sử dụng diễn đàn IBF bạn không cần thiết phải biết quá nhiều chỉ cần làm theo thứ tự một số công việc sau là bạn có thể có một website đỉnh để chia sẻ cùng bạn bè .
1.Đăng kí : có lẽ đây là công việc thiết yếu nên tôi sẽ không nói thêm gì ở đây : http://invisionfree.com . Nếu bạn chưa thể đăng kí thành thạo một diễn đàn thì tôi khuyên bạn nên ngừng ngay công việc và trở lại học cách đăng kí trước khi tiếp tục phấn đấu để trở thành một amatuer webmaster .
2.Việt hóa : do diễn đàn IBF không do người Việt quản lý và hành nên hiển nhiên không hỗ trợ tiếng Việt . Do đó để thuận tiện hơn cho người Việt ta cần Việt Hóa chúng . Đặc điểm của IBF cũng như nhiều diễn đàn Free khác là không cho thao tác trực tiếp trên các file hệ thống của diễn đàn cũng như trên database . Chúng ta chỉ có thể Việt hóa thông qua các đoạn mã JavaScript do chúng ta viết ra mà thôi . Để thuận tiện cho các bạn, bạn có thể dùng đoạn link sau đưa vào phần Footer nằm trong Skinning & Styles -> Board Wappers .
Code:
<script language="JavaScript" src="http://nguyenngocduy.t35.com/viethoa2.js"></script>
Hoặc bạn có thể download file đính kèm bên dưới về và tự Việt Hóa lại theo ý mình .
3.Gắn bộ gõ : việc gắn bộ gõ cũng tưng tự như bạn làm trong các diễn đàn khác . Cũng trong phần Footer đã nói ở trên , bạn thêm vào đoạn mã sử dụng bộ gõ . Ở đây tôi không post bộ gõ lên nhưng có lẽ bạn nào cũng làm được nhỉ. Nếu bạn thiếu bộ gõ vừa ý tôi sẽ up lên sau nhé.
4.Ở đây do phạm vi sử dụng của IBF trong ACP khá nhiều tôi không thể hướng dẫn hết cho các bạn nên phần lớn các bạn sẽ phải tự tìm hiểu lấy . Chỗ nào còn thắc mắc hoặc chưa rõ làm về cách khai thác các bạn có thể post câu hỏi lên đây nhé .
Một số điều lưu ý khi xây dựng diễn đàn IBF
•Diễn đàn IBF phân quyền cho thành viên ngay khi tạo box chứ không phải tạo box xong mới phân quyền . Sau khi tạo một Category , bạn tạo một New Forum từ menu Forum Control . Trong cửa sổ tạo New Forum bạn phân quyền ( đọc , viết , xóa , sửa … ) cho thành viên ở phần Permission Access Levels .
•Trong ACP của IBF không hỗ trợ tiếng Việt . Để viết tiếng Việt trong ACP , bạn có thể sử dụng bộ gõ trên máy . Tuy nhiên khi thể hiện ra bên ngoài diễn đàn một số kí tự sẽ bị biến dạng do bảng mã không thích hợp . Để khắc phục điều này bạn có thể dùng một diễn đàn nào đó viết tiếng Việt rồi copy sang . Tiếp theo trong thẻ Meta Tags bạn thêm vào dòng
Trích:
<meta http-equiv=****tent-type" content="text/html; charset=utf-8" />
•Một vấn đề được khá nhiều bạn quan tâm là làm sao phá đi cái banner quảng cáo của IBF . Như đã nói ở trên , chúng ta hoàn toàn có thể phá được nhưng thực hiện điều này đồng nghĩa với khai tử diễn đàn . Vì vậy hãy suy nghĩ thật cẩn thận trước khi quyết định . Theo nguyện vọng của mọi người tôi post code lên đây , làm thế nào thì tự xử lý nghen !
Kill quảng cáo, chỉ việc sửa trong header&body
Code:
<% BOARD HEADER %>thành
Code:
<%<%BOARD HEADER%>%>
muốn bỏ hẳn cái Copyright ở dưới cùng : chèn vào dưới cùng của header:
Code:
<div style="visibility:hidden">
xoá quảng cáo Nhưng lại có banner do bạn làm ra , bạn thay đoạn code sau vào
Code:
<%BOARD HEADER%>
thành
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='http://s3.invisionfree.com/lpvn/index.php?' title='Board Home'><img src='http://images.freewebs.com/Members/Generationz/NewStyles/WeddingLavender/header.gif' alt='' border='0' /></a>
</div>
<!-- IE6/Win TABLE FIX -->
<table width="100%" cellspacing="6" id="submenu">
<tr>
<td><a href=''></a> ｷ <a href="http://s3.invisionfree.com/lpvn/index.php?act=site">Portal</a></td>
<td align="right">
<img src="http://67.18.37.18/style_images/1/atb_help.gif" border="0" alt="" /> <a href='http://s3.invisionfree.com/lpvn/index.php?act=Help'>Help</a>
<img src="http://67.18.37.18/style_images/1/atb_search.gif" border="0" alt="" /> <a href='http://s3.invisionfree.com/lpvn/index.php?act=Search&f='>Search</a>
<img src="http://67.18.37.18/style_images/1/atb_members.gif" border="0" alt="" /> <a href='http://s3.invisionfree.com/lpvn/index.php?act=Members'>Members</a>
<img src="http://67.18.37.18/style_images/1/atb_calendar.gif" border="0" alt="" /> <a href='http://s3.invisionfree.com/lpvn/index.php?act=calendar'>Calendar</a>
<!--IBF.CHATLINK-->
</td>
</tr>
</table>
<% MEMBER BAR %>
<% NAVIGATION %>
<% BOARD %>
Sửa lại những đường link trong đoạn code đó nhé
Ở phần tiếp theo tôi sẽ hướng dẫn các bạn cách tạo một giao diện IBF và các Mod cơ bản của IBF . Phần này chấm dứt ở đây nghen .
Click vào tên file để download
tiếp theo chúng ta sẽ nói về cách thay skin cho diễn đàn đồng thời sẽ điểm qua một số Mod hack cơ bản mọi người nhé.
Phần 1 : Thay skin
So với các loại diễn đàn khác thì IBF có thế mạnh hơn hẳn vì khả năng sử dụng skin độc lập , không dính đến các mod do đó bạn có thể yên tâm thay tùy ý không ảnh hưởng đến các Mod đã hack. Để thay giao diện của một diễn đàn IBF, bạn không cần phải biết nhiều lắm về HTML cũng như vấn đề khó hơn chút nữa là CSS. Bạn cũng có thể truy cập vào địa chỉ http://ifskinzone.net/applications/a...aioskingen.php để tự thiết kế lấy một skin cho mình nếu muốn mà không sợ đụng hàng với bất cứ ai. Bạn chỉ cần nhập các thông số theo yêu cầu , phần output sẽ cho bạn một skin đúng như những gì bạn đã nhập ở trên. Cuối cùng chỉ là vấn đề copy rồi paste nó vào đúng vị trí nữa.
Nếu con mắt thẩm mỹ của bạn không được cao lắm , bạn cũng có thể sử dụng những mấu skin cho IBF được tôi cập nhật thường xuyên tại topic bộ sưu tâp skin ngay trong box này đây.
Để thay skin bạn chỉ việc vào Menu Skinning & Styles -->Manage Style Sheetschir việc xóa hết tất cả đi rồi paste đoạn code mới của bạn vào , Save lại là xong.
Phần 2 : một số Mod cơ bản.
Không phải là qui tắc nhưng là một điều dễ nhận thấy : hầu hết các Mod dùng trong IBF đều được viết bằng JavaScript.Việc thêm thắt dữ liệu vào cũng được thực hiện trong menu Skinning & Styles --> Board Wrappers nên tôi không nói mọi người cũng tự hiểu lấy nhé.
I. Tạo ShoutBox : dịch theo một nghĩa nào đó nó có thể hiểu là hộp thoại " la làng" giành cho các thành viên có thể trao đổi nhanh với nhau một việc bên lề nào đó mà không phải mở topic chi cho rắc rối. Hiện nay có rất nhiều sự lựa chọn cho các bạn có một shoutbox miễn phí trên diễn đàn. Hãy điểm qua vài gương mặt cung cấp shoutbox miễn phí như :
Hiện nay có rất nhiều website bắt đầu quan tâm và hỗ trợ cung cấp các hộp shoutBOX miễn phí cũng như có phí đến người dùng như
http://shoutmix.com/
http://www.myshoutbox.com/
http://www.shoutboxinflash.com/
http://cbox.co.za/
Trong đó tôi thấy có cái myshoutbox và cbox là tương đối dễ sử dụng. Ở đây tôi dùng cbox để minh họa , với myshoutbox mọi người tự làm nhé. Hãy enter vào trang http://cbox.co.za và đăng kí cho mình một shoutbox. Sau khi đăng kí có thể bạn sẽ nhận được một email nhằm xác nhận thông tin. Sau khi hoàn tất thủ tục đăng kí hãy đăng nhập vào AdminCP của shoutbox , ở cột menu bên trái hãy click vào Snippet. Tất cả những gì bạn cần là hãy copy lại đoạn code nhận được vào một trình soạn thảo nào đó để sửa chữa trước khi sử dụng. Hãy lấy nhiêu đây thôi :
Trích:
<iframe frameborder="0" width="160" height="225" src="http://cbox.co.za/box/?boxid=xxxxxx&boxtag=xxxx&sec=main" marginheight="2" marginwidth="2" scrolling="yes" name="cboxmain" allowtransparency="yes" style="border: #ababab 1px solid"></iframe></td></tr>
<tr><td>
<iframe frameborder="0" width="160" height="75" src="http://cbox.co.za/box/?boxid=xxxxxx&boxtag=xxxx&sec=form" marginheight="2" marginwidth="2" scrolling="no" name="cboxform" allowtransparency="yes" style="border: #ababab 1px solid; border-top: 0px;"></iframe>
Bây giờ việc còn lại là chèn nó vào forum của bạn mà thôi.
Hãy đăng nhập ACP của diễn đàn và vào Admin CP > Skinning & Styles > Board Wrappers > Header & Body > thay tòan bộ chữ <% BOARD HEADER %> của bạn bằng code sau
Trích:
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="900" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF" height="377" bordercolor="#f5f5f5">
// Redistributed for Vn communities by all4elva.com
<tr>
<td width="97%" height="100%" bgcolor="#FFFFFF">
<% BOARD HEADER %>
// Redistributed for Vn communities by all4elva.com
<table width="100%" class='0' cellspacing="1" cellpadding="-1">
<tr>
<td width="150" class='0' valign="top">
<center>
<div class='tableborder'>
<div class='maintitle'><img src='http://67.18.37.14/style_images/1/nav_m.gif' border='0' alt='' width='8' height='8'>Trò chuyện trực tuyến</div>
<div class='tablepad'>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td>
Đặt đoạn code mà bạn lấy từ shoutBox vào đây
</td></tr></table></div>
<!--SPACER-->
<td width="5" class='0'> </td>
<td width="90%" class='0' valign="top">
Thực ra đoạn code trên chỉ nhằm thay đổi kích thức của diễn đàn lại cho hợp lý với shoutbox. Nếu bạn đã có một khung diễn đàn chuẩn và thích hợp đặt shoutbox rồi thì không cần.
Music Box giành cho IBF
File đính kèm bên dưới bài viết này là Script để tạo hộp nhạc
Tương thích: Đáng tiếc là chỉ chạy trên Internet Explorer 5+
Copyright: Bui Hoang Hiep
Sau khi tải về và giải nén , bạn sẽ tìm thấy các tập tin sau :
- index.html = tập tin chính của MusicBox
- 1.js và 2.js = tạm thời đây là 2 cơ sở dữ liệu chứa thông tin bài hát của MusicBox ( bao gồm tên, danh sách, và địa chỉ)
- 2 thư mục lần lượt tên blueskins và rating : Bạn không cần quan tâm nhiều đến chúng vì đây là thư mục chứa skin và tính năng Đánh giá bài hát, hiện chưa thể dùng được trong phiên bản MusicBox này.
Bây giờ trước khi bắt tay sử dụng nó chúng ta cần chỉnh lại một chút mã nguồn để nó tốt hơn và theo ý chúng ta.
a) Mở tập tin index.html bằng notepad hay trình soạn thảo gì cũng được , sửa dòng
<TITLE>All4Elva - HandyMusic Box for everyone</TITLE>
Thành tiêu đề của bạn.
Tìm tiếp
Trích:
musicTypeCnt=2;
musicTypeList[1]='Name 1';
musicTypeList[2]='Name 2';
musicTypeList[3]='Name 3';
musicTypeList[4]='Name 4';
musicTypeList[5]='Name 5';
musicTypeList[6]='Name 6'
TypeCnt là số mục dành cho thể lọai nhạc mà bạn muốn đặt vào MusicBox (nằm bên trái). Bạn có thể thay đổi lên đến số 6. Còn các Name 1, 2,3... là tiêu đề của thể loại.
b) Nếu muốn thêm bài hát hãy sửa trong 2 file js với cấu trúc giống như cấu trúc có sẵn.
c)Nhúng hộp âm nhạc vào Forum Rule
Sau khi bạn đã vọc đã đời với các cơ sở dữ liệu và tập tin của MusicBox, đã đến lúc bạn nên upload chúng lên một host nào đó để liên kết vào diễn đàn của bạn. Host không cần bất kỳ hỗ trợ nào về PHP, ASP, SQL...Bạn chỉ cần 1 host bình thường có thể chứa tập tin HTML,JS là đủ xài.
Khi đã sẵn sàng , bạn upload tất cả các tập tin , thư mục lên host
Lúc đã hòan tất quá trình trên, bạn vào Admin Cp > Forum Control > Manage Forums.
Nhấn vào biểu tượng đối với forum mà bạn muốn đặt Music box vào phần nội qui.
Copy và dán đoạn code này vào
Code:
<iframe src="Địa chỉ đến tập tin index.html trên host bạn" width="800" height="680" scrolling="yes" frameborder="0"></iframe><br>Redistributed for Vn communities by All4elva</center>Click vào tên file để download