- Demo
![[Code] Khung tin nóng Tinnon10](https://i.servimg.com/u/f46/16/96/29/15/tinnon10.png)
- Code
- Nguồn : 4ALL
- Code
- Spoiler:
- - ACP> Module> HTML (cột cuối góc bên trái) > Create a HTML page (Tạo 1 trang HTML)
- Đặt Title (tên trang HTML)
- Do you wish to use your forum header and footer : Không
- Use this page as homepage : Có
- HTML source :
- Code:
<html>
<head>
<title>A2K45-Co Loa High School</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:245px; height:305px; 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://www.a2k45coloa.net/h19-page" target="_blank">
<font color="#FF0000">Game: Lệnh
Truy Nã</font></a></font></b></div>
<div class="line-dot-pink" style="padding:4px;"></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://www.a2k45coloa.net/f2-forum" target="_blank">
<font color="#FF9966">Tin Tức A2K45</font></a></font></a></b>
</div>
<div class="line-dot-pink" style="padding:4px;"></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://www.a2k45coloa.net/h17-page" target="_blank"><b><font color="#FF00FF"> Game: Ước mơ của bạn</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://www.a2k45coloa.net/f28-forum" target="_blank">
<b><font color="#005500">Ảnh lớp mình</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.a2k45coloa.net/t452-topic#2040" target="_blank">
<img src="http://i697.photobucket.com/albums/vv340/matieulinh/Leila/dot-hong.jpg" width="6" height="6">
<b><font color="#FF1EA0">Cửa hàng thú cư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://i43.servimg.com/u/f43/16/03/68/32/images14.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="http://a2k45coloa.net"><font color="#0000A0">DIỄN ĐÀN 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>
<a href="http://www.forumvi.com" target="_blank"> </a>
- Code:
<iframe name="chat" id="chat" src="Link trang HTML vừa tạo" height="320" width="100%" frameborder="0"></iframe>
- Nguồn : 4ALL