2 Attachment(s)
Mod 3 in 1 Cải tiến - Slide Show Ảnh + Thông báo + List Music [Đẹp + Hoàn Thiện]
Demo:
http://img.photo.zing.vn/file_upload...1270030139.gif
*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:
Thêm vào đoạn mã dưới đây:
Code:
<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&m=g&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&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 http://www.vietvbb.vn/up/images/smilies/yahoo/1.gif
========================================
- 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 http://www.vietvbb.vn/up/images/smilies/yahoo/1.gif 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:
Thêm vào đoạn mã dưới đây:
Code:
<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&m=g&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ả!
