Mod 3 in 1 Cải tiến - Slide Show Ảnh + Thông báo + List Music [Đẹp + Hoàn Thiện]

[admin]

Demo:


*Lưu ý là chỉ dùng được cho các skin có chiều rộng trên 920px - đối với các skin có chiều rộng ít hơn 920px thì xem ở bản cập nhật cũ hơn, được post ở bên dưới.

*Đã test kỹ và tốt trên mọi trình duyệt, đảm bảo không lỗi, vỡ khung và tất nhiên là phiên bản VBB nào cũng dùng được!

===========================

*Download file đính kèm và giải nén, post các thư mục và file trong UPLOAD lên thư mục root của forum (ngang hàng với index.php)
*Sử dụng:
Bạn vào Admincp -> Styles & Templates -> Style Manager -> Chọn Style đang sử dụng sau đó chọn: Edit Templates -> Chọn Temp FORUM HOME
Tìm:

{vb:raw navbar}

Thêm vào đoạn mã dưới đây:

<table id="Table_01" border="0" align="center" width="926" cellspacing="0" cellpadding="0"> <tr> <td> <img src="mod3in1/top_1.gif" border="0"></td> </tr> </table> <table id="Table_02" border="0" align="center" width="926" cellspacing="0" cellpadding="0"> <tr> <td> <img src="mod3in1/top_left.gif" border="0"></td> <td width="176" height="18"><img src="http://opi.yahoo.com/online?u=xjnhz4j_0nljn3_hb89&amp;m=g&amp;t=5" alt="Online Status" border="0" />    <a href="ymsgr:sendim?xjnhz4j_0nljn3_hb89"> <b>Supporter</b></a></td> <td> <img src="mod3in1/top_right2.gif" border="0"></td> </tr> </table> <table id="Table_03" border="0" align="center" width="926" cellspacing="0" cellpadding="0"> <tr> <td> <img src="mod3in1/top_2.gif" border="0"></td> </tr> </table><table id="Table_04" border="0" align="center" width="926" cellspacing="0" cellpadding="0"> <tr> <td> <img src="mod3in1/left.gif" border="0"></td> <td width="241" height="190"> 
<iframe src="missmr.html" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" height="190" scrolling="no" width="241"></iframe>
</td> <td> <img src="mod3in1/center.gif" border="0"></td> <td width="720" height="190">
<b><a href="Link thông báo 1"><font color="DarkOrchid">• Nội dung thông báo 1</font></a><br><br> 
<a href="Link thông báo 2"><font color="red">• Nội dung thông báo 2</font></a><br><br>
<a href="Link thông báo 3"><font color="magenta">• Nội dung thông báo 3</font></a><br><br>
<a href="Link thông báo 4"><font color="green">• Nội dung thông báo 4</font></a><br><br>
<a href="Link thông báo 5"><font color="Sienna">• Nội dung thông báo 5</font></a><br><br>
<a href="Link thông báo 6"><font color="blue">• Nội dung thông báo 6</font></a></b>
 </td> <td> <img src="mod3in1/right.gif" border="0"></td>
<td width="124" height="190">
<embed src="mod3in1/playmusic.swf" allowfullscreen="true" allowscriptaccess="always" flashvars="&file=mod3in1/listmusic.xml&displayheight=0&backcolor=0xFB3C6D&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&showdigits=true&showeq=true&showfsbutton=true&autostart=false&shuffle=false&repeat=true;volume=100;width=124&amp;height=190" width="124" height="190" />
<td> <img src="mod3in1/right2.gif" border="0"></td> </tr> </table> <table id="Table_05" border="0" align="center" width="926" cellspacing="0" cellpadding="0"> <tr> <td> <img src="mod3in1/bot.gif"></td> </tr> </table><br>

XONG!

- Ở phiên bản này mình sử dụng code trình chiếu ảnh cái tiến hơn trước nên đẹp và không "kén host" như bản trước, vì file ảnh được up trực tiếp lên forum bạn nên không thể có lỗi.

