- Đạt Zồ
Tạo Avatar Drop Menu trong phpBB2
Thu Aug 02, 2012 5:04 pm
ACP - Display - Templates - Ganeral - viewtopic_body
Tìm:
Thay bằ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>
Nguồn: Chinhphuc.info
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|