1 Index_body thu gọn như của chinh phục Wed Jun 20, 2012 4:45 pm
Admin
Admin
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:
Tìm:
Thay bằng:
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>