» 
Giới tính
| Tên tác giả: baivong Tên sản phẩm: Avatar anime version 2 Demo: http://www.fit-hui.com/h46-page http://www.fmvi.vn/h150-avatar-anime Hướng dẫn: Bước 1: Tạo 2 tài khoản mới đặt tên lần lượt là avatar1 và avatar2 ghi nhớ lại số uid của 2 tài khoản này. Ví dụ: ở fmvi avatar1 là http://www.fmvi.vn/u1152 , như vậy uid sẽ là 1152 Sau đó vào phần thông tin tài khoản, mục giao diện DOMAIN/profile?mode=editprofile&page_profil=preferences Allow visitor messages on my profile : Tất cả thành viên (All members) |
Bước 2: ACP >> Modules >> Portal & Widgets >> Forum widgets management >> Create a widget
Tạo widget tên là userID
Làm như trong ảnh:
![[Code Shop]Avatar anime version 2 forumtion Userid10](https://i.servimg.com/u/f40/17/70/81/78/userid10.png)
- Code:
<span style="display:none" id="userID">{USERLINK}</span>
![[Code Shop]Avatar anime version 2 forumtion Widget10](https://i.servimg.com/u/f40/17/70/81/78/widget10.png)
Bước 3: ACP >> Quản lý người dùng >> Profile >> Profile fields >>
![[Code Shop]Avatar anime version 2 forumtion Ajouter](https://2img.net/i/fa/admin/icones/ajouter.png)
Tạo một field mới tên là avatar-data và làm như trong ảnh:
![[Code Shop]Avatar anime version 2 forumtion Avadat10](https://i.servimg.com/u/f40/17/70/81/78/avadat10.png)
Phần màu bắt buộc phải chọn một màu nào đó và phải khác với màu của các field khác, nên chọn màu trùng mới màu nền.
Bước 4: ACP >> Templates >> QLTT >> viewtopic_body
1 - Tìm
- Code:
{postrow.displayed.POSTER_AVATAR}
- Code:
<span class="fmviAA">{postrow.displayed.POSTER_AVATAR}</span>
- Code:
<span class="fmviAA"></span>
2 - Tìm
- Code:
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}
- Code:
<span class="fmviTT">{postrow.displayed.profile_field.LABEL}<span class="fmviZZ">{postrow.displayed.profile_field.CONTENT}</span></span>
- Code:
<!-- END postrow -->
- Code:
<script type="text/javascript">
$(".fmviTT:contains('avatar-data')").each(function () {
$(this).parents(".post").find(".fmviAA").html('<object width="119" height="179" type="application/x-shockwave-flash" data="http://my.go.vn/swf/avatar2.swf" id="avatar_flash" style="visibility: visible"><param name="flashvars" value="itempath=http://farm01.gox.vn/avatar/store/avatar_part_item/&browser=Other&itemlist=' + $(this).find('.fmviZZ').text() + '" /></object>');
$(this).remove()
})
</script>
Bước 5: ACP >> Modules >> HTML & JAVASCRIPT >> HTML pages management >> Create new HTML page
Cho code sau vào và nhấn Xem thử (Preview):
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="vi" xml:lang="vi">
<head>
<title>HTML avatar anime</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/x-icon" href="http://i48.servimg.com/u/f48/16/58/89/73/minilo10.png" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function () {
var n = 0,
time = setInterval(function () {
jQuery("#time").text(n++)
}, 1);
jQuery.get("/u1?change_temp=1", function (a) {
clearInterval(time);
var d = jQuery(a).find("dt:contains('avatar-data')").parent("dl").attr("id"),
e = jQuery(a).find("dt:contains('avatar-data') span").attr("style"),
a = jQuery(a).find("dt:contains('avatar-data')").next().find("input").attr("id"),
b = check(),
c = check2();
void 0 == a || null == b || null == c ? alert("L\u1ed7i! Kh\u00f4ng t\u00ecm \u0111\u01b0\u1ee3c th\u00f4ng tin c\u1ea7n thi\u1ebft\nTr\u00ecnh duy\u1ec7t Internet Explorer v\u00e0 Opera kh\u00f4ng ch\u1ea1y \u0111\u01b0\u1ee3c m\u00e3 n\u00e0y.") : jQuery("body").html('<h1>CSS</h1><h3>ACP >> Display >> Pictures and Colors >> Colors >> CSS Stylesheet</h3><div style="border: 1px solid rgb(221, 221, 221); padding: 10px;">/* X\u00f3a \u0111o\u1ea1n n\u00e0y n\u1ebfu d\u00f9ng right widget */<br>#container{margin-right: 0px ! important; float: none ! important;}<br>#content{margin-right: 0px ! important;}<br>#right{display: none;}<br>/* \u1ea8n avatar-data */<br>#ucp dt span[style="' + e + '"],#' + d + ",#" + a + '{display: none;}</div><h1>HTML</h1><h3>ACP >> Modules >> HTML & JAVASCRIPT >> HTML pages management >> Create new HTML page</h3><p><img alt="H\u01b0\u1edbng d\u1eabn" src="http://i40.servimg.com/u/f40/17/70/81/78/html10.png" /></p><div style="border: 1px solid rgb(221, 221, 221); position: relative; height: 400px;"><iframe src="http://www.fmvi.vn/h148-source-avatar-anime?fmvi1=' + a + "&fmvi2=" + b + "&fmvi3=" + c + '" style="width: 100%; position: absolute; border: 0px none; height: 400px;"></iframe></div>')
})
});
function check() {
var a = prompt("Nh\u1eadp s\u1ed1 uID c\u1ee7a avatar1:", "");
return isNaN(a) ? check() : a
}
function check2() {
var a = prompt("Nh\u1eadp s\u1ed1 uID c\u1ee7a avatar2:", "");
return isNaN(a) ? check2() : a
};
</script>
<script type="text/javascript">
//<![CDATA[ var _gaq=_gaq||[];_gaq.push(["_setAccount","UA-26966514-1"]);_gaq.push(["_trackPageview"]);(function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})(); //]]>
</script>
</head>
<body>Đang kiểm tra, vui lòng chờ trong giây lát!
<br />Thời gian kiểm tra <span id="time">0</span> ms
<br />Trình duyệt Internet Explorer và Opera không chạy được mã này.</body>
</html>
Code kiểm tra này chỉ chạy được trên Chrome và Firefox (ai biết cách fix thì nói để mình bổ sung), nếu bạn thấy thời gian kiểm tra chạy tức là code đang hoạt động, nếu nó đứng mãi số 0 là lỗi.
Sau khi chạy xong nó sẽ yêu cầu 2 thông số uID của tài khoản avatar1 và avatar2 đã tạo ở bước 1, bạn nhập lần lượt 2 thông tin đó vào.
Kết quả sẽ cho ra code CSS, bạn chép nó vào CSS của forum, nó có tác dụng ẩn column 3(right) và avatar-data. Nếu forum bạn dùng column 3(right) thì xóa phần đánh dấu đi.
Bạn lấy code HTML và thay vào trang HTML bạn vừa dùng chạy code ở bước 5 luôn, theo như hướng dẫn và lưu lại.
Sau khi lưu xong lần 1, sẽ xuất hiện lỗi ký tự ở dòng 453 và 455, bạn chỉ việc chép lại mã HTML xuất hiện sau lần kiểm tra vừa rồi mà lưu lại lần thứ 2.
Chúc thành công!
Nguồn: FMvi
