demo: 
Hường dẫn:
Bước 1:ACP --> Modules --> HTML & JAVASCRIPT --> HTML pages mannagement --> tạo 1 HTLM mới và cho code này vào:
chèn code này vào trên cùng:
Lưu ý: chỉnh sửa lại cho hợp với forum của mình.
Hường dẫn:
Bước 1:ACP --> Modules --> HTML & JAVASCRIPT --> HTML pages mannagement --> tạo 1 HTLM mới và cho code này vào:
- Code:
<html>
<head>
<title>FC Mỹ Phương</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<style type='text/css'>
body,td,th {
font-family:Tahoma, Arial;
font-size: 11px;
color: #000000;
}
body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align:left;
text-decoration:none;
vertical-align: text-top;
/*background: #fef2ef url(http://www.autinhyeu.com/forum/thongbao/images/bg-main.jpg) fixed center top no-repeat;*/}
a { text-decoration:none;}
/*Dinh dang cho table -----------------------------------------------------------------------------------------*/
table {
width:100%;
border:0;
padding:0;
text-align:left;
border-style: hidden;
border-spacing:0;}
/* table-width --*/
.table-w970 {width: 800px;}
/*Dinh dang cho td -----------------------------------------------------------------------------------------*/
.td-center-top{text-align:center; vertical-align: top;}
.td-center-middle{text-align:center; vertical-align:middle;}
.td-center-bottom{vertical-align:bottom; text-align:center;}
.td-right-top{text-align:right; vertical-align: top;}
.td-right-middle{text-align:right; vertical-align:middle;}
.td-right-bottom{text-align:right; vertical-align:bottom;}
.td-left-top{text-align:left; vertical-align:top;}
.td-left-middle{text-align:left; vertical-align:middle;}
.td-left-bottom{text-align:left; vertical-align:bottom;}
/*Dinh dang cho link -----------------------------------------------------------------------------------------*/
.l_white-11b-pinkhard,.l_white-11b-pinkhard:link,.l_white-11b-pinkhard:active {
font-size: 11px;
font-weight:bold;
color:#FFFFFF;}
.l_white-11b-pinkhard:hover {
font-size: 11px;
font-weight:bold;
color: #FF3366;}
.l_white-11b-yellow,.l_white-11b-yellow:link,.l_white-11b-yellow:active {
font-size: 11px;
font-weight:bold;
color:#FFFFFF;}
.l_white-11b-yellow:hover {
font-size: 11px;
font-weight:bold;
color: #FFFF00;}
.l_hardred-11bi-orange,.l_hardred-11bi-orange:link,.l_hardred-11bi-orange:active {
font-size: 11px;
font-weight:bold;
font-style:italic;
color:#993366;}
.l_hardred-11bi-orange:hover {
font-size: 11px;
font-weight:bold;
font-style:italic;
color: #FF9966;}
.l_gray-11-pinkhard,.l_gray-11-pinkhard:link,.l_gray-11-pinkhard:active {
font-size: 11px;
color:#666666;}
.l_gray-11-pinkhard:hover {
font-size: 11px;
color: #FF3366;}
.l_black-11b-pinkhard,.l_black-11b-pinkhard:link,.l_black-11b-pinkhard:active {
font-size: 11px;
font-weight:bold;
color:#000000;}
.l_black-11b-pinkhard:hover {
font-size: 11px;
font-weight:bold;
color: #FF3366;}
/*Dinh dang cho line -----------------------------------------------------------------------------------------*/
.line-dot-pink {background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/line-d10.gif) left repeat-x; height:0px; width:154px;}
/*Dinh dang cho khung -----------------------------------------------------------------------------------------*/
/*TINNONG*/
.tinnong {background: transparent url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/bg-hotnews.jpg) right top no-repeat; width:240px; height:300px; text-align:left;
overflow:hidden; position:relative
}
.tinnong-text {text-align:left; width:174px;}
/*HOTNEWS*/
.news-head-lc {float:left; background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/new-he10.jpg) right bottom no-repeat; width:15px; height:15px;}
.news-head-m {float:left; background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/new-he11.jpg) left bottom repeat-x; height:15px; width:300px;}
.news-head-rc {float:left; background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/new-he12.jpg) left bottom no-repeat; width:15px; height:15px;}
.news-mid-l {float:left; background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/new-mi10.jpg) right top repeat-y; width:15px; height:265px}
.news-content {float:left; background-color: #ffecf1; height:265px}
.news-mid-r {float:left; background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/new-mi11.jpg) left top repeat-y; width:15px; height:265px}
.news-foot-lc {float:left; background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/new-fo10.jpg) right top no-repeat; width:15px; height:15px;}
.news-foot-m {float:left; background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/new-fo11.jpg) left top repeat-x; height:15px; width:300px;}
.news-foot-rc {float:left; background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/new-fo12.jpg) left top no-repeat; width:15px; height:15px;;}
/*HOTNEWS-TITLE*/
.news-title-l {background: url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/news-t10.gif) left no-repeat; height:28px}
.news-title-m {background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/news-t11.gif) left repeat-x;width:300px; font-weight:bold;}
.news-title-r {background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/news-t12.gif) right no-repeat; height:28px}
/*HOTMENU*/
.hot1 {float:left; background: url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/hot1.jpg) left top no-repeat; width:198px; height:72px; text-align:left;}
.hot2 {float:left; background: url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/hot2.jpg) left top no-repeat; width:198px; height:54px; text-align:left;}
.hot3 {float:left; background: url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/hot3.jpg) left top no-repeat; width:198px; height:43px; text-align:left;}
.hot4 {float:left; background: url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/hot4.jpg) left top no-repeat; width:198px; height:51px; text-align:left;}
.hot5 {float:left; background: url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/hot5.jpg) left bottom no-repeat; width:198px; height:76px; text-align:left;}
/*FOOTER*/
.foot-title {background: url(http://www.autinhyeu.com/forum/thongbao/title-fo.jpg) left repeat-x; height:26px; text-align:left; padding:0 10px}
.foot-L {float:left; background:url(http://www.autinhyeu.com/forum/thongbao/foot-L00.png) right top no-repeat; width:10px; height:154px}
.foot-M {float:left; background:url(http://www.autinhyeu.com/forum/thongbao/foot-M00.png) left repeat-x; width:950px; height:154px}
.foot-R {float:left; background:url(http://www.autinhyeu.com/forum/thongbao/foot-R00.png) left top no-repeat; width:10px; height:154px}
.foot-text {font-size:11px; color: #993366; line-height:16px;}
/*HOTIMAGES*/
.images-head{background: url(http://www.autinhyeu.com/forum/thongbao/slide-he.png) center bottom no-repeat; width:810px; height:11px;}
.images-foot{background: url(http://www.autinhyeu.com/forum/thongbao/slide-fo.png) center top no-repeat; width:810px; height:11px;}
/*Dinh dang cho text ---------------------------------------------------------------------------------------*/
.text-black-11 {
font-size: 11px;
color: #000000;}
/*-------------begin hot img--------*/
#hot_img{
width:750px;
height:205px;
float:left;
background:url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/bg_hot10.gif) repeat-x;
}
#pic_hot{
width:730px;
height:135px;
float:left;
margin-left:10px;
margin-top:5px;}
.image_{
width:89px;
height:86px;
margin-left:20px;
margin-top:-95px;}
.khung_{
width:109px;
height:106px;
padding-left:10px;
margin-top:0px;
}
.name_ a{
width:109px;
float:left;
color:#333333;
text-decoration:none;
margin-top:7px;
margin-left:20px;
}
/*-------------end hot img--------*/
a
{
font-family: Tahoma;
color: #ffffff;
}
a:link
{
color: #ffffff;
text-decoration:none;
}
a:visited
{
color: #ffffff;
text-decoration:none;
}
a:hover, a.link:hover{
background-image:url(http://cB0.upanh.com/21.606.28561149.1W0/thlin10.gif);
font-size:pt;
color:#ffffff;
text-decoration:none;
border:0px solid;
}
.tinnong2 {background: transparent url(http://i697.photobucket.com/albums/vv340/matieulinh/Leila/bg-hot11.jpg) right top no-repeat; width:294px; height:305px; text-align:left;
overflow:hidden; position:relative
}
.tinnong2-text {text-align:justify; width:194px;}
</style>
<body>
<span id="Uc_HotNews1_Timer1" style="visibility:hidden;display:none;"></span>
<div align="center">
<div class="table-w970" style="background: top left repeat; height:320">
<div>
<div style="float:left; width:10px"><img src="thongbao/spacer00.gif" width="12" height="1"></div>
<div class="tinnong" style="float:left; padding:">
<div style="padding: 85px 50px 40px 45px; height:380">
<table id="Uc_HotNews1_dl_hot_news" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;" height="183">
<tr>
<td height="39">
<div class="tinnong-text">
<b><font size="2">
<img src="http://i697.photobucket.com/albums/vv340/matieulinh/Leila/dot-hong.jpg" width="6" height="6">
</font><font size="2" color="#FF3366">
<a href="http://codeforumotion.forumvi.com/f2-forum" target="_blank">
<font color="#FF0000">Tin Mới Nhất
</font></a></font></b></div>
<div class="line-dot-pink" style="padding:2px;"></div>
</td>
</tr>
<tr>
<td height="32">
<div class="tinnong-text">
<b><font size="2"><font color="#FF9966">
<img src="http://i697.photobucket.com/albums/vv340/matieulinh/Leila/dot-hong.jpg" width="6" height="6">
</font>
<font color="#FF9966">
<a href="http://codeforumotion.forumvi.com/f4-forum" target="_blank">
<font color="#FF9966">Hình Ảnh Mới Nhất</font></a></font></a></b>
</div>
<div class="line-dot-pink" style="padding:2px;"></div>
</td>
</tr>
<tr>
<td height="41">
<div class="tinnong-text">
<font size="2">
<img src="http://i697.photobucket.com/albums/vv340/matieulinh/Leila/dot-hong.jpg" width="6" height="6"><a href="http://codeforumotion.forumvi.com/f3-forum" target="_blank"><b><font color="#FF00FF"> Phim Mới Nhất</a></b></font></font></div>
<div class="line-dot-pink" style="padding:4px;"></div>
</td>
</tr>
<tr>
<td height="33">
<div class="tinnong-text">
<font size="2">
<img src="http://i697.photobucket.com/albums/vv340/matieulinh/Leila/dot-hong.jpg" width="6" height="6"><a href="http://codeforumotion.forumvi.com/t54-topic" target="_blank">
<b><font color="#005500">Trường Nội Trú full 30 tập</font></b></a></font></div>
<div class="line-dot-pink" style="padding:4px;"></div>
</td>
</tr>
<tr>
<td>
<div class="tinnong-text">
<font size="2">
<a target="_blank" href="http://www.facebook.com/vomy.phuong" target="_blank">
<img src="http://i697.photobucket.com/albums/vv340/matieulinh/Leila/dot-hong.jpg" width="6" height="6">
<b><font color="#FF1EA0">Facebook của Mỹ Phương</font></b></a></font></div>
<div class="line-dot-pink" style="padding:4px;"></div>
</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 target="_blank" onmouseover="Tip('<center><b><font color=red>Thông tin!</font></b></center><br><b>Các bạn thân mến !</b><br>Xuất phát từ niềm đam mê, sự mong muốn có 1 nơi để các bạn học sinh trong và ngoài trường có nơi để giao lưu, học tập... Chúng tôi quyết định thành lập 1 diễn đàn mạng, với mong muốn sẽ giúp ích được 1 số nhu cầu cần thiết cho các bạn. Là nơi để vui chơi, giao lưu, học hỏi, chia sẻ những kinh nghiệm trong các lĩnh vực khác nhau... Mong các bạn tham gia để diễn đàn ngày càng phát triển và đi theo những chiều hướng tích cực. Xin cám ơn!')" onmouseout="UnTip()" href="http://a2k45coloa.net"><img src="http://i49.servimg.com/u/f49/17/59/85/75/31889411.jpg" style="height:227px;width:300px;border-width:0px;"</a></a><a href="http://a2k45coloa.net" target="_blank" onmouseover="Tip('<center><b><font color=red>Thông tin!</font></b></center><br><b>Các bạn thân mến !</b><br>Xuất phát từ niềm đam mê, sự mong muốn có 1 nơi để các bạn học sinh trong và ngoài trường có nơi để giao lưu, học tập... Chúng tôi quyết định thành lập 1 diễn đàn mạng, với mong muốn sẽ giúp ích được 1 số nhu cầu cần thiết cho các bạn. Là nơi để vui chơi, giao lưu, học hỏi, chia sẻ những kinh nghiệm trong các lĩnh vực khác nhau... Mong các bạn tham gia để diễn đàn ngày càng phát triển và đi theo những chiều hướng tích cực. Xin cám ơn!')" onmouseout="UnTip()">
</td>
</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">
<font color="#0000A0">
<b>
<a target="_blank" href="codeforumotion.forumvi.com"><font color="#0000A0">CHÚC BẠN VUI VẺ</font></a></b><br><br><br>
</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="http://www.boitinhyeu.net/" target="_blank"><font color="#FFFFFF"><b>
Bói tình yêu </b></font></a>
</div>
</div>
<div class="hot2">
<div style="padding: 12px 0 0 43px;">
<a href="http://www.a2k45coloa.net/h12-page" target="_blank" onmouseover="Tip('<center><b><font color=red>Thông tin!</font></b></center><br>Từ điển')" onmouseout="UnTip()"><font color="#FFFFFF"><b>
Dictionary</b></font></a>
</div>
</div>
<div class="hot3">
<div style="padding: 12px 0 0 73px">
<a href="http://www.a2k45coloa.net/h6-page" target="_blank" onmouseover="Tip('<center><b><font color=red>Thông tin!</font></b></center><br>Photoshop online')" onmouseout="UnTip()"><font color="#FFFFFF"><b>
Photoshop online</b></font></a>
</div>
</div>
<div class="hot4">
<div style="padding: 12px 0 0 47px">
<a href="http://www.a2k45coloa.net/h15-page" target="_blank" onmouseover="Tip('<center><b><font color=red>Thông tin!</font></b></center><br>Xem truyền hình trực tuyến')" onmouseout="UnTip()"><font color="#FFFFFF"><b>
TV online</b></font></a>
</div>
</div>
<div class="hot5">
<div style="padding: 20px 0 0 60px">
<font color="#FFFFFF"><b>
<a href="http://s1228.photobucket.com/profile/trien96">
<font color="#FFFFFF">Upload ảnh</font></a></b></font></div>
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBgKx39KZBwK1jd2BBwLQ9vqWAQLr35isCwKu/8eXBALJ6OWsDlSBum6ogJQXsU8GHkNu1NiM4CL7" />
</div>
<script type="text/javascript">
//<![CDATA[
Sys.Application.initialize();
Sys.Application.add_init(function() {
$create(Sys.UI._Timer, {"enabled":true,"interval":5000,"uniqueID":"Uc_HotNews1$Timer1"}, null, null, $get("Uc_HotNews1_Timer1"));
});
//]]>
</script>
</form>
</body>
</html>
chèn code này vào trên cùng:
- Code:
<iframe src="LINK HTLM Ở BƯỚC 1" height="350" width="750" frameborder="0" scrolling=no></iframe>
Lưu ý: chỉnh sửa lại cho hợp với forum của mình.