[Javascript] Avatar người gửi bài ở box
Trang 1 trong tổng số 1 trang • Share
[Javascript] Avatar người gửi bài ở box
Demo:
[You must be registered and logged in to see this image.]Hướng dẫn:
1. ACP >> Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Creat a new javascript
- Title: Tùy bạn đặt- Placement: In all the pages
- Codes:
- Code:
$(function(){
if(!window.localStorage) return;
// Avatar mặc định
var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
// Cache Time
var caching_time= 24*60*60*1000;
// Cache Error
var caching_error= 60*1000;
var set_avatar= function(id) {
$('.avatar_img.member'+id).html('<img src="'+get_avatar(id)+'" />');
};
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, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
set_avatar(id);
});
}
return localStorage.getItem('d_ava'+id);
};
var to_replace= {};
$('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
to_replace[$(this).attr('href').substr(2)]= 1;
$(this).closest('td,dd').prepend('<div class="avatar_img member'+$(this).attr('href').substr(2)+'"></div>');
});
for(i in to_replace)
{
set_avatar(i);
};
});
2. ACP >> Display >> Pictures & Colors >> CSS Stylesheet
Cho đoạn CSS vào- Code:
.avatar_img {
float: left;
}
.avatar_img img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 5px;
border: 1px solid #eee;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.avatar_img img:hover
{
border: 1px solid green;
}
HelpsFMvi- Ban Quản Trị FMvi
- Số bài : 104
HelpsPoints : 15538
Likes : 33
Ngày tham gia : 10/03/2016
Trạng thái :Online Offline
Tuổi : 26
Location : Ninh Thuận
[Click để xem tài sản HelpsFMvi]
Similar topics
» [HTML] Đưa tên người dùng và xếp hạng nằm dưới avatar
» [Code] Recent Topic Avatar v1.0
» [Code] Khung avatar bằng CSS
» [CSS] Thêm và trang avatar trong chatbox
» [Javascript] Tạo nút thêm bạn bè
» [Code] Recent Topic Avatar v1.0
» [Code] Khung avatar bằng CSS
» [CSS] Thêm và trang avatar trong chatbox
» [Javascript] Tạo nút thêm bạn bè
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|