|
ZetaFamily
|
Jul 10 2011, 08:23 AM
Post #1
|
Tôi yêu Zetaboards
- Posts:
- 1,677
- Group:
- Administrators
- Member
- #1
- Joined:
- Jul 27, 2010
- My forum:
- http://zetafamily.co.cc
|
Preview: 
Code bảng thông báo này được mình lấy trên mạng và chỉnh sửa lại cho phù hợp với ZB với sự giúp đỡ của Cory. Nó sẽ không ảnh hưởng đến theme của các bạn đang dùng như trước đây như: làm cho font chữ nhỏ lại...
Đặt code tạo Above the boards
- Code:
-
<style type="text/css"> .table-w970 {width: 900px;}
.tinnong {background: url('http://www.autinhyeu.com/forum/thongbao/bg-hotne.jpg') no-repeat right top; width:294px; height:305px; text-align:left; overflow:hidden; position:relative } #Uc_HotNews1_dl_hot_news { width:100%; border:0; padding:0; text-align:left; border-style: hidden; border-spacing:0;}
#Uc_HotNews1_dl_hot_news td { font-family:Tahoma, Arial; font-size: 11px; color: #000000; }
.tinnong-text {text-align:justify; width:194px;}
a { text-decoration:none;}
.line-dot-pink {background:url('http://www.autinhyeu.com/forum/thongbao/line-dot.gif') repeat-x left 50%; height:1px; width:194px; }
.news-head-lc {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-head.jpg') no-repeat right bottom; width:15px; height:15px; } .news-head-m {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-heae.jpg') repeat-x left bottom; height:15px; width:300px; } .news-head-rc {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-heaf.jpg') no-repeat left bottom; width:15px; height:15px; } .news-mid-l {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-mid-.jpg') repeat-y right top; width:15px; height:265px } .news-content {float:left; background-color: #ffecf1; height:265px} .news-title-m {background:url('http://www.autinhyeu.com/forum/thongbao/news-tiu.gif') repeat-x left 50%; width:300px; font-weight:bold; } .news-title-l {background: url('http://www.autinhyeu.com/forum/thongbao/news-tit.gif') no-repeat left 50%; height:28px } .news-title-r {background:url('http://www.autinhyeu.com/forum/thongbao/news-tiv.gif') no-repeat right 50%; height:28px }
.news-mid-r {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-mid0.jpg') repeat-y left top; width:15px; height:265px } .news-foot-lc {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-foot.jpg') no-repeat right top; width:15px; height:15px; } .news-foot-m {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-foou.jpg') repeat-x left top; height:15px; width:300px; } .news-foot-rc {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-foov.jpg') no-repeat left top; width:15px; height:15px;; }
.hot1 {float:left; background: url('http://www.autinhyeu.com/forum/thongbao/hot10000.jpg') no-repeat left top; width:198px; height:72px; text-align:left; } .hot2 {float:left; background: url('http://www.autinhyeu.com/forum/thongbao/hot20000.jpg') no-repeat left top; width:198px; height:54px; text-align:left; } .hot3 {float:left; background: url('http://www.autinhyeu.com/forum/thongbao/hot30000.jpg') no-repeat left top; width:198px; height:43px; text-align:left; } .hot4 {float:left; background: url('http://www.autinhyeu.com/forum/thongbao/hot40000.jpg') no-repeat left top; width:198px; height:51px; text-align:left; } .hot5 {float:left; background: url('http://www.autinhyeu.com/forum/thongbao/hot50000.jpg') no-repeat left bottom; width:198px; height:76px; text-align:left; }
.style1 { color: #FF0000; font-weight: bold; }
.style4 { text-decoration: none; } .style7 { font-size: large; } .style11 { font-size: medium; } .style12 { font-size: x-large; } .style15 { color: #808000; } .style16 { text-align: center; }
</style>
<p class="style16"><br /> <span class="style4"> <span class="style7"> <b> <span class="style11"> <font color="blue"> <a rel="nofollow" target="_blank" href="URL LINK" class="style4"> <span class="style15"> <span class="style12"> <img src="http://maker.vnget.net/images/images_cache/12_2009/vol_06_99707_1261208516.gif"***93;***91;/img***93;</span></span></span></a></font></span></b></span></span></p> <div align="center">
<div class="table-w970" style="background: #FFFFFF left top; height:100%; width: 841px;"> <div> <div style="float:left; width:10px"> <img src="http://www.autinhyeu.com/forum/thongbao/spacer00.gif" width="12" height="1"></div> <div class="tinnong" style="float:left; padding:"> <div style="padding: 85px 50px 40px 45px; height:100%"> <table id="Uc_HotNews1_dl_hot_news" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse; height: 171px;"> <tr> <td> <div class="tinnong-text"> <img src="http://www.autinhyeu.com/forum/thongbao/dot-hong.jpg" width="6" height="6"> <a href="URL" rel="nofollow" target="_blank"><font color=blue><b>TEXT</b></font></a>
</div> <div class="line-dot-pink" style="padding:4px;"></div> </td> </tr> <tr> <td> <div class="tinnong-text"> <img src="http://www.autinhyeu.com/forum/thongbao/dot-hong.jpg" width="6" height="6"> <a href="URL" rel="nofollow" target="_blank"><font color=RED><b>TEXT</b></font></a>
</div> <div class="line-dot-pink" style="padding:4px;"></div> </td> </tr><tr> <td> <div class="tinnong-text"> <img src="http://www.autinhyeu.com/forum/thongbao/dot-hong.jpg" width="6" height="6"> <a href="URL" rel="nofollow" target="_blank"><font color=green ><b>TEXT</b></font></a>
</div> <div class="line-dot-pink" style="padding:4px;"></div> </td> </tr><tr> <td> <div class="tinnong-text"> <img src="http://www.autinhyeu.com/forum/thongbao/dot-hong.jpg" width="6" height="6"> <blink> <a href="URL" rel="nofollow" target="_blank"><font color=black ><b>TEXT </b> </font></a> </div> <div class="line-dot-pink" style="padding:4px;"></div> </td> </tr><tr> <td> <div class="tinnong-text"> <img src="http://www.autinhyeu.com/forum/thongbao/dot-hong.jpg" width="6" height="6"> <blink> <a href="URL" rel="nofollow" target="_blank"><font color=red ><b>TEXT</b> <img src="http://www.autinhyeu.com/forum/images/thongbao/hot.gif" border="0" /></font></a>
</div> <div class="line-dot-pink" style="padding:4px;"></div> </td> </tr><tr> <td> <blink> </td> </tr> </table> </div> </div> <div style="float:left;"> <div class="news-head-lc"></div> <div class="news-head-m"></div> <div class="news-head-rc"></div> <div style="clear:both"></div> <div class="news-mid-l"></div> <div class="news-content"> <div style="padding-bottom:8px"> <div id="Uc_HotNews1_UpdatePanel1">
<a href=" http://traitimcoto.hnsv.com " rel="nofollow" target="_blank"> <img id="Uc_HotNews1_img_slide" src="http://camnangcuoihoi.com/images/stories/mot-thoang-co-to10.jpg" style="height:227px;width:300px;border-width:0px;" /></a>
</div> </div> <div class="news-title-m"> <div class="news-title-l"> <div class="news-title-r"> <div style="padding-top:7px"> <div id="Uc_HotNews1_UpdatePanel2">
<a href="URL" rel="nofollow" target="_blank"> <span class="style1">TEXT</span></a>
</div> </div> </div> </div> </div> </div> <div class="news-mid-r"></div> <div style="clear:both"></div> <div class="news-foot-lc"></div> <div class="news-foot-m"></div> <div class="news-foot-rc"></div> </div> <div id="Uc_HotNews1_UpdatePanel3">
<div class="hot1"> <div style="padding: 38px 0 0 45px;"> <a href="URL" rel="nofollow" target="_blank"><font color=white><b>1. TEXT</b></font></a>
</div> </div> <div class="hot2"> <div style="padding: 12px 0 0 43px;"> <a href="URL" rel="nofollow" target="_blank"><font color=white><b>2. TEXT</b></font></a>
</div> </div> <div class="hot3"> <div style="padding: 12px 0 0 73px"> <a href="URL" rel="nofollow" target="_blank"><font color=white><b>3. TEXT</b></font></a>
</div> </div> <div class="hot4"> <div style="padding: 12px 0 0 47px"> <a href="URL" rel="nofollow" target="_blank"><font color=white><b>4.TEXT </b></font></a>
</div> </div> <div class="hot5"> <div style="padding: 20px 0 0 60px"> <a href="URL" rel="nofollow" target="_blank"><font color=white><b>5. TEXT</b></font></a>
</div> </div>
</div> </div> <div style="clear:both"></div> </div> </div>
Nếu bạn muốn gọn hơn để giảm kí tự các bạn dùng code sau:
Đặt code sau tại cuối CSS
- Code:
-
div[class*="hot"] a { font-weight: 700; color: white; }
.table-w970 {width: 900px;}
.tinnong {background: url('http://www.autinhyeu.com/forum/thongbao/bg-hotne.jpg') no-repeat right top; width:294px; height:305px; text-align:left; overflow:hidden; position:relative } #Uc_HotNews1_dl_hot_news { width:100%; border:0; padding:0; text-align:left; border-style: hidden; border-spacing:0;}
#Uc_HotNews1_dl_hot_news td { font-family:Tahoma, Arial; font-size: 11px; color: #000000; }
.tinnong-text {text-align:justify; width:194px;}
a { text-decoration:none;}
.line-dot-pink {background:url('http://www.autinhyeu.com/forum/thongbao/line-dot.gif') repeat-x left 50%; height:1px; width:194px; }
.news-head-lc {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-head.jpg') no-repeat right bottom; width:15px; height:15px; } .news-head-m {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-heae.jpg') repeat-x left bottom; height:15px; width:300px; } .news-head-rc {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-heaf.jpg') no-repeat left bottom; width:15px; height:15px; } .news-mid-l {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-mid-.jpg') repeat-y right top; width:15px; height:265px } .news-content {float:left; background-color: #ffecf1; height:265px} .news-title-m {background:url('http://www.autinhyeu.com/forum/thongbao/news-tiu.gif') repeat-x left 50%; width:300px; font-weight:bold; } .news-title-l {background: url('http://www.autinhyeu.com/forum/thongbao/news-tit.gif') no-repeat left 50%; height:28px } .news-title-r {background:url('http://www.autinhyeu.com/forum/thongbao/news-tiv.gif') no-repeat right 50%; height:28px }
.news-mid-r {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-mid0.jpg') repeat-y left top; width:15px; height:265px } .news-foot-lc {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-foot.jpg') no-repeat right top; width:15px; height:15px; } .news-foot-m {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-foou.jpg') repeat-x left top; height:15px; width:300px; } .news-foot-rc {float:left; background:url('http://www.autinhyeu.com/forum/thongbao/new-foov.jpg') no-repeat left top; width:15px; height:15px;; }
.hot1 {float:left; background: url('http://www.autinhyeu.com/forum/thongbao/hot10000.jpg') no-repeat left top; width:198px; height:72px; text-align:left; } .hot2 {float:left; background: url('http://www.autinhyeu.com/forum/thongbao/hot20000.jpg') no-repeat left top; width:198px; height:54px; text-align:left; } .hot3 {float:left; background: url('http://www.autinhyeu.com/forum/thongbao/hot30000.jpg') no-repeat left top; width:198px; height:43px; text-align:left; } .hot4 {float:left; background: url('http://www.autinhyeu.com/forum/thongbao/hot40000.jpg') no-repeat left top; width:198px; height:51px; text-align:left; } .hot5 {float:left; background: url('http://www.autinhyeu.com/forum/thongbao/hot50000.jpg') no-repeat left bottom; width:198px; height:76px; text-align:left; }
.style1 { color: #FF0000; font-weight: bold; }
.style4 { text-decoration: none; } .style7 { font-size: large; } .style11 { font-size: medium; } .style12 { font-size: x-large; } .style15 { color: #808000; } .style16 { text-align: center; }
Đặt code sau tại Above the boards
- Code:
-
<div class="table-w970" style="background: #FFF; height: 100%; width: 841px; margin: auto; text-align: center"> <div style="float: left; width: 10px"> <img src="http://www.autinhyeu.com/forum/thongbao/spacer00.gif" width="12" height="1" alt="" /></div> <div class="tinnong" style="float: left"> <div style="padding: 85px 50px 40px 45px; height: 100%"> <table id="Uc_HotNews1_dl_hot_news" style="border-collapse: collapse; height: 171px"> <tr> <td> <div class="tinnong-text"> <img src="http://www.autinhyeu.com/forum/thongbao/dot-hong.jpg" width="6" height="6" alt="" /> <a href="URL" rel="nofollow" target="_blank"><span style="color: blue"><strong>TEXT</strong></span></a>
</div> <div class="line-dot-pink" style="padding: 4px"></div> </td> </tr> <tr> <td> <div class="tinnong-text"> <img src="http://www.autinhyeu.com/forum/thongbao/dot-hong.jpg" width="6" height="6"alt="" /> <a href="URL" rel="nofollow" target="_blank"><span style="color: red"><strong>TEXT</strong></span></a>
</div> <div class="line-dot-pink" style="padding: 4px"></div> </td> </tr><tr> <td> <div class="tinnong-text"> <img src="http://www.autinhyeu.com/forum/thongbao/dot-hong.jpg" width="6" height="6" alt="" /> <a href="URL" rel="nofollow" target="_blank"><span style="color: green"><strong>TEXT</strong></span></a>
</div> <div class="line-dot-pink" style="padding: 4px"></div> </td> </tr><tr> <td> <div class="tinnong-text"> <img src="http://www.autinhyeu.com/forum/thongbao/dot-hong.jpg" width="6" height="6" alt="" /> <a href="URL" rel="nofollow" target="_blank"><span style="color: black; text-decoration: blink"><strong>TEXT </strong> </span></a> </div> <div class="line-dot-pink" style="padding: 4px"></div> </td> </tr><tr> <td> <div class="tinnong-text"> <img src="http://www.autinhyeu.com/forum/thongbao/dot-hong.jpg" width="6" height="6" alt="" /> <a href="URL" rel="nofollow" target="_blank"><span style="color: red; text-decoration: blink"><strong>TEXT</strong> <img src="http://www.autinhyeu.com/forum/images/thongbao/hot.gif" alt="" /></span></a>
</div> <div class="line-dot-pink" style="padding: 4px"></div> </td> </tr><tr> <td> </td> </tr> </table> </div> </div> <div style="float: left"> <div class="news-head-lc"></div> <div class="news-head-m"></div> <div class="news-head-rc"></div> <div style="clear: both"></div> <div class="news-mid-l"></div> <div class="news-content"> <div style="padding-bottom: 8px"> <div id="Uc_HotNews1_UpdatePanel1">
<a href=" http://traitimcoto.hnsv.com " rel="nofollow" target="_blank"> <img id="Uc_HotNews1_img_slide" src="http://camnangcuoihoi.com/images/stories/mot-thoang-co-to10.jpg" style="height: 227px; width: 300px; border-width: 0" alt="" /></a>
</div> </div> <div class="news-title-m"> <div class="news-title-l"> <div class="news-title-r"> <div style="padding-top: 7px"> <div id="Uc_HotNews1_UpdatePanel2">
<a href="URL" rel="nofollow" target="_blank"> <span class="style1">TEXT</span></a>
</div> </div> </div> </div> </div> </div> <div class="news-mid-r"></div> <div style="clear: both"></div> <div class="news-foot-lc"></div> <div class="news-foot-m"></div> <div class="news-foot-rc"></div> </div> <div id="Uc_HotNews1_UpdatePanel3">
<div class="hot1"> <div style="padding: 38px 0 0 45px"> <a href="URL" rel="nofollow" target="_blank">1. TEXT</a> </div> </div>
<div class="hot2"> <div style="padding: 12px 0 0 43px"> <a href="URL" rel="nofollow" target="_blank">2. TEXT</a> </div> </div>
<div class="hot3"> <div style="padding: 12px 0 0 73px"> <a href="URL" rel="nofollow" target="_blank">3. TEXT</a> </div> </div>
<div class="hot4"> <div style="padding: 12px 0 0 47px"> <a href="URL" rel="nofollow" target="_blank">4.TEXT</a> </div> </div>
<div class="hot5"> <div style="padding: 20px 0 0 60px"> <a href="URL" rel="nofollow" target="_blank">5. TEXT</a> </div> </div>
</div> <div style="clear: both"></div> </div>
Lưu ý: - Các bạn thêm các đường link vào cho phù hợp với forum mình - Nên lưu các hình ảnh từ autinhyeu và up lên host mình đề phòng bị lỗi...
|