DEMO OL : fcelf.ace.st

Demo ảnh



Bước 1 : Vào css thêm đoạn này vào

Code:


/*---FCELF.ACE.ST---*/
   
.lastpost-avatar a.inx img {
  float: left;
  width: 40px;
  height: 40px;
}
.lastpost-avatar{margin-left:5px;margin-top:4px;float:left; margin-right:3px}
.lastpost-avatar img {margin-top: -2px;margin-right:5px; border: 2px solid #fff;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out; }
.lastpost-avatar img:hover {-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}


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="lastpost-avatar"> <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 3
Placement : In the home page
Javascript Code * :

Code:

$(document).on('ready', function() {
        $('.lastpost-avatar').each(function () {
            var touser = $(this).children('span').children('strong').children('a').attr('href');
            $(this).prepend('<a href="' + touser + '" class="inx"></a>');
            $(this).children('a').load(touser + ' div.main-content.clearfix.center img:eq(0)');
        });
    });

Chúc các bạn thành công