Code Hiệu ứng avatar xoay tròn index_box

[fcelf]

DEMO OL : smilehappy.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

Vui lòng xin ghi lại nguồn smilehappy.ace.st khi copy

[Lùn Lì Lợm]

like cho bạn

[Minion]

được

[Minion]

Mà mình đề nghị bạn xem lại dòng bản quyền[b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"]Hệ[/b]

Code:

Themes Design By Npsupermen

xem kĩ nhé

[Lùn Lì Lợm]

Mà mình đề nghị bạn xem lại dòng bản quyền[b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"]Hệ[/b][/b]

Code:

Themes Design By Npsupermen

xem kĩ nhé

liên quan j đến bản quyền theme đâu nhỉ ?
đây là hiệu ứng avt xoay trên box mà ?

[jaymiz8a]

Cộng đồng Mod Ola free sao mà lại là ELF nhỉ

[fcelf]

^^~ lúc trc là mod ola h chuyển ùi

[fcelf]

Gà Từ Bé ^^ đk chưa

[Lowie]

Mà mình đề nghị bạn xem lại dòng bản quyền[b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"][b style="font-weight: bold; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; padding: 10px 14px 0px; text-decoration: none; height: 25px; z-index: 10; display: inline !important; color: rgb(255, 255, 255) !important;"]Hệ[/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b]

Code:

Themes Design By Npsupermen

xem kĩ nhé

 Chuyên đi soi mói bản quyền

[Minion]

ý là nói cái skin

[Lùn Lì Lợm]

ý là nói cái skin

nhưng đây là topic share code đâu có liên quan đến skin ?

[nhokgau_mjka]

ơ sao tìm trong index box ko có đoạn đó nhỉ

[Kid Knight]

áp dùng cái avatar xoay

chỉ thay id vs class thôi mà  

[Sponsored content]