F@rum_Haiquan.info (*_*)
Tạo thông báo như của Diễn đàn - Bản rút gọn

+- F@rum_Haiquan.info (*_*) (http://haiquan.info/F@rum)
+-- Diễn đàn: TIN HỌC- CÔNG NGHỆ (http://haiquan.info/F@rum/forumdisplay.php?fid=101)
+--- Diễn đàn: MÃ NGUỒN (http://haiquan.info/F@rum/forumdisplay.php?fid=102)
+---- Diễn đàn: MYBB (http://haiquan.info/F@rum/forumdisplay.php?fid=103)
+---- Chủ đề: Tạo thông báo như của Diễn đàn (/showthread.php?tid=905)



Tạo thông báo như của Diễn đàn - ngocvu1403 - 26-08-2012




Trước tiên bạn thêm đoạn code sau vào cuối global.css

Code:
.alert {

    background: #FFF6BF;



    border-top: 2px solid #FFD324;



    border-bottom: 2px solid #FFD324;



    text-align: center;



    margin: 10px auto;



    padding: 5px 20px;

}



.notice {

    background: #ADCBE7;



    border-top: 2px solid #0F5C8E;



    border-bottom: 2px solid #0F5C8E;



    text-align: center;



    margin: 10px auto;



    padding: 5px 20px;

}



.notice2 {

    background: #D6ECA6;



    border-top: 2px solid #8DC93E;



    border-bottom: 2px solid #8DC93E;



    text-align: center;



    margin: 10px auto;



    padding: 5px 20px;

}

Sau đó bạn vào header thêm đoạn này vào cuối. Nhớ thay dòng thông báo cho phù hợp nhá.

Code:
<p
class="alert"><strong><blink> Thông báo
mới:</blink><img border="0"
src="http://giaoducviet.net/forum/images/icons/new.gif"
></strong>   <a
href="http://giaoducviet.net/forum/showthread.php?tid=9154">  Hướng
dẫn gửi bài lên diễn đàn bằng video (Thành viên mới nên đọc).
</a></p>

<p class="notice"><strong><blink> Tin
mới:</blink><img border="0"
src="http://giaoducviet.net/forum/images/icons/new.gif"
></strong>   <a
href="http://giaoducviet.net/forum/showthread.php?tid=7657&pid=12545#pid12545">  
Chính thức phát hành theme Giaoducviet</a></p><p
class="notice2"><strong><blink> Tin
mới:</blink><img border="0"
src="http://giaoducviet.net/forum/images/icons/new.gif"
></strong>   <a
href="http://giaoducviet.net/forum/showthread.php?tid=7657&pid=12545#pid12545">  
Chính thức phát hành theme Giaoducviet</a></p>