![[Ver 2] Code hiển thị Avatar ở bài gửi cuối Index box - Page 5 User_l10](https://i.servimg.com/u/f55/18/73/81/56/user_l10.png)
Sign In
Create Account
CNTT-K3![[Ver 2] Code hiển thị Avatar ở bài gửi cuối Index box - Page 5 SSHoNEq](https://i.imgur.com/sSHoNEq.png)
First topic message reminder :
Demo :
![[Ver 2] Code hiển thị Avatar ở bài gửi cuối Index box - Page 5 111](https://i.servimg.com/u/f46/17/86/50/63/111.jpg)
[Bài viết không bị Ẩn]
Bước 1 : Vào css thêm đoạn này vào
Bước 2 : Vào Index_box tìm
Thay bằng
Bước 3 : Vào MODULES >> HTML & JAVASCRIPT >> Javascript codes management >>> Change a Javascript Code
Title * : Avatar index ver 2
Placement : In the home page
Javascript Code * :
Lưu ý : Nếu các bạn chèn js bên trên vào mà ko hiện thì chèn js dưới đây
Thế là xong ^^
[/Bài viết không bị Ẩn]
:Bài viết không bị Ẩn:
Demo :
| Code này dành cho PunBB nhá nó khác với Ver 1 là có thể kick vào được Ver 1 hiện avatar nhưng ko kick vào dc thế thôi  |
Bước 1 : Vào css thêm đoạn này vào
- Code:
.avs a.inx img {
float: left;
width: 40px;
height: 40px;
padding: 1px;
border: 1px solid #DDD;
margin: 0 5px;
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
max-width: 200px;
max-height: 200px;
}
Bước 2 : Vào Index_box tìm
- Code:
<span>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
Thay bằng
- Code:
<div class="avs"><span>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span></div>
Bước 3 : Vào MODULES >> HTML & JAVASCRIPT >> Javascript codes management >>> Change a Javascript Code
Title * : Avatar index ver 2
Placement : In the home page
Javascript Code * :
- Code:
$(document).on('ready', function() {
$('.avs').each(function () {
var touser = $(this).children('span').children('strong').children('a').attr('href');
$(this).prepend('<a href="' + touser + '" class="inx"><img src="http://2img.net/i/fa/invision/pp-blank-thumb-38px.png" alt="No avatar" /></a>');
$(this).children('a').load(touser + ' div.main-content.clearfix.center img:eq(0)');
});
});
Lưu ý : Nếu các bạn chèn js bên trên vào mà ko hiện thì chèn js dưới đây
- Code:
jQuery(document).ready(function(){if(!window.localStorage)return;var default_avatar='http://i.imgur.com/EkPsC.png';var caching_time=60*60*24*1000;var caching_error=60*1000;var set_avatar=function(id){$('.avs.'+id).html('<a class="inx" href="/u'+id+'" target="_blank"><img src="'+get_avatar(id)+'" /></a>')};var get_avatar=function(id){if(localStorage.getItem('t_ava'+id)<+new Date-caching_time||(localStorage.getItem('d_ava'+id)==default_avatar&&localStorage.getItem('t_ava'+id)<+new Date-caching_error)){localStorage.setItem('d_ava'+id,default_avatar);$.get('/u'+id,function(d){localStorage.setItem('t_ava'+id,+new Date);localStorage.setItem('d_ava'+id,$('div.main-content.clearfix.center img:eq(0)',d).first().attr('src')||default_avatar);set_avatar(id)})}return localStorage.getItem('d_ava'+id)};var to_replace={};$('.pun .statused .tcr:last-child span strong a.gensmall').each(function(){to_replace[$(this).attr('href').substr(2)]=1;$(this).closest('td,dd').prepend('<div class="avs '+$(this).attr('href').substr(2)+'"></div>')});for(i in to_replace){set_avatar(i)}});
Thế là xong ^^
[/Bài viết không bị Ẩn]
:Bài viết không bị Ẩn:
