[Code] Bảng thông báo đã edit

anhdausai đã viết:có bạn vào 4rum mình xin code bảng thông báo 4rum mình : http://www.teenlythuongkiet.net/t838-topic#10091
4rum mình alf 4rum trường mình ko thích share code nên minh flaapj topic này để share chi bạn. code bảng thông báo mình lấy bên cntt-k3 và edit lại theo ý mình

demo: http://www.teenlythuongkiet.net/forum bảng thông báo

chèn vào index_body

Code:

<!-- thongbao -->
                      <div class="tsnotice">
                        <div class="ntblock1 flpo">
                            <div class="nttitle">THÔNG BÁO MỚI</div>
                        </div>
                        <div class="ntblock2 flpo">
                            <div class="ntcontent">
                                <ul>
<li class="li-tb"><a href="http://lythuongkiet.yourme.net/t9-topic"><font color="#8126ff"><b> Nội Quy Diễn Đàn LTK</b> <img src="http://nahavi.com/images/icon_new.gif" border="0"></font></a></li>
<li class="li-tb"><a href="http://lythuongkiet.yourme.net/f14-forum"><font color="#f40068"><b> Hướng Dẫn Sử Dụng 4rum</b>  <img src="http://nahavi.com/images/icon_new.gif" border="0"></font></a></li>
<li class="li-tb"><a href="http://lythuongkiet.yourme.net/f28-forum"><font color="#96d00d"><b>  Tiếng Hát Thành Viên Lý Thường Kiệt</b> <img src="http://nahavi.com/images/icon_new.gif" border="0"></font></a></li>
<li class="li-tb"><a href="http://lythuongkiet.yourme.net/t15-topic"><font color="#8126ff"><b> Shop Thú Lý Thường Kiệt</b> <img src="http://nahavi.com/images/icon_new.gif" border="0"></font></a></li>
                                </ul>
                            </div>

                        </div>
                    </div>
                  <!-- KetThuc thongbao -->


                <!-- facebook -->
                  <div class="tsfb"> 
<iframe src="http://lythuongkiet.yourme.net/h27-page" height="220" width="100%" frameborder="0"></iframe>
  </div>
                   
              <!-- KetThuc facebook -->

chèn vào css

Code:

/* bang thong bao */
.tb-table {
border-collapse: collapse;
border-spacing: 0;
}
.tb-table {
-webkit-margin-start: auto;
-webkit-margin-end: auto;
}

.li-tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
.tsnotice {
background: url(http://i45.servimg.com/u/f45/14/65/61/19/notice11.png) top left no-repeat;
width: 457px;
height: 210px;
float: left;
margin-right: 5px;
}
.ntblock1 {
width: 457px;
height: 35px;
}
.nttitle {
color: white;
font-weight: bold;
text-shadow: 0 1px 1px #590D33;
padding: 10px;
}
.tsfb {
padding: 1px;
width: 470px;
height: 197px;
background: #F9F9F9;
border: 1px solid #3B5998;
border-radius: 5px;
float: left;
}
.ntcontent li {
padding-left: 40px;
line-height: 15px;
height: 45px;
font-size: 14px;
}
.li-tb {
list-style: none;
}


nguồn: cntt-k3