code trang thông báo cực teen

Wed Nov 17, 2010 1:26 pm

code trang thông báo cực teen Admin

bước 1 tạo 1 trang html

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled 3</title> <style type="text/css"> .table-w970 {width: 900px;} .tinnong {background: url('http://c.upanh.com/upload/4/805/CS0.8936098_23870_1.bmp') no-repeat right top; width:294px; height:305px; text-align:left; overflow:hidden; position:relative } table { width:100%; border:0; padding:0; text-align:left; border-style: hidden; border-spacing:0;} 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://c.upanh.com/upload/4/806/LT0.8936721_23870_1.gif') repeat-x left 50%; height:1px; width:194px; } .news-head-lc {float:left; background:url('http://c.upanh.com/upload/4/806/CS0.8936659_23870_1.bmp') no-repeat right bottom; width:15px; height:15px; } .news-head-m {float:left; background:url('http://c.upanh.com/upload/4/806/VZ0.8936806_23870_1.bmp') repeat-x left bottom; height:15px; width:300px; } .news-head-rc {float:left; background:url('http://c.upanh.com/upload/4/806/OX0.8936581_23870_1.bmp') no-repeat left bottom; width:15px; height:15px; } .news-mid-l {float:left; background:url('http://c.upanh.com/upload/4/806/ZL0.8936538_23870_1.bmp') repeat-y right top; width:15px; height:265px } .news-content {float:left; background-color: #ffecf1; height:265px} .news-title-m {background:url('http://c.upanh.com/upload/4/806/CS0.8936453_23870_1.bmp') repeat-x left 50%; width:300px; font-weight:bold; } .news-title-l {background: url('http://c.upanh.com/upload/4/806/CS0.8936428_23870_1.bmp') no-repeat left 50%; height:28px } .news-title-r {background:url('http://c.upanh.com/upload/4/806/SC0.8936394_23870_1.bmp') no-repeat right 50%; height:28px } .news-mid-r {float:left; background:url('http://c.upanh.com/upload/4/806/LT0.8936342_23870_1.bmp') repeat-y left top; width:15px; height:265px } .news-foot-lc {float:left; background:url('http://c.upanh.com/upload/4/806/ZL0.8936331_23870_1.bmp') no-repeat right top; width:15px; height:15px; } .news-foot-m {float:left; background:url('http://c.upanh.com/upload/4/806/3L0.8936312_23870_1.bmp') repeat-x left top; height:15px; width:300px; } .news-foot-rc {float:left; background:url('http://c.upanh.com/upload/4/806/9K0.8936286_23870_1.bmp') no-repeat left top; width:15px; height:15px;; } .hot1 {float:left; background: url('http://c.upanh.com/upload/4/805/3L0.8936099_23870_1.bmp') no-repeat left top; width:198px; height:72px; text-align:left; } .hot2 {float:left; background: url('http://c.upanh.com/upload/4/805/LT0.8936100_23870_1.bmp') no-repeat left top; width:198px; height:54px; text-align:left; } .hot3 {float:left; background: url('http://c.upanh.com/upload/4/805/CS0.8936101_23870_1.bmp') no-repeat left top; width:198px; height:43px; text-align:left; } .hot4 {float:left; background: url('http://c.upanh.com/upload/4/805/3L0.8936102_23870_1.bmp') no-repeat left top; width:198px; height:51px; text-align:left; } .hot5 {float:left; background: url('http://c.upanh.com/upload/4/805/CS0.8936103_23870_1.bmp') 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> </head> <body> <p class="style16"> <span class="style4"> <span class="style7"> <b> <span class="style11"> <font color="blue"><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://c.upanh.com/upload/4/806/CS0.8936997_23870_1.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://c.upanh.com/upload/4/806/ZL0.8936868_23870_1.bmp " width="6" height="6"> <a href="http://teenproqn.us.to/forum-f1/topic-t7.htm" target="_blank"><font color=RED><b>Nội quy TeenProQn</b><img src="http://c.upanh.com/upload/4/806/CU0.8936953_23870_1.gif" border="0" /> </font></a> </div><div class="line-dot-pink" style="padding:4px;"></div> </td> </tr> <tr> <td><div class="tinnong-text"> <img src="http://c.upanh.com/upload/4/806/ZL0.8936868_23870_1.bmp" width="6" height="6"> <a href="http://teenproqn.us.to/forum-f1/topic-t256.htm" target="_blank"><font color=blue><b>Mua Cấp Bậc Ranks Cho Thành Viên </b><img src="http://c.upanh.com/upload/4/806/CU0.8936953_23870_1.gif" border="0" /></font></a> </div><div class="line-dot-pink" style="padding:4px;"></div> </td> </tr><tr> <td><div class="tinnong-text"> <img src="http://c.upanh.com/upload/4/806/ZL0.8936868_23870_1.bmp" width="6" height="6"> <a href="http://teenproqn.us.to/forum-f3/topic-t8.htm" target="_blank"><font color=green ><b>Tuyển Moderators Cho Diễn Đàn </b><img src="http://c.upanh.com/upload/4/806/CU0.8936953_23870_1.gif" border="0" /> </font></a> </div><div class="line-dot-pink" style="padding:4px;"></div> </td> </tr><tr> <td><div class="tinnong-text"> <img src="http://c.upanh.com/upload/4/806/ZL0.8936868_23870_1.bmp" width="6" height="6"> <blink> <a href="http://teenproqn.us.to/forum-f52/" target="_blank"><font color=black ><b> Xả stress ^^</b><img src="http://c.upanh.com/upload/4/806/CU0.8936953_23870_1.gif" border="0" /> </font></a> </div><div class="line-dot-pink" style="padding:4px;"></div> </td> </tr><tr> <td><div class="tinnong-text"> <img src="http://c.upanh.com/upload/4/806/ZL0.8936868_23870_1.bmp" width="6" height="6"> <blink> <a href="http://teenproqn.us.to/forum-f77/" target="_blank"><font color=red ><b>Teen Talk</b> </font></a><img src="http://c.upanh.com/upload/4/806/CU0.8936953_23870_1.gif" border="0" /> </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://teenproqn.us.to/forum-f18/" target="_blank"> <img id="Uc_HotNews1_img_slide" src="http://upload.themxua.net/images/7pdmvy7xi33son4pbrug.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="forum.htm" target="_blank"> <span class="style1">::..Giao lưu Teen Bình Định..::</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="http://teenproqn.us.to/" target="_blank"><font color=white><b> Trang Chủ </b></font></a> </div> </div><div class="hot2"><div style="padding: 12px 0 0 43px;"> <a href="http://teenproqn.us.to/html-h50.htm" target="_blank"><font color=white><b>Ishop</b></font></a> </div> </div><div class="hot3"><div style="padding: 12px 0 0 73px"> <a href="http://teenproqn.us.to/forum-f77/" target="_blank"><font color=white><b>Teen Talk</b></font></a> </div> </div><div class="hot4"><div style="padding: 12px 0 0 47px"> <a href="http://teenproqn.us.to/forum-f22/" target="_blank"><font color=white><b>Game Online</b></font></a> </div> </div><div class="hot5"><div style="padding: 20px 0 0 60px"> <a href="http://teenproqn.us.to/forum-f79/ " target="_blank"><font color=white><b> Tổng Đài Chém Gió </b></font></a> </div> </div> </div> </div><div style="clear:both"></div> </div> </div> </body> </html> </a>