Trang Chính
1
Menu Lý lịch thành viên 22/4/2012, 6:50 pm
Founder
Admin
Bài viết : 416
Points : 906
Thanked : 8
Join date : 07/10/2010Age : 34
Đến từ : Việt Nam
| Mô tả: Hiển thị 1 menu mang thông tin lý lịch thành viên chạy dọc bên phải forum. Có thể ẩn/hiện menu đó bằng cách click chuột. |
Demo:
Chèn đoạn code sau vào overall_header:
- Code:
<!-- BEGIN switch_user_logged_in -->
<style type="text/css">
#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:150px;width:30px;float:left;cursor:pointer;background:url('http://i99.servimg.com/u/f99/11/79/54/63/1110.png') no-repeat;}.gbcontent{float:left;border:2px solid #990000;background:#F5F5F5;padding:10px;}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div style="right: -174px;" id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<table border="0" width="150"><tr><td align="left"><img src="http://www.iconlook.com/icondb/glaze/16x16/actions/configure.png" alt="" border="0"><strong>Lý lịch của bạn</strong><br><br><a href="/profile.forum?mode=editprofile&change_theme=aquagrey" class="postlink" target="_blank">Thông tin của bạn</a><br> <a href="/profile.forum?mode=editprofile&page_profil=preferences&change_theme=aquagrey" class="postlink" target="_blank">Tùy chỉnh giao diện</a><br> <a href="/profile.forum?mode=editprofile&page_profil=signature&change_theme=aquagrey" class="postlink" target="_blank">Sửa chữ ký</a><br> <a href="/profile.forum?mode=editprofile&page_profil=avatars&change_theme=aquagrey" class="postlink" target="_blank">Sửa hình đại diện</a><br><a href="/profile.forum?mode=editprofile&page_profil=friendsfoes&change_theme=aquagrey" class="postlink" target="_blank">Danh sách bạn/thù</a><br><a href="/msg.forum?folder=inbox&change_theme=aquagrey" class="postlink" target="_blank">Hộp thư của bạn</a><br><br></td></tr><tr><td align="left"><img src="http://2img.net/i/fa/Online.png" border="0"><strong>Liên hệ giao dịch</strong><br><br><a href="/profile.forum?mode=viewprofile&page_profil=messages&u=1258&change_theme=aquagrey" class="postlink" target="_blank">VM hunghsmn</a><br><a href="/profile.forum?mode=viewprofile&page_profil=messages&u=2106&change_theme=aquagrey" class="postlink" target="_blank">VM ipv</a><br><a href="/profile.forum?mode=viewprofile&page_profil=messages&u=2086&change_theme=aquagrey" class="postlink" target="_blank">VM vk</a><br><a href="/contact.forum?change_theme=aquagrey">Liên hệ admin</a><br> </td></tr></table>
</div>
</div><!-- END switch_user_logged_in -->
Chú giải:
- Phần 1: script điều khiển menu chạy lên/xuống
- Phần 2: Nội dung của menu, các bạn có thể thay đổi tùy ý:
- Code:
<table border="0" width="150">....</tr></table>
Lưu ý : Chống chỉ định với IE6
Viết bởi Việt K
