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ả!

[badboy_quoc]

cho hỏi mình muốn bỏ cái List Music đi để cho Thông báo rộng ra thì phải làm như thế nào vậy?

[badboy_quoc]

hic ,chủ thớt đâu òi chỉ dùm cái

[vanminh]

mình dùng vbb 4.0.5 không thấy : $navbar mà chỉ có cái này

</head>
    <body>
 
    {vb:raw header}
 
    {vb:raw navbar}
 
    <div id="pagetitle">
        <h1>{vb:raw vboptions.bbtitle}</h1>
        <p id="welcomemessage" class="description">{vb:rawphrase welcome_to_the_x, {vb:raw vboptions.bbtitle}}</p>
    </div> 

vậy add code vào chỗ nào vậy

[HTT.itvn]

Bạn chèn dưới code sau :

{vb:raw navbar}

[Tiểu Bá Vương 1404]

Bạn chèn dưới code sau :

{vb:raw navbar}

Mod cải tiến cho vBB 4.x mà anh Trung lại giữ lại cái thông tin của vBB 3.x ! Sầu.

[vanminh]

mình đã làm được rồi, mình muốn hỏi thêm một tí về địa chỉ link của nick yahoo "*Đ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".
mà mình lại không biết lấy cái link đó bằng cách nào. nick name của mình là : minhsu.1314 nhờ các bạn chỉ dùm.

[Tiểu Bá Vương 1404]

mình đã làm được rồi, mình muốn hỏi thêm một tí về địa chỉ link của nick yahoo "*Đ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".
mà mình lại không biết lấy cái link đó bằng cách nào. nick name của mình là : minhsu.1314 nhờ các bạn chỉ dùm.

Em chưa rõ ý thầy lắm.
Có phải là click vào link thì sẽ gửi tin nhắn hay sao nữa thầy ?

[HTT.itvn]

mình đã làm được rồi, mình muốn hỏi thêm một tí về địa chỉ link của nick yahoo "*Đ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".
mà mình lại không biết lấy cái link đó bằng cách nào. nick name của mình là : minhsu.1314 nhờ các bạn chỉ dùm.

Thì đó là nịck của bạn ( minhsu.1314 ) , bạn thay chữ màu đỏ là được . Thực chất cái nick xjnhz4j_0nljn3_hb89 ( xinh zai online hb89 ) là nick kiểu 9x ý .

@ Tiểu Bá Vương : Code trên có dòng <a href="ymsgr:sendim?xjnhz4j_0nljn3_hb89"> là kick vào link sẽ gửi tin nhắn rồi

[vanminh]

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

[Tiểu Bá Vương 1404]

Ủa, em thấy dòng code nào đâu ta ?