*Để thay đổi và thêm hình ảnh vào Slide Show các bạn mở file data.xml ra (mở bằng Notepad hoặc 1 chương trình đọc văn bản nào đó cũng được ^.^) sau đó sửa lại các thông tin cho phù hợp với forum bạn (rất dễ hiểu). File ảnh các bạn phải đặt vào thư mục missmr (có thể đổi tên tùy ý, nếu đổi nhớ đổi luôn cả đường dẫn trong file data.xml)

*Để thay đổi và thêm bài hát vào Play Music các bạn mở file listmusic.xml ra (mở bằng Notepad hoặc 1 chương trình đọc văn bản nào đó cũng được ^.^) sau đó sửa lại link và tên các bài hát bạn muốn thay (rất dễ hiểu).

*Đoạn chữ màu đỏ in đậm trong code là nick của mình, các bạn thay nó bằng nick yahoo của các bạn.

*Có thể nói code này đã hướng dẫn khá đầy đủ, đến mức mình nghĩ là người mới vào nghề cũng có thể làm được

========================================

• Phiên bản Mod 2 in 1, dành cho các forum có chiều rộng bé
  

- Tương tự như cái trên, nhưng cái này bé hơn: 820px, dành cho những Forum có skin hẹp về chiều ngang.

- Vì là hẹp đi một chút nên chỉ có 2 tính năng ( Play Music và Thông báo ) nhưng mình nghĩ là cũng không đến nỗi nào bắt buộc phải vậy để tích hợp với skin mà ^_^

*Download file đính kèm và giải nén, post các thư mục và file trong UPLOAD lên thư mục root của forum (ngang hàng với index.php)
*Sử dụng:
Bạn vào Admincp -> Styles & Templates -> Style Manager -> Chọn Style đang sử dụng sau đó chọn: Edit Templates -> Chọn Temp FORUM HOME
Tìm:

{vb:raw navbar}

Thêm vào đoạn mã dưới đây:

<table id="Table_01" border="0" align="center" width="820" cellspacing="0" cellpadding="0"> <tr> <td> <img src="mod2in1/top_1.gif" border="0"></td> </tr> </table> <table id="Table_02" border="0" align="center" width="820" cellspacing="0" cellpadding="0"> <tr> <td> <img src="mod2in1/top_left.gif" border="0"></td> <td width="170" height="18"><img src="http://opi.yahoo.com/online?u=xjnhz4j_0nljn3_hb89&amp;m=g&amp;t=5" alt="Online Status" border="0" />    <a href="ymsgr:sendim?xjnhz4j_0nljn3_hb89"> <b>Supporter</b></a></td> <td> <img src="mod2in1/top_right.gif" border="0"></td> </tr> </table> <table id="Table_03" border="0" align="center" width="820" cellspacing="0" cellpadding="0"> <tr> <td> <img src="mod2in1/top_2.gif" border="0"></td> </tr> </table><table id="Table_04" border="0" align="center" width="820" cellspacing="0" cellpadding="0"> <tr> <td> <img src="mod2in1/left.gif" border="0"></td> <td width="241" height="190"> 
<embed src="mod2in1/playmusic.swf" allowfullscreen="true" allowscriptaccess="always" flashvars="&file=mod2in1/listmusic.xml&displayheight=97&backcolor=0x31AAEF&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&showdigits= true&showeq=true&showfsbutton=true&autostart=false&shuffle=false&repeat=true;volume=100;width=241&height=190" width="241" height="190">
</td> <td> <img src="mod2in1/center.gif" border="0"></td> <td width="716" height="190">
<b><a href="Link thông báo 1"><font color="DarkOrchid">• Nội dung thông báo 1</font></a><br><br> 
 <a href="Link thông báo 2"><font color="red">• Nội dung thông báo 2</font></a><br><br>
 <a href="Link thông báo 3"><font color="magenta">• Nội dung thông báo 3</font></a><br><br>
 <a href="Link thông báo 4"><font color="green">• Nội dung thông báo 4</font></a><br><br>
 <a href="Link thông báo 5"><font color="Sienna">• Nội dung thông báo 5</font></a><br><br>
 <a href="Link thông báo 6"><font color="blue">• Nội dung thông báo 6</font></a></b>
 </td> <td width="21" height="190"> <img src="mod2in1/right.gif" border="0"></td> </tr> </table> <table id="Table_05" border="0" align="center" width="820" cellspacing="0" cellpadding="0"> <tr> <td> <img src="mod2in1/bot.gif"></td> </tr> </table><br>

