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 [You must be registered and logged in to see this link.]

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>