Diễn đàn Khám phá khoa học
Chào mừng đến Diễn đàn Khám phá khoa học
Bạn đang là khách viếng thăm. Vì vậy vui lòng đăng nhập hoặc đăng kí để sử dụng diễn đàn được tốt hơn và nhìn thấy được một số nội dung cần thiết

Khi tham gia vào diễn đàn bạn có thể viết bài, trao đổi kinh nghiệm, cùng khám phá với mọi người những điều hay, bổ ích về khoa học...,

Hãy chứng tỏ sự hiểu biết của bạn về Khoa học qua http://khampha.8forum.net


Diễn đànĐăng KíCửa hàng Thành ViênNhómLịch


 
ĐĂNG TIN
Các tin, bài báo thuộc về khoa học, thiên văn,...
 
 
Về các lĩnh vực Tin học, vật lý, toán học, thiên văn.....
 
 
Tài liệu, ebook, đề thi, phần mềm hữu ích, video, ảnh khoa học....
 
Bookmark and Share|

[Chia sẻ] Code thanh tùy chỉnh ẩn hiện trượt 1 bên của trình duyệ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
Administrator

avatar


Giới tính : Nam
Số bài gửi Số bài gửi : 388
Coin Coin : 19505
Được cám ơn : 23
Đến từ Đến từ : Việt Nam
Tài sản :

Tue Jan 25, 2011 10:22 am
Bài gửiTiêu đề: [Chia sẻ] Code thanh tùy chỉnh ẩn hiện trượt 1 bên của trình duyệt

Đối với thành viên diễn đàn Khám phá khoa học, ở bên phải của trình duyệt có 1 thanh "TÙY CHỈNH THÀNH VIÊN" khi click vào thanh đó, nó sẽ hiện ra nội dung, và khi click 1 lần nữa thì nó sẽ trở lại ban đầu, hôm nay, Admin xin chia sẻ với các bạn cách làm 1 cái như thế:
Code:

<style type="text/css">
#gb{position:fixed;top:40px;z-index:+1000;}* html #gb{position:relative;} .gbtab{height:227px;width:38px;float:left;cursor:pointer; background:url('http://illiweb.com/fa/pbucket.gif') 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 id="gb" style="right: -174px">
         <div class="gbtab" onclick="showHideGB()">
             </div>
         <div class="gbcontent">
            <table border="0" width="150">
               <tbody>
                  <tr>
                     <td align="left">
                        <img alt="" border="0" src="http://illiweb.com/fa/Online.png" /><strong>Nội dung:</strong><br />
                        <a class="postlink" href="http://www.diendan.khamphakhoahoc.tk/" target="_blank">Nội dung 1</a><br />
                        <a class="postlink" href="http://www.diendan.khamphakhoahoc.tk/" target="_blank">Nội dung 2</a><br />
                        <a class="postlink" href="http://www.diendan.khamphakhoahoc.tk/" target="_blank">Nội dung 3</a><br />
                        <a class="postlink" href="http://www.diendan.khamphakhoahoc.tk/" target="_blank">Nội dung 4</a><br />
                        <a class="postlink" href="http://www.diendan.khamphakhoahoc.tk/" target="_blank">Nội dung 5</a><br />
                        <a class="postlink" href="http://www.diendan.khamphakhoahoc.tk/ target="_blank">Nội dung 6</a><br />
                        <a class="postlink" href="http://www.diendan.khamphakhoahoc.tk/" target="_blank">Nội dung 7</a><br />
                        </td>
                  </tr>
                  <tr>
                    <td align="left">
                        <img border="0" src="http://illiweb.com/fa/Online.png" /><strong>Liên hệ </strong><br />                   
                        <a href="http://www.diendan.khamphakhoahoc.tk/">Nội dung</a></td>
                  </tr>
              </tbody>
            </table>
        </div>
      </div>

Sửa lại liên kết và nội dung cho phù hợp với website của bạn là OK


__________________________________________________________

Về Đầu Trang Go down
Xem lý lịch thành viên http://www.diendan.khamphakhoahoc.tk
pinkdreams210
Bắt đầu thích nghề

avatar


Giới tính : Nữ
Số bài gửi Số bài gửi : 12
Coin Coin : 36
Được cám ơn : 0
Sinh nhật 05/02/1985
Đến từ Đến từ : Tp - HCM

Wed Mar 16, 2011 11:02 am
Bài gửiTiêu đề: Re: [Chia sẻ] Code thanh tùy chỉnh ẩn hiện trượt 1 bên của trình duyệt

hay lam! thanks

Về Đầu Trang Go down
Xem lý lịch thành viên

[Chia sẻ] Code thanh tùy chỉnh ẩn hiện trượt 1 bên của trình duyệt

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

Similar topics

+

****************Hãy cùng chia sẻ với bạn bè bằng cách ****************
Copy đường link dưới đây gửi đến nick yahoo bạn bè!

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
Diễn đàn Khám phá khoa học :: Công nghệ thông tin :: Kiến thức :: Thiết kế web-
Diễn đàn Khám phá khoa học - Phát triển bởi các thành viên của diễn đàn.
Admin: Hồ Vũ Thảo Hiền
Liên hệ: Email: hvthhien@gmail.com hoặc info@khamphakhoahoc.tk | Yahoo chat: hvthhien
Ghi rõ nguồn diendan.khamphakhoahoc.tk khi sao chép bài ở đây!
Diễn đàn | Trang tin |Cửa hàng | Thành viên | Lịch | Game ngẫu nhiên | Nghe nhạc | Tìm kiếm | Hỏi đáp
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create a blog