XONG!
- Còn lại các phần hướng dẫn khác các bạn vui lòng xem ở bản trên vì đều tương tự nhau cả!

[Dunglx]

đúng rồi, tại dòng code mình đọc không hiểu nổi

Nhưng mà cuối cùng là anh làm được chưa ạ
Anh thay nick yahoo của anh vào dòng màu đỏ này nhé

<a href="ymsgr:sendim?nick yahoo">

[vanminh]

nằm trong code của chủ Top đó

[Silag]

bạn ơi cho mình hỏi mình đã sửa file data.xml rồi nhưng đâu có đc .mình nghĩ là phải thay file banner flash chứ ? bạn giúp đi ? slideshow vẫn thế ko thay đổi gì sau khi thay file data.xml

Bạn phải úp hình lên trong folder missmr. Sau đó vào file date.xml thay đổi tên ảnh lẫn link liên kết. Chúc bạn thành công !

[Silag]

Anh ơi sao list nhạc chỉ play đc một bài ? trả lời giúp em cái !

Tại các link nhạc kia điều bị die. Có 2 cách bạn có thể up những bài nhạc yêu thích của bạn lên host (tạo 1 folder trong htdocs). Sau đó vào listmusic.xml thay đổi tiêu đề lẫn location ( ở <location> http://url.com/tên foler tạo trong htdocs/tênbàihát.mp3</location>)
Cách thứ 2: vào trang http://nhaccuatui.com hay http://mp3.zing.vn lấy link. Chúc bạn thành công !

[nguyenvanngochtu]

admin dau roi mà k trả lời tiếngkìa, m cũng đang bị đây, slide ảnh k đổi cho dù đã đôi link hay xóa all ảnh missmr ??????

[Silag]

admin dau roi mà k trả lời tiếngkìa, m cũng đang bị đây, slide ảnh k đổi cho dù đã đôi link hay xóa all ảnh missmr ??????

bạn đưa hình vào folder missmr xong vào sữa lại data.xml đúng tên ảnh trong mục missmr. Xong up tất cả lên host (bạn nên xoá cái cũ rồi hã úp cái mới lên). Chúc bạn thành công !

[Norther]

Làm thế nào để chinh màu nền phần thông báo thành màu trắng? Ai biết giúp mình với. TKs

[Norther]

Mày mò cả ngày cũng tìm ra cách khắc phục . Post lên đây cho bác nào bị giống mình biết để sửa . Vào templates Forumhome, tìm trong code của mod này đoạn sau:

<img src="mod3in1/top_left.gif" border="0"></td> <td width="176" height="18">

<img src="mod3in1/center.gif" border="0" "></td> <td width="720" height="190" >

Thêm vào như sau:

<img src="mod3in1/top_left.gif" border="0"></td> <td width="176" height="18" bgcolor="#FFFFFF">

<img src="mod3in1/center.gif" border="0" "></td> <td width="720" height="190" bgcolor="#FFFFFF">

Phần màu đỏ là phần cần thêm vào.
Save lại và ra forum xem kết quả
Nếu có ích thì Admin đưa lên trên cho mọi người dễ theo dõi nhé