Bước 6: ACP - Modules - HTML & JAVASCRIPT - HTML pages management Tạo 1 trang HTLM theo mẫu sau: Do you wish to use your forum header and footer ?: có Title * : Shop avatar anime HTML source * :
- Code:
<style type="text/css"> .ItemFMvilist { width: 480px; overflow: hidden; margin: 0px 5px 0px -20px !important; } .ItemFMvilist li { position:relative; float:left; margin:5px; list-style-type: none; height: 110px; margin-right: 2px; width: 88px; } .ItemFMvilist li img { background-color: #FFFFFF; height: 90px; margin: 13px 0 1px 2px; width: 74px; } .ItemFMvilist li:hover { background: url("http://static.gox.vn/media/avatar/images/khung_img_hov.gif") no-repeat scroll 0 0 transparent; cursor: pointer; } .ItemFMvilist li img:hover{ background: none repeat scroll 0 0 transparent; } td#tditemshop { position:relative; float:left; margin:5px; list-style-type: none; width:520px; height: 365px; overflow: auto; display:block; padding: 0 10px; } #menushop span{ padding:0 9px; } #menushop span:hover{ cursor: pointer; } </style> <input type="hidden" value="" name="Phong"> <input type="hidden" value="" name="Toc"> <input type="hidden" value="" name="Kinh"> <input type="hidden" value="" name="Suc"> <input type="hidden" value="" name="Ao"> <input type="hidden" value="" name="Quan"> <input type="hidden" value="" name="Thu"> <input type="hidden" value="" name="Canh"> <input type="hidden" value="" name="mPhong"> <input type="hidden" value="" name="mToc"> <input type="hidden" value="" name="mKinh"> <input type="hidden" value="" name="mSuc"> <input type="hidden" value="" name="mAo"> <input type="hidden" value="" name="mQuan"> <input type="hidden" value="" name="mThu"> <input type="hidden" value="" name="mCanh"> <table align="center" cellspacing="1" cellpadding="0" border="0" width="650" class="tborder" style="background: white url(http://www.s2u.vn/template/S2u-NewStyle/images/stripe.gif) repeat top right;"> <tbody> <tr> <td height="30" colspan="2" class="tcat"> <div id="menushop" style="display:block; padding: 0 20px"> <span id="h323-canh"> Cánh </span> <span id="h324-mat-kinh"> Mắt kính </span> <span id="h325-trang-suc"> Trang sức </span> <span id="h326-kieu-toc"> Kiểu tóc </span> <span id="h327-ao"> Áo </span> <span id="h328-quan"> Quần </span> <span id="h329-thu-cung"> Thú cưng </span> <span id="h330-phong-nen"> Phông nền </span> <img id="clickLoad" style="float:right; display:none;" src="http://farm04.go.vn/photo/data/20111012/10798851/946D73AB7E9F949624C2BF756D1ED794.gif" alt="Loading"> </td> </tr> <tr> <td align="center" width="240px" valign="middle" style="padding: 5px"> <table style="background: white url(http://i43.servimg.com/u/f43/16/03/04/56/bg_pos10.gif) bottom; color: #333333; border: 1px dotted #CFD3D5; border-radius: 5px; padding: 0px; box-shadow: 1px 1px 2px #999999;" width="100%" focellspacing="1" cellpadding="0" border="0" width="100%" class="tborder"> <tbody> <tr> <td> <table width="100%" cellspacing="1" cellpadding="0" border="0" style="background: white url(http://www.s2u.vn/template/S2u-NewStyle/images/stripe.gif) repeat top right;" class="tborder"> <tbody> <tr> <td colspan="4"> <p align="center" style="padding: 5px; background: #CCCCCC; text-shadow: 0 0 0.2em #8877FF, 0 0 0.2em #8877FF, 0 0 0.2em #8877FF;"> Xem trước Avatar </p> </td> </tr> <tr> <td class="itemGovn" id="fmviKinh"> <img src="http://farm04.go.vn/photo/data/20111012/10798851/0AAF8C2E839062CF37F90DB627C26F60.png"> </td> <td class="itemGovn" id="fmviSuc"> <img src="http://farm04.go.vn/photo/data/20111012/10798851/FF6AE7113FEA5DEB34337DFE6E9E9690.png"> </td> <td class="itemGovn" id="fmviToc"> <img src="http://farm04.go.vn/photo/data/20111012/10798851/B6E50E28FDFE285D68F1AF64195B2F44.png"> </td> <td class="itemGovn" id="fmviAo"> <img src="http://farm04.go.vn/photo/data/20111012/10798851/CB89140C8E60B214662B83702375A422.png"> </td> </tr> <tr> <td colspan="3" rowspan="4"> <div align="center" id="showAvatar"> <img src="http://farm04.go.vn/photo/data/20111012/10798851/D8A80E07581C3428B2C31C49CDFAB21E.png"> </div> </td> <td class="itemGovn" id="fmviQuan"> <img src="http://farm04.go.vn/photo/data/20111012/10798851/32F4253CA9FD07991438298115ACE525.png"> </td> </tr> <tr> <td class="itemGovn" id="fmviThu"> <img src="http://farm04.go.vn/photo/data/20111012/10798851/74F6B82D755679B3C53211B431DBD561.png"> </td> </tr> <tr> <td class="itemGovn" id="fmviPhong"> <img src="http://farm04.go.vn/photo/data/20111012/10798851/F6B3ABA6B32EC2677B9254CAA20DA7A6.png"> </td> </tr> <tr> <td class="itemGovn" id="fmviCanh"> <img src="http://farm04.go.vn/photo/data/20111012/10798851/0A0E086E08B9DE3C52377B13217F9DD8.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="240px" valign="middle" height="10px"> <span style="color:blue; font-weight: bold; padding: 2px 10px"> Xin chào: </span> <span id="nickthanhvien9x"> <img height="12" alt="Loading..." src="http://static.gox.vn/media/homepage/images/awaiting.gif"> </span> <br/> <span style="color:red; font-weight: bold; padding: 2px 2px 2px 10px"> Tài khoản: </span> <span id="pointthanhvien9x"> <img height="12" alt="Loading..." src="http://static.gox.vn/media/homepage/images/awaiting.gif"> </span> <br/> <span style="color:green; font-weight: bold; padding: 2px 13px 2px 10px"> Giới tính: </span> <span id="sexthanhvien9x"> <img height="12" alt="Loading..." src="http://static.gox.vn/media/homepage/images/awaiting.gif"> </span> </td> </tr> </tbody> </table> </td> <td rowspan="2" style="background: white url(http://i43.servimg.com/u/f43/16/03/04/56/title_10.jpg) repeat; border: 1px dotted #CFD3D5; border-radius: 5px; padding: 0px; box-shadow: 1px 1px 2px #999999;" width="100%" focellspacing="1" cellpadding="0" border="0" width="100%" class="tborder" id="tditemshop" class="gensmall row2"> <ul class="ItemFMvilist"> </ul> <br> <span class="gensmall"> </span> </td> </td> </tr> </tbody> </table> <br/> <table id="muahang" cellspacing="1" cellpadding="0" border="0" width="100%" class="tborder"> <tbody> <tr> <td align="center" height="28" colspan="2" class="catBottom"> <span id="tipchokhach" style="margin: auto; text-align: center; width: 100%;"> <font color="red"> <strong> Hướng dẫn </strong> </font> : <i> <font face="Georgia"> <font color="#FFF"> Hãy lựa chọn <font color="green"> <strong> Items </strong> </font> cho Avatar của bạn. </font> </font> </i> <img title="hihi" src="http://r20.imgfast.net/users/2012/10/88/45/smiles/3515602148.gif" alt="hihi" longdesc="135"> </span> </td> </tr> </tbody> </table> <iframe name="shopAuto" height="0px" width="0px" frameborder="0"> </iframe> <div id="userdata" style="display:none"> </div> <form id="hoadon" enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" name="post" method="post" action="/post"> <table style="display:none" id="layhoadon" cellspacing="1" cellpadding="0" border="0" width="100%" class="tborder"> <tbody> <tr> <td align="center" height="28" colspan="2" class="catBottom"> <input type="hidden" onkeypress="if (event.keyCode==13){return false}" tabindex="2" maxlength="255" size="45" value="" name="subject" class="post"> <input type="hidden" onselect="storeCaret(this)" name="message" onkeyup="storeCaret(this)" onclick="storeCaret(this)" class="post" id="text_editor_textarea"> <input type="hidden" value="0" name="lt"> <input type="hidden" value="newtopic" name="mode"> <input type="hidden" value="18" name="f"> <input type="submit" value="Lấy hóa đơn" class="mainoption" onclick="set_solved(this.form.elements['subject'],'»')" name="post" tabindex="6" accesskey="s"> </td> </tr> <tbody> </table> </form> <br/> <br/> <font style="font-family: Tahoma; font-size: 11px"> <table style="background:#FFF url('http://i43.servimg.com/u/f43/15/83/61/45/bg10.png') repeat; border: 0px solid black; border-radius: 5px; padding: 10px; box-shadow: 1px 1px 2px #999999;" width="100%" focellspacing="1" cellpadding="0" border="0" width="100%" class="tborder"> <tr> <td width="100%" align="left"> Powered by phpBB® Version 2.0 <br> Copyright ©2000 - 2011, GNU General Public License </td> <td width="300" align="right" style="display:inline; float: right;"> Shop avatar© <a href="http://www.FMvi.org"> <span style="color:blue"><strong>FMvi</strong></span> - <span style="color:green"><strong>Group</strong></span>
</a> <br> Written by <a href="/profile.forum?mode=viewprofile&u=battuvuong"> <span style="color:red"><strong>baivong™</strong></span> </a> </td> </tr> </table> </font> <br> <br> <div id="h323-canh" valign="middle" style="display: block; background: none repeat scroll 0 0 #000000; height: 100%; position: fixed; width: 100%; left: 0; overflow: hidden; top: 0; z-index: 99;opacity: 0.9;"> </div> <script> var wxemthu = jQuery(window).width() / 2 - 64; var hxemthu = jQuery(window).height() / 2 - 64;
jQuery("div#h323-canh").html('<img style="display: block; background: none; position: fixed; width: 128px; left: ' + wxemthu + 'px; overflow: hidden; top: ' + hxemthu + 'px; z-index: 9999;" alt="Loading..." src="http://farm04.go.vn/photo/data/20110929/10798851/D1CEC9EB2F2FC491DFCC19DCBE05C64E.gif">');
jQuery('#nickthanhvien9x').load('/popup_help.forum?l=miscvars&i=mes_txt a[href*="/profile.forum?mode=viewprofile"]:last', { limit: 25 }, function() { var khachmuafmvi = jQuery('#nickthanhvien9x a').attr('href'); if (jQuery("#nickthanhvien9x").text() === "Anonymous") { jQuery("#menushop").html('<strong>Bạn không có quyền truy cập trang này!</strong><font face="Comic Sans Ms"><strong> Vui lòng <a href="/login?redirect=/h24-Shop-Avatar-Anime" rel="nofollow">Đăng Nhập</a> hoặc <a href="/register" rel="nofollow">Đăng ký</a>.</strong></font>'); self.location = "/login?redirect=/h24-Shop-Avatar-Anime"; }; jQuery('#pointthanhvien9x').load(khachmuafmvi + ' #field_id-13 .field_uneditable', { limit: 25 }, function() { jQuery('#pointthanhvien9x').text(jQuery(this).text());
jQuery('#sexthanhvien9x').load(khachmuafmvi + ' #field_id-7 .field_uneditable img', { limit: 25 }, function() {
jQuery("#userdata").load("/profile?mode=editprofile form#register", { limit: 25 }, function() {
jQuery("#register").attr("target", "shopAuto");
jQuery("div#h323-canh").html('<img style="display: block; background: none; height: 128px; position: fixed; width: 128px; left: ' + wxemthu + 'px; overflow: hidden; top: ' + hxemthu + 'px; z-index: 9999;" src="http://i44.servimg.com/u/f44/15/64/85/86/shopic10.png" />');
var listItem = jQuery("#profile_field_13_3").val(); jQuery("input[name='Phong']").val(listItem.slice(listItem.indexOf("57,"), listItem.indexOf("57,") + 9)); jQuery("input[name='Canh']").val(listItem.slice(listItem.indexOf("47,"), listItem.indexOf("47,") + 9)); jQuery("input[name='Quan']").val(listItem.slice(listItem.indexOf("50,"), listItem.indexOf("50,") + 9)); jQuery("input[name='Ao']").val(listItem.slice(listItem.indexOf("49,"), listItem.indexOf("49,") + 9)); jQuery("input[name='Kinh']").val(listItem.slice(listItem.indexOf("51,") - 1, listItem.indexOf("51,") + 8)); jQuery("input[name='Toc']").val(listItem.slice(listItem.indexOf("48,") - 1, listItem.indexOf("48,") + 8)); jQuery("input[name='Thu']").val(listItem.slice(listItem.indexOf("58,") - 1, listItem.indexOf("58,") + 8)); jQuery("input[name='Suc']").val(listItem.slice(listItem.indexOf("66,") - 1, listItem.indexOf("66,") + 8));
if (listItem.indexOf("51,") != -1) { jQuery("#fmviKinh").html('<img width="50" height="50" src="http://farm01.gox.vn/avatar/store/avatar_part_item/51/' + listItem.slice(listItem.indexOf("51,") + 3, listItem.indexOf("51,") + 8) + '.gif" alt="FMvi" />'); }; if (listItem.indexOf("66,") != -1) { jQuery("#fmviSuc").html('<img width="50" height="50" src="http://farm01.gox.vn/avatar/store/avatar_part_item/66/' + listItem.slice(listItem.indexOf("66,") + 3, listItem.indexOf("66,") + 8) + '.gif" alt="FMvi" />'); }; if (listItem.indexOf("48,") != -1) { jQuery("#fmviToc").html('<img width="50" height="50" src="http://farm01.gox.vn/avatar/store/avatar_part_item/48/' + listItem.slice(listItem.indexOf("48,") + 3, listItem.indexOf("48,") + 8) + '.gif" alt="FMvi" />'); }; if (listItem.indexOf("49,") != -1) { jQuery("#fmviAo").html('<img width="50" height="50" src="http://farm01.gox.vn/avatar/store/avatar_part_item/49/' + listItem.slice(listItem.indexOf("49,") + 3, listItem.indexOf("49,") + 8) + '.gif" alt="FMvi" />'); }; if (listItem.indexOf("50,") != -1) { jQuery("#fmviQuan").html('<img width="50" height="50" src="http://farm01.gox.vn/avatar/store/avatar_part_item/50/' + listItem.slice(listItem.indexOf("50,") + 3, listItem.indexOf("50,") + 8) + '.gif" alt="FMvi" />'); }; if (listItem.indexOf("58,") != -1) { jQuery("#fmviThu").html('<img width="50" height="50" src="http://farm01.gox.vn/avatar/store/avatar_part_item/58/' + listItem.slice(listItem.indexOf("58,") + 3, listItem.indexOf("58,") + 8) + '.gif" alt="FMvi" />'); }; if (listItem.indexOf("57,") != -1) { jQuery("#fmviPhong").html('<img width="50" height="50" src="http://farm01.gox.vn/avatar/store/avatar_part_item/57/' + listItem.slice(listItem.indexOf("57,") + 3, listItem.indexOf("57,") + 8) + '.gif" alt="FMvi" />'); }; if (listItem.indexOf("47,") != -1) { jQuery("#fmviCanh").html('<img width="50" height="50" src="http://farm01.gox.vn/avatar/store/avatar_part_item/47/' + listItem.slice(listItem.indexOf("47,") + 3, listItem.indexOf("47,") + 8) + '.gif" alt="FMvi" />'); }; jQuery("img[src*='/,']").each(function() { jQuery(this).replaceWidth('<img width="50" height="50" src="http://i1193.photobucket.com/albums/aa346/fmvigroup/' + jQuery(this).parent().attr("id") + '.png" alt="FMvi" />'); });
jQuery("div#showAvatar").html('<object width="118" height="180" type="application/x-shockwave-flash" data="http://my.go.vn/swf/avatar2.swf" id="avatar_flash_object" style="visibility: visible;"><param name="flashvars" value="itempath=http://farm01.gox.vn/avatar/store/avatar_part_item/&browser=Other&itemlist=' + jQuery("input[name='Phong']").val() + jQuery("input[name='Canh']").val() + jQuery("input[name='Quan']").val() + jQuery("input[name='Ao']").val() + "64,12636" + jQuery("input[name='Kinh']").val() + jQuery("input[name='Toc']").val() + jQuery("input[name='Thu']").val() + jQuery("input[name='Suc']").val() + '"></object>');
jQuery("div#h323-canh, #menushop span").click(function() { jQuery("#menushop span").css('color', 'white'); jQuery(this).css('color', 'yellow'); jQuery("#clickLoad").show(); jQuery(".ItemFMvilist").load('/' + jQuery(this).attr("id"), { limit: 25 }, function() { jQuery("div#h323-canh").remove(); jQuery("#clickLoad").fadeOut(1000); jQuery("#register input[type='submit']").click(function() { jQuery("#hoadon input[name='subject']").val('Hóa đơn mua hàng của ' + jQuery("#nickthanhvien9x").text()); jQuery("#hoadon #text_editor_textarea").val('[color=black][table id=hoadonchitiet width=100% align=center border=0][tr][td][center][i][b][color=red]' + jQuery("#nickthanhvien9x").text() + '[/color] đã mua các[/i] [color=#0033FF]Item[/color] [i]sau cho[/i] [color=#009900]Avatar[/color] [i]của mình[/i]:[/b][/center][/td][/tr][tr][td][center][img]http://farm01.gox.vn/avatar/store/avatar_part_item/47/' + jQuery("input[name=mCanh]").val() + '.gif[/img] [img]http://farm01.gox.vn/avatar/store/avatar_part_item/57/' + jQuery("input[name=mPhong]").val() + '.gif[/img] [img]http://farm01.gox.vn/avatar/store/avatar_part_item/48/' + jQuery("input[name=mToc]").val() + '.gif[/img] [img]http://farm01.gox.vn/avatar/store/avatar_part_item/51/' + jQuery("input[name=mKinh]").val() + '.gif[/img] [img]http://farm01.gox.vn/avatar/store/avatar_part_item/66/' + jQuery("input[name=mSuc]").val() + '.gif[/img] [img]http://farm01.gox.vn/avatar/store/avatar_part_item/49/' + jQuery("input[name=mAo]").val() + '.gif[/img] [img]http://farm01.gox.vn/avatar/store/avatar_part_item/50/' + jQuery("input[name=mQuan]").val() + '.gif[/img] [img]http://farm01.gox.vn/avatar/store/avatar_part_item/58/' + jQuery("input[name=mThu]").val() + '.gif[/img][/center][/td][/tr][/table][/color]'); jQuery("#layhoadon").fadeIn(3000); jQuery("#muahang").hide(); jQuery("#register").hide(); });
if (Number(jQuery("#pointthanhvien9x").text()) <= 1000) { jQuery("#tipchokhach").parent().html('<span style="margin: auto; text-align: center; width: 100%;"><font color="red"><strong>Thông báo</strong></font>:<i> <font face="Georgia"><font color="yellow">Bạn không có đủ <font color="green"><strong>Points</strong></font> để mua Item! Vui lòng quay lại sau</font></font></i> <img title="hihi" src="http://r26.imgfast.net/users/2615/25/32/47/smiles/462594.gif" alt="hihi" longdesc="135"> </span>'); jQuery("#hoadon, #register tr:last td").remove(); };
jQuery(".itemGovn").click(function() {
jQuery(this).html('<img width="50" height="50" src="http://i1193.photobucket.com/albums/aa346/fmvigroup/' + jQuery(this).attr("id") + '.png" alt="FMvi" />'); jQuery("input[name=" + jQuery(this).attr('id').slice(4) + "]").val(""); jQuery("input[name=m" + jQuery(this).attr('id').slice(4) + "]").val("");
var paramItemD = jQuery("input[name='Phong']").val() + jQuery("input[name='Canh']").val() + jQuery("input[name='Quan']").val() + jQuery("input[name='Ao']").val() + "64,12636" + jQuery("input[name='Kinh']").val() + jQuery("input[name='Toc']").val() + jQuery("input[name='Thu']").val() + jQuery("input[name='Suc']").val(); jQuery("#profile_field_13_3").val(paramItemD);
jQuery("div#showAvatar").html('<object width="118" height="180" type="application/x-shockwave-flash" data="http://my.go.vn/swf/avatar2.swf" id="avatar_flash_object" style="visibility: visible;"><param name="flashvars" value="itempath=http://farm01.gox.vn/avatar/store/avatar_part_item/&browser=Other&itemlist=' + paramItemD + '"></object>'); });
jQuery("img[alt='Item']").click(function() {
jQuery("#muahang").remove();
jQuery("#userdata").show();
jQuery("form#register tr").hide();
jQuery("form#register input[type='submit']").val("Mua hàng");
jQuery("form#register input[type='reset']").remove();
jQuery("form#register tr:last").fadeIn(1500);
var srcItem = jQuery(this).attr('src'); var codeItem = srcItem.slice(srcItem.length - 9, srcItem.length - 4); var typeItem = srcItem.slice(srcItem.length - 12, srcItem.length - 10);
if (typeItem === "51") { jQuery("input[name='Kinh']").val("|51," + codeItem); jQuery("input[name='mKinh']").val(codeItem); jQuery("#fmviKinh").html('<img width="50" height="50" src="' + jQuery(this).attr("src") + '" alt="FMvi" />'); }; if (typeItem === "66") { jQuery("input[name='Suc']").val("|66," + codeItem); jQuery("input[name='mSuc']").val(codeItem); jQuery("#fmviSuc").html('<img width="50" height="50" src="' + jQuery(this).attr("src") + '" alt="FMvi" />'); }; if (typeItem === "48") { jQuery("input[name='Toc']").val("|48," + codeItem); jQuery("input[name='mToc']").val(codeItem); jQuery("#fmviToc").html('<img width="50" height="50" src="' + jQuery(this).attr("src") + '" alt="FMvi" />'); }; if (typeItem === "49") { jQuery("input[name='Ao']").val("49," + codeItem + "|"); jQuery("input[name='mAo']").val(codeItem); jQuery("#fmviAo").html('<img width="50" height="50" src="' + jQuery(this).attr("src") + '" alt="FMvi" />'); }; if (typeItem === "50") { jQuery("input[name='Quan']").val("50," + codeItem + "|"); jQuery("input[name='mQuan']").val(codeItem); jQuery("#fmviQuan").html('<img width="50" height="50" src="' + jQuery(this).attr("src") + '" alt="FMvi" />'); }; if (typeItem === "58") { jQuery("input[name='Thu']").val("|58," + codeItem); jQuery("input[name='mThu']").val(codeItem); jQuery("#fmviThu").html('<img width="50" height="50" src="' + jQuery(this).attr("src") + '" alt="FMvi" />'); }; if (typeItem === "57") { jQuery("input[name='Phong']").val("57," + codeItem + "|"); jQuery("input[name='mPhong']").val(codeItem); jQuery("#fmviPhong").html('<img width="50" height="50" src="' + jQuery(this).attr("src") + '" alt="FMvi" />'); }; if (typeItem === "47") { jQuery("input[name='Canh']").val("47," + codeItem + "|"); jQuery("input[name='mCanh']").val(codeItem); jQuery("#fmviCanh").html('<img width="50" height="50" src="' + jQuery(this).attr("src") + '" alt="FMvi" />'); };
var paramItem = jQuery("input[name='Phong']").val() + jQuery("input[name='Canh']").val() + jQuery("input[name='Quan']").val() + jQuery("input[name='Ao']").val() + "64,12636" + jQuery("input[name='Kinh']").val() + jQuery("input[name='Toc']").val() + jQuery("input[name='Thu']").val() + jQuery("input[name='Suc']").val();
jQuery("#profile_field_13_3").val(paramItem);
jQuery("div#showAvatar").html('<object width="118" height="180" type="application/x-shockwave-flash" data="http://my.go.vn/swf/avatar2.swf" id="avatar_flash_object" style="visibility: visible;"><param name="flashvars" value="itempath=http://farm01.gox.vn/avatar/store/avatar_part_item/&browser=Other&itemlist=' + paramItem + '"></object>');
});
});
}); }); }); }); }); </script>
|