Bảng thông báo đen ở góc phải có nút ẩn và nút tắt Người viết: Méo Demo: [You must be registered and logged in to see this link.] đã viết:

Chèn vào Overall_header:

Code:

<div class="thongbaofca">
  <div class="tatkeo">
    <div class="keofca">⇕</div>
    <div class="tatfca">x</div>
  </div>
  <div style="background-color: rgba(0, 0, 0, 0.85);width: 100%;height: 100px;display: block;" class="jwkfca">
    <div class="thongbaojwk">Úm ba la xì ý ba la xùm
      <br/>Xùm la ba ý xì la ba úm
      <br/>Không có gì mới hết trơn
    </div>
  </div>
</div>
<script>
  $(document).ready(function(){
    $(".keofca").click(function(){$(".jwkfca").animate({height:'toggle'},750);});
    $(".tatfca").click(function(){$(".thongbaofca").hide();});
  });
</script>

Chèn tiếp vào Css:

Code:

/*bảng thông báo*/
.thongbaofca{position:fixed;min-height:20px;min-width:300px;bottom:0px;right:0px;}
.thongbaojwk{padding: 15px;position: relative;color: #fff;font-weight: bold;overflow-x: hidden;overflow-y: auto;}
.keofca,.tatfca{cursor:pointer;padding: 10px;margin-right: 5px;float: right;font-weight: bold;color: #fff;background: #000;position: relative;}
.tatkeo{background: rgba(0,0,0,.7);border-bottom: 5px solid #000;height: 35px;}

Sửa lại style cho phù hợp với forum nhé mọi người