Welcome Guest [Log In] [Register]
Chào mừng bạn đến với »»--(¯`°ZetaFamily°´¯)--»» - nơi chia sẽ những thủ thuật cho forum Zetaboards

-‘๑’- Bạn hiện đang xem diễn đàn của chúng tôi với tư cách là Khách.Điều này có nghĩa là bạn sẽ không thấy được hệ thống các code được chia sẽ trên diễn đàn.

-‘๑’- Đăng Ký rất đơn giản, nhanh chóng, và hoàn toàn miễn phí. Nhấp chuột vào ĐÂY

-‘๑’- Sử dụng Firefox để đăng nhập Forum dễ dàng hơn !

-‘๑’- Nếu đã có tài khoản hãy đăng nhập dưới đây :

-‘๑’- Chúc bạn một ngày tốt lành -‘๑’-

Username:   Password:
Add Reply
[ZB code] Bảng thông báo đẹp
Topic Started: Jul 10 2011, 08:23 AM (521 Views)
ZetaFamily
Member Avatar
Tôi yêu Zetaboards

Preview: Posted Image

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...
Offline Profile Quote Post TOP
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards Code Forum · Next Topic »
Add Reply

Liên Kết Forum

Copyright©2011,ZetaFamily™.All rights reserved
Xem tốt nhất trên các trình duyệt FireFox hoặc Google Chrome
Diễn đàn là một hệ thống mở,chúng tôi sẽ không chịu trách nhiệm về nội dung đăng tải do người dùng đưa lên.
ZetaFamily Theme designed by ZetaFamily.Co.Cc