[Javascript] Avatar người gửi bài ở box

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

Yêu thích [Javascript] Avatar người gửi bài ở box

Bài gửi by HelpsFMvi on Sun Jun 26, 2016 4:21 pm


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://illiweb.com/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;
}



Cập nhật chữ ký !!
avatar
HelpsFMvi
Ban Quản Trị FMvi
Ban Quản Trị FMvi


Số bài : 96
HelpsPoints : 2494
Likes : 28
Ngày tham gia : 10/03/2016
Trạng thái :
Online
Offline

Tuổi : 19
Location : Ninh Thuận
Google Chrome
Phpbb3

[Click để xem tài sản HelpsFMvi]

Xem lý lịch thành viên http://helps.forumvi.com

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết
Forumotion.com | © phpBB | Free forum support | Liên hệ | Report an abuse | Sosblogs.com
Stylish responsive footer | Script Tutorials