thanhmai
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.

thanhmai

thanhmai
 
Trang ChínhLatest imagesTìm kiếmĐăng kýĐăng Nhập

Lý lịch trượt Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tác giả
Bình chọn cho bài viết:


Admin
Admin
Tổng số bài gửi : 12
Join date : 30/05/2013


Bài gửiTiêu đề: Lý lịch trượt Lý lịch trượt  I_icon_minitimeSun Jul 21, 2013 9:52 am
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.

Lý lịch trượt  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>

 Similar topics

-
» nút trượt lên xuống
» hình trượt 2 bên
Lý lịch trượt Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
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
thanhmai  :: 

code html

 :: 

Code trượt

-