Menu chính

Bài viết mới nhất

  • Máy tính mình có hiện tượng không cho xóa file,...
  • " Nhận thông báo email qua tin nhắn SMS miễn phí "...
  • " Dạy học theo chủ đề "...
  • Chào thấy, thầy cho tôi hỏi thầy có code nào...
  • " Kinh nghiệm dạy học "...
  • Đưa nhạc vào blog theo phong cách của bạn...
  • " HƯỚNG DẪN XÂY DỰNG BẢNG HỎI - PHIẾU KHẢO SÁT...
  • Hướng dẫn cài đặt Adobe Presenter 9.0 full...
  • " Giám sát thời gian hoạt động website qua SMS "...
  • Bài toán 3/ Cho p là số nguyên tố lớn...
  • Bài toán 2/ Tìm số tự nhiên có hai chữ...
  • Bài toán: 1/ Tìm số tự nhiên abc có ba...
  • " Hướng dẫn download tài liệu từ Docstoc.com miễn phí "...
  • TVM XIN CHÀO!...

    • Hỗ trợ trực tuyến

    • (Bùi Trọng Bằng)

    Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên

    • Thành viên trực tuyến

    1 khách và 0 thành viên

    DANH NGÔN MỖI NGÀY

    Gốc > Code cho Blog và Web >

    Code ẩn hiển chatbox

      Phóng to || Thu nhỏ

    Hôm nay Blog giáo viên Thái Bình sẽ tặng tất cả các thành viên Blog một code rất hay

    Demo tại đây

    Demo 2 tại đây

    Code

    <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://farm3.static.flickr.com/2636/3935353655_32c6d2bb30_o.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 id="gb">
     
    <div class="gbtab" onclick="showHideGB()"> </div>
     
    <div class="gbcontent">
     
    <iframe title="bloggiaovienthaibinh" src=
    "http://www6.shoutmix.com/?bloggiaovienthaibinh" width="250"
    height="400" frameborder="0" scrolling="auto"><a href=
    "http://www6.shoutmix.com/?bloggiaovienthaibinh">View
    shoutbox</a></iframe><br>
    <a href="http://bloggiaovienthaibinh.110mb.com/flash/index.html"
    title="trongbang-studio">Blog giáo viên Thái Bình </a><br>
     

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [Hide]
    </a>
    </div>
     
    </div>
     
    </div>
     
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>
     

     2.Hướng dẫn

    -Thay địa chỉ blog và tên Blog trênở dòng sau

    <a href="http://bloggiaovienthaibinh.110mb.com/flash/index.html"
    title="trongbang-studio">Blog giáo viên Thái Bình </a><br>
     

    -Các bạn coppy code cho vào thẻ body với blog violet thì cho vào thông tin bản quyền hoặc vào khối nào đó

    Chúc các thầy cô và các bạn thành công

    Blog giáo viên Thái Bình

    Bookmark and Share
    Nhắn tin cho tác giả
    Cao Bằng @ 09:41 15/01/2010
    Số lượt xem: 2981
    Số lượt thích: 0 người
    Avatar
    Thầy Bằng ơi cho hỏi, làm sao để xóa các ý kiến đã có trong hộp chatbox ? (đã thay địa chỉ như hướng dẫn của thầy)
    Đặng Thị Ánh Nguyệt @ 17h:32p 14/10/09
    Avatar
    Cô giáo không cần phải xoá đâu vì cô giáo cứ viết vài tin nữa thì những tin đó sẽ mất mà
    Cao Bằng @ 18h:48p 14/10/09
    Avatar
    Nếu cô giáo thích làm chatbox riêng cho blog của cô giáo có cả ảnh cô giáo hoặc logo blog của mình thì hôm nào em sẽ post bài hướng dẫn chi tiết
    Cao Bằng @ 19h:03p 14/10/09
    Avatar
    Cô giáo xem chatbox em làm mang phong cách cá nhân ở Code tạo chát box2 bên dưới
    Cao Bằng @ 19h:08p 14/10/09
    Avatar

    Code ẩn hiển chatbox

    Cao Bằng @ 17h:09p 27/03/10
    Avatar
    Hay đấy! Thanks!
    Phan Văn Diễn @ 22h:51p 26/01/11
     
    Gửi ý kiến