Các bạn cho mình hỏi cái Index_body thu gọn, chỉ khi đưa chuột vào mới trượt ra giống như của Chinh Phục ấy, cái đó làm sao
by Hell diamond on 18/06/12, 10:23 am
Đây bạn,

Enlarge this image Click to see fullsize

Bình thường là nó nằm dọc nhưng mình hỏi làm sao để khi đưa chuột vào khung ảnh thì nó kéo ra cái profile.
ACP - Display - Templates - Quản lý tổng thể - viewtopic_body
- Chèn code sau vào trên cùng:

Code:

<style>
.fmviMenu
div{background-color:#FFF;border:none;font-size:.9em;margin:0;padding:4px;text-align:left}.fmviMenu
 div>span{display: block!important; line-height:20px!important;
padding: 2px 5px!important;}.fmviMenu div>span:hover{border:1px
dashed #ccc!important;}.fmviMenu>div>span img{background-color:
#FFF!important; border: 0px!important; border-radius: 0px!important;
padding: 2px 3px!important;}
</style>
<script type="text/javascript">
$(function() {
  $(".fmviShowP5 .bvavatar a").mouseover(function(){
      var hbv = $(this).parent().height() - 2;
      var x = $(this).position().left - 12;
      var y = $(this).position().top - hbv;
      var userlink = $(this).attr("href").slice(2);
      $(".fmviMenu").remove();
 
    $(this).after('<div class="fmviMenu" style="width: auto; left: '
 + x + 'px; top: ' + y + 'px; padding: 5px; position: absolute;
background-color: #FFFFFF; border: 1px solid #BCBCBC; overflow: hidden;
z-index: 999;float:left;  margin: auto;"><div style="float:left;
margin: 2px 5px;">' + $(this).html() + '</div><div
style="float:left; width: 150px; margin: 2px 5px;"><span
id="showTtin" style="background-color: #2078b3; color: #fff; border: 1px
 solid #0f4e78;border-radius: 2px"><img
src="http://i44.servimg.com/u/f44/14/64/86/06/profil10.gif">
</span><span><a target="_blank" href="/u' + userlink +
'wall"><img
src="http://i44.servimg.com/u/f44/14/64/86/06/wall1010.png">
Wall</a></span><span><a target="_blank" href="/u' +
 userlink + 'stats"><img
src="http://i44.servimg.com/u/f44/14/64/86/06/icon_s10.png">
Statistics</a></span><span><a target="_blank"
href="/u' + userlink + 'friends"><img
src="http://i44.servimg.com/u/f44/14/64/86/06/fri1010.jpg">
Friends</a></span><span><a target="_blank"
href="/postp/' + userlink + '"><img
src="http://i44.servimg.com/u/f44/14/64/86/06/write-10.gif">
Message</a></span></div><div style="display:none;
float:left; width: 180px; margin: 2px 5px;"><span
id="uPost"><img
src="http://i44.servimg.com/u/f44/14/64/86/06/veryho10.png"></span><span
 id="uPoint"><img
src="http://i44.servimg.com/u/f44/14/64/86/06/money10.png"></span><span
 id="uThank"><img
src="http://i44.servimg.com/u/f44/14/64/86/06/post_t10.png"></span><span
 id="uVisit"><img
src="http://i44.servimg.com/u/f44/14/64/86/06/visit_10.jpg"></span><span
 id="uOther"><img
src="http://i44.servimg.com/u/f44/14/64/86/06/other_10.png">     
</span></div><div>');
      $(this).parent().parent().find("span.name").clone().appendTo("#showTtin");
      $(this).parent().parent().find("span.pro5list:eq(3)").clone().appendTo("#uPost");
      $(this).parent().parent().find("span.pro5list:eq(4)").clone().appendTo("#uPoint");
      $(this).parent().parent().find("span.pro5list:eq(5)").clone().appendTo("#uThank");
      $(this).parent().parent().find("span.pro5list:eq(6)").clone().appendTo("#uVisit");
      $(this).parent().parent().find("span.pro5list:eq(0)").clone().appendTo("#uOther");
      $(this).parent().parent().find("span.pro5list:eq(1)").clone().appendTo("#uOther");
      $(this).parent().parent().find("span.pro5list:eq(2)").clone().appendTo("#uOther");
      $(".fmviMenu").mouseleave(function() {
        $(this).remove();
      });
      $("#showTtin").mouseleave(function() {
        $(this).parent().next().hide();
      });
      $("#showTtin").mouseover(function() {
        $(this).parent().next().show();
      });
  });
});
</script>

Tìm:

Code:

{postrow.displayed.POSTER_AVATAR}

Thay bằng:

Code:

<div class="fmviShowP5" style="background: #FFF; height: auto;width: auto;border: 0px;"
align="center">
        <div class="userData" style="display: none;">
                <span class="name">
                        <strong>
                                {postrow.displayed.POSTER_NAME}
                        </strong>
                </span>
                <!-- BEGIN profile_field -->
                <span class="pro5list">
 
                     
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                </span>
                <!-- END profile_field -->
        </div>
        <div class="bvavatar">
                {postrow.displayed.POSTER_AVATAR}
        </div>
</div>