Trang Chính
1
Chọn Avatar tự động mừng quốc khánh 2/9 23/4/2012, 11:00 am
duongcam.ict
Admin
Bài viết : 120
Points : 338
Thanked : 8
Join date : 25/11/2011Age : 34
Đến từ : Việt Nam
Chức năng:
Code này sẽ đưa ra 4 ảnh Avatar định sẵn theo chủ đề Hoàng Sa - Trường Sa để thành viên lựa chọn. Nếu muốn thay bằng ảnh khác thì bạn tìm 4 link ảnh có Class="thikthiclick" và thay nó bằng link ảnh bạn muốn.
Thành viên sau khi đăng nhập sẽ nhìn thấy nó ở góc trên, bên trái màn hình. Nếu muốn đổi vị trí của nó bạn sửa lại thông số Style của thẻ DIV có id="testest" và id="thongbaoavatar".
Cách dùng:
Để đổi Avatar thành viên chỉ cần Click vào 1 ảnh bất kỳ và chọn Chấp nhận, nếu muốn thay đổi thì chọn Hủy bỏ.
Demo:
Click vào dấu + (Add) 
:
Name : Hoàng Sa - Trường Sa
Content * : Cho toàn bộ code dưới đây vào và lưu lại.
Ghi chú: Code này dựa vào liên kết login trên thanh nav để xác định thành viên đăng nhập hay chưa đăng nhập. Vì thế nếu forum nào thay đổi hoặc xóa thanh nav thì có thể code thay đổi avatar này sẽ bị lỗi hiển thị với khách.
Với những forum gặp tình trang đó thì bạn dùng code dưới đây để chèn vào trước trong overall_footer
Viết bởi baivong - FMvi.vn
Code này sẽ đưa ra 4 ảnh Avatar định sẵn theo chủ đề Hoàng Sa - Trường Sa để thành viên lựa chọn. Nếu muốn thay bằng ảnh khác thì bạn tìm 4 link ảnh có Class="thikthiclick" và thay nó bằng link ảnh bạn muốn.
Thành viên sau khi đăng nhập sẽ nhìn thấy nó ở góc trên, bên trái màn hình. Nếu muốn đổi vị trí của nó bạn sửa lại thông số Style của thẻ DIV có id="testest" và id="thongbaoavatar".
Cách dùng:
Để đổi Avatar thành viên chỉ cần Click vào 1 ảnh bất kỳ và chọn Chấp nhận, nếu muốn thay đổi thì chọn Hủy bỏ.
Demo:
https://i.servimg.com/u/f44/15/64/85/86/136.png
https://i.servimg.com/u/f44/15/64/85/86/215.png
https://i.servimg.com/u/f44/15/64/85/86/317.png
Hướng dẫn: ACP - QLTT - Messages and e-mails - Announcements: https://i.servimg.com/u/f44/15/64/85/86/215.png
https://i.servimg.com/u/f44/15/64/85/86/317.png
- General announcements options:
- Activate announcements : Có
- Announcements display : All pages
:- Code:
<script type="text/javascript">
jQuery(function() {
jQuery('img.thikthiclick').click(function() {
var srcavatar = jQuery(this).attr('src');
jQuery("input[name='avatarurl']").val(srcavatar);
jQuery('#testest img').removeClass().hide();
jQuery("#areysure").fadeIn(1000);
jQuery('#testest p.1').hide();
jQuery('#keduocchon').attr("src", srcavatar).fadeIn(1)
});
jQuery("#yesavatar").click(function() {
jQuery("#register").submit().fadeIn(1);
jQuery("#areysure").hide();
jQuery('#testest p.2').show()
});
jQuery("#noavatar").click(function() {
jQuery('#testest img').addClass("thikthiclick").fadeIn(1);
jQuery('img#keduocchon').hide();
jQuery("#areysure").hide();
jQuery('#testest p.1').show()
});
jQuery('#thongbaoavatar').html('<p id="loadingfmviavatar"><img border="0" alt="Loading" src="http://i43.servimg.com/u/f43/16/03/04/56/13x13p10.gif" title="Loading"> Đang tải dữ liệu...</p>');
jQuery('<span class="dueytavatar"/>').load('/profile?mode=editprofile&page_profil=avatars input[name="username"]', {
limit: 25
}, function() {
jQuery(this).hide().appendTo("#testest").fadeIn(1);
var usernamemem = jQuery("#testest .dueytavatar input[name='username']").val();
jQuery('<input type="hidden" value="' + usernamemem + '" name="username">').appendTo("#register")
});
jQuery('<span class="dueytavatar"/>').load('/profile?mode=editprofile&page_profil=avatars input[name="user_id"]', {
limit: 25
}, function() {
jQuery(this).hide().appendTo("#testest").fadeIn(1);
var useridmem = jQuery("#testest .dueytavatar input[name='user_id']").val();
jQuery('<input type="hidden" value="' + useridmem + '" name="user_id">').appendTo("#register")
});
jQuery('<span class="dueytavatar"/>').load('/profile?mode=editprofile&page_profil=avatars input[name="email"]', {
limit: 25
}, function() {
jQuery(this).hide().appendTo("#testest").fadeIn(1);
var emailmem = jQuery("#testest .dueytavatar input[name='email']").val();
jQuery('<input type="hidden" value="' + emailmem + '" name="email"><input type="hidden" value="' + emailmem + '" name="current_email">').appendTo("#register");
jQuery('p#loadingfmviavatar').remove();
jQuery("#testest").fadeIn(3000)
});
jQuery('#testest p.2 a').click(function() {
jQuery("#testest, #thongbaoavatar").remove();
my_setcookie('dongavatar', 0, 1, 1)
});
if (my_getcookie('dongavatar') == "0") {
jQuery("#testest, #thongbaoavatar").remove()
};
jQuery("a.mainmenu[rel='nofollow'][href*='/login']:not('a#logout')").each(function() {
jQuery("#testest, #thongbaoavatar").remove();
});
});
</script>
<div align="center" id="testest" style="display:none;position: fixed; top: 20px; left:10px; background: #195f9c; color: white; padding: 2px 5px;border-radius: 3px;font-size: 11px;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;">
<span style="display:block;">
<img style="display:none;" id="keduocchon" border="2" alt="avatarhoangsa"
title="Avatar " width="180px" height="238px">
</span>
<span style="display:block;">
<img class="thikthiclick" border="0" alt="avatarhoangsa1" src="http://i48.servimg.com/u/f48/16/58/89/73/p168f910.jpg"
title="Avatar 1" width="90px" height="119px">
<img class="thikthiclick" border="0" alt="avatarhoangsa2" src="http://i48.servimg.com/u/f48/16/58/89/73/p168f911.jpg"
title="Avatar 2" width="90px" height="119px" style="display:inline;">
</span>
<span style="display:block;">
<img class="thikthiclick" border="0" alt="avatarhoangsa3" src="http://i48.servimg.com/u/f48/16/58/89/73/p168f912.jpg"
title="Avatar 3" width="90px" height="119px">
<img class="thikthiclick" border="0" alt="avatarhoangsa4" src="http://i48.servimg.com/u/f48/16/58/89/73/21118810.jpg"
title="Avatar 4" width="90px" height="119px" style="display:inline;">
</span>
<iframe name="avatarreload" height="0px" width="0px" frameborder="0">
</iframe>
<form target="avatarreload" name="register" id="register" method="post"
enctype="multipart/form-data" action="/profile">
<input type="hidden" value="" name="avatarurl" class="post">
<input type="hidden" value="avatars" name="page_profil">
<input type="hidden" value="editprofile" name="mode">
<input type="hidden" value="true" name="agreed">
<input type="hidden" value="" name="coppa">
<div style="display:none; padding: 5px" id="areysure">
<input type="submit" name="submit" value="Chấp nhận" id="yesavatar">
<input type="button" value="Hủy bỏ" id="noavatar">
</div>
</form>
<p class="1">
Chọn ảnh đại diện mừng 2/9
</p>
<p style="display:none;" class="2">
Đã chọn ảnh đại diện này.
<a style='color:red' href='#avatar-2/9'>[Đóng]</a>
</p>
</div>
<div align="center" id="thongbaoavatar" style="width:180px;position: fixed; top: 20px; left:10px; background: #195f9c; color: white; magin: 5px;border-radius: 3px;font-size: 11px;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;">
</div>
Với những forum gặp tình trang đó thì bạn dùng code dưới đây để chèn vào trước trong overall_footer
- Code:
<!-- BEGIN switch_user_logged_in -->
<script type="text/javascript">
jQuery(function() {
jQuery('img.thikthiclick').click(function() {
var srcavatar = jQuery(this).attr('src');
jQuery("input[name='avatarurl']").val(srcavatar);
jQuery('#testest img').removeClass().hide();
jQuery("#areysure").fadeIn(1000);
jQuery('#testest p.1').hide();
jQuery('#keduocchon').attr("src", srcavatar).fadeIn(1)
});
jQuery("#yesavatar").click(function() {
jQuery("#register").submit().fadeIn(1);
jQuery("#areysure").hide();
jQuery('#testest p.2').show()
});
jQuery("#noavatar").click(function() {
jQuery('#testest img').addClass("thikthiclick").fadeIn(1);
jQuery('img#keduocchon').hide();
jQuery("#areysure").hide();
jQuery('#testest p.1').show()
});
jQuery('#thongbaoavatar').html('<p id="loadingfmviavatar"><img border="0" alt="Loading" src="http://i43.servimg.com/u/f43/16/03/04/56/13x13p10.gif" title="Loading"> Đang tải dữ liệu...</p>');
jQuery('<span class="dueytavatar"/>').load('/profile?mode=editprofile&page_profil=avatars input[name="username"]', {
limit: 25
}, function() {
jQuery(this).hide().appendTo("#testest").fadeIn(1);
var usernamemem = jQuery("#testest .dueytavatar input[name='username']").val();
jQuery('<input type="hidden" value="' + usernamemem + '" name="username">').appendTo("#register")
});
jQuery('<span class="dueytavatar"/>').load('/profile?mode=editprofile&page_profil=avatars input[name="user_id"]', {
limit: 25
}, function() {
jQuery(this).hide().appendTo("#testest").fadeIn(1);
var useridmem = jQuery("#testest .dueytavatar input[name='user_id']").val();
jQuery('<input type="hidden" value="' + useridmem + '" name="user_id">').appendTo("#register")
});
jQuery('<span class="dueytavatar"/>').load('/profile?mode=editprofile&page_profil=avatars input[name="email"]', {
limit: 25
}, function() {
jQuery(this).hide().appendTo("#testest").fadeIn(1);
var emailmem = jQuery("#testest .dueytavatar input[name='email']").val();
jQuery('<input type="hidden" value="' + emailmem + '" name="email"><input type="hidden" value="' + emailmem + '" name="current_email">').appendTo("#register");
jQuery('p#loadingfmviavatar').remove();
jQuery("#testest").fadeIn(3000)
});
jQuery('#testest p.2 a').click(function() {
jQuery("#testest, #thongbaoavatar").remove();
my_setcookie('dongavatar', 0, 1, 1)
});
if (my_getcookie('dongavatar') == "0") {
jQuery("#testest, #thongbaoavatar").remove()
};
});
</script>
<div align="center" id="testest" style="display:none;position: fixed; top: 20px; left:10px; background: #195f9c; color: white; padding: 2px 5px;border-radius: 3px;font-size: 11px;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;">
<span style="display:block;">
<img style="display:none;" id="keduocchon" border="2" alt="avatarhoangsa"
title="Avatar " width="180px" height="238px">
</span>
<span style="display:block;">
<img class="thikthiclick" border="0" alt="avatarhoangsa1" src="http://i48.servimg.com/u/f48/16/58/89/73/p168f910.jpg"
title="Avatar 1" width="90px" height="119px">
<img class="thikthiclick" border="0" alt="avatarhoangsa2" src="http://i48.servimg.com/u/f48/16/58/89/73/p168f911.jpg"
title="Avatar 2" width="90px" height="119px" style="display:inline;">
</span>
<span style="display:block;">
<img class="thikthiclick" border="0" alt="avatarhoangsa3" src="http://i48.servimg.com/u/f48/16/58/89/73/p168f912.jpg"
title="Avatar 3" width="90px" height="119px">
<img class="thikthiclick" border="0" alt="avatarhoangsa4" src="http://i48.servimg.com/u/f48/16/58/89/73/21118810.jpg"
title="Avatar 4" width="90px" height="119px" style="display:inline;">
</span>
<iframe name="avatarreload" height="0px" width="0px" frameborder="0">
</iframe>
<form target="avatarreload" name="register" id="register" method="post"
enctype="multipart/form-data" action="/profile">
<input type="hidden" value="" name="avatarurl" class="post">
<input type="hidden" value="avatars" name="page_profil">
<input type="hidden" value="editprofile" name="mode">
<input type="hidden" value="true" name="agreed">
<input type="hidden" value="" name="coppa">
<div style="display:none; padding: 5px" id="areysure">
<input type="submit" name="submit" value="Chấp nhận" id="yesavatar">
<input type="button" value="Hủy bỏ" id="noavatar">
</div>
</form>
<p class="1">
Chọn ảnh đại diện mừng 2/9
</p>
<p style="display:none;" class="2">
Đã chọn ảnh đại diện này.
<a style='color:red' href='#avatar-2/9'>[Đóng]</a>
</p>
</div>
<div align="center" id="thongbaoavatar" style="width:180px;position: fixed; top: 20px; left:10px; background: #195f9c; color: white; magin: 5px;border-radius: 3px;font-size: 11px;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;">
</div>
<!-- END switch_user_logged_in -->
Viết bởi baivong - FMvi.vn
