Hỗ trợ Forumotion
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

001_MTV4
  • Member

001_MTV4

Member


001_MTV4

001_MTV4
loading...

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 ảnh [Code] Menu lý lịch thành viên Demoll10

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

Trả lời nhanh

Message reputation : 100% (1 vote)

    No Comment.

    Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 1 trang]

    Permissions in this forum:
    Bạn không có quyền trả lời bài viết