Trang Chính
wWw.2hello.info
Bãng Thông Báo Đẹp
Bước 1 : Tạo 1 trang html và chèn co de sau vào
Bước 2 : Lấy link trang html vừa tạo cho vào đoạn iframe sau
Các Bạn Cũng Có Thễ Chèn Vào Chatbox_top
Hoặc trên Lastopic cũng đựơc
- 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><title>
Diễn Đàn Huế Style 9x
</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<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://i48.servimg.com/u/f48/15/98/54/42/bg110110.gif) 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: 900px;}
/*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://i48.servimg.com/u/f48/15/98/54/42/line-d10.gif) left repeat-x; height:1px; width:194px;}
/*Dinh dang cho khung -----------------------------------------------------------------------------------------*/
/*TINNONG*/
.tinnong {background: transparent url(http://i48.servimg.com/u/f48/15/98/54/42/bg-hot10.jpg) right top no-repeat; width:294px; height:305px; text-align:left;
overflow:hidden; position:relative
}
.tinnong-text {text-align:justify; width:194px;}
/*HOTNEWS*/
.news-head-lc {float:left; background:url(http://i48.servimg.com/u/f48/15/98/54/42/new-he10.jpg) right bottom no-repeat; width:15px; height:15px;}
.news-head-m {float:left; background:url(http://i48.servimg.com/u/f48/15/98/54/42/new-he11.jpg) left bottom repeat-x; height:15px; width:300px;}
.news-head-rc {float:left; background:url(http://i48.servimg.com/u/f48/15/98/54/42/new-he12.jpg) left bottom no-repeat; width:15px; height:15px;}
.news-mid-l {float:left; background:url(http://i48.servimg.com/u/f48/15/98/54/42/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://i48.servimg.com/u/f48/15/98/54/42/new-mi11.jpg) left top repeat-y; width:15px; height:265px}
.news-foot-lc {float:left; background:url(http://i48.servimg.com/u/f48/15/98/54/42/new-fo10.jpg) right top no-repeat; width:15px; height:15px;}
.news-foot-m {float:left; background:url(http://i48.servimg.com/u/f48/15/98/54/42/new-fo11.jpg) left top repeat-x; height:15px; width:300px;}
.news-foot-rc {float:left; background:url(http://i48.servimg.com/u/f48/15/98/54/42/new-fo12.jpg) left top no-repeat; width:15px; height:15px;;}
/*HOTNEWS-TITLE*/
.news-title-l {background: url(http://i48.servimg.com/u/f48/15/98/54/42/news-t10.gif) left no-repeat; height:28px}
.news-title-m {background:url(http://i48.servimg.com/u/f48/15/98/54/42/news-t11.gif) left repeat-x;width:300px; font-weight:bold;}
.news-title-r {background:url(http://i48.servimg.com/u/f48/15/98/54/42/news-t12.gif) right no-repeat; height:28px}
/*HOTMENU*/
.hot1 {float:left; background: url(http://i48.servimg.com/u/f48/15/98/54/42/hot10010.jpg) left top no-repeat; width:198px; height:72px; text-align:left;}
.hot2 {float:left; background: url(http://i48.servimg.com/u/f48/15/98/54/42/hot20010.jpg) left top no-repeat; width:198px; height:54px; text-align:left;}
.hot3 {float:left; background: url(http://i48.servimg.com/u/f48/15/98/54/42/hot30010.jpg) left top no-repeat; width:198px; height:43px; text-align:left;}
.hot4 {float:left; background: url(http://i48.servimg.com/u/f48/15/98/54/42/hot40010.jpg) left top no-repeat; width:198px; height:51px; text-align:left;}
.hot5 {float:left; background: url(http://i48.servimg.com/u/f48/15/98/54/42/hot50010.jpg) left bottom no-repeat; width:198px; height:76px; text-align:left;}
/*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://i48.servimg.com/u/f48/15/98/54/42/bg_hot11.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://i48.servimg.com/u/f48/15/98/54/42/th_lin10.gif);
font-size:pt;
color:#ffffff;
text-decoration:none;
border:0px solid;
}
</style>
</head>
<body>
<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://i48.servimg.com/u/f48/15/98/54/42/spacer10.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;">
<tr>
<td>
<div class="tinnong-text">
<img src="http://i48.servimg.com/u/f48/15/98/54/42/dot-ho10.jpg" width="6" height="6">
<a href="/f6-forum" target="_blank"><font color=blue><b> Ảnh thành viên </b><img src="http://i48.servimg.com/u/f48/15/98/54/42/icon_n10.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://i48.servimg.com/u/f48/15/98/54/42/dot-ho10.jpg" width="6" height="6">
<a href="/h3-page" target="_blank"><font color=red ><b>Nghe nhạc Online </b> <img src="http://i48.servimg.com/u/f48/15/98/54/42/new1010.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://i48.servimg.com/u/f48/15/98/54/42/dot-ho10.jpg" width="6" height="6">
<a href="/h16-page" target="_blank"><font color=black ><b>Photoshop Online</b> <img src="http://i48.servimg.com/u/f48/15/98/54/42/icon_h10.gif" border="0" /></font></a>
</div>
<div class="line-dot-pink" style="padding:4px;"></div>
</td>
</tr><tr>
<td>
<div class="Top Hot-text">
<img src="http://i48.servimg.com/u/f48/15/98/54/42/dot-ho10.jpg" width="6" height="6">
<a href="/f11-forum" target="_blank"><font color=blue ><b>TEEN talk</b> <img src="http://i48.servimg.com/u/f48/15/98/54/42/icon_h10.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://i48.servimg.com/u/f48/15/98/54/42/dot-ho10.jpg" width="6" height="6">
<a href="/f12-forum" target="_blank"><img src="http://i48.servimg.com/u/f48/15/98/54/42/icon_h11.gif"border="0"><font color=Black><b>Teen Life</b> <img src="http://i48.servimg.com/u/f48/15/98/54/42/new1011.gif" border="0" /></font></a>
</div>
<div class="line-dot-pink" style="padding:4px;"></div>
</td>
</tr><tr>
<td>
<div class="Top Hot-text">
<img src="http://i48.servimg.com/u/f48/15/98/54/42/dot-ho10.jpg" width="6" height="6">
<a href="/f64-forum" target="_blank"><font color=Black><b>Ảnh Hót Boy</b> <img src="http://i48.servimg.com/u/f48/15/98/54/42/icon_h10.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://i48.servimg.com/u/f48/15/98/54/42/dot-ho10.jpg" width="6" height="6">
<a href="/f65-forum" target="_blank"><font color=blue ><b>Ảnh Hót Girl</b><img src="http://i48.servimg.com/u/f48/15/98/54/42/icon_h10.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">
<script language="javascript">
/*****
Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
[Only admins are allowed to see this link]
Please leave this notice intact.
Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html
*****/
window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false,interval=3000;
function so_init() {
if(!d.getElementById || !d.createElement)return;
/*css = d.createElement("link");
css.setAttribute("href","js/xfade2.css");
css.setAttribute("rel","stylesheet");
css.setAttribute("type","text/css");
d.getElementsByTagName("head")[0].appendChild(css);*/
imgs = d.getElementById("imageContainer").getElementsByTagName("img");
for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = "block";
imgs[0].xOpacity = .99;
setTimeout(so_xfade,interval);
}
function so_xfade() {
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;
cOpacity-=.05;
nOpacity+=.05;
imgs[nIndex].style.display = "block";
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;
setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);
if(cOpacity<=0) {
imgs[current].style.display = "none";
current = nIndex;
setTimeout(so_xfade,interval);
} else {
setTimeout(so_xfade,50);
}
function setOpacity(obj) {
if(obj.xOpacity>.99) {
obj.xOpacity = .99;
return;
}
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}
}
</script>
<style type="text/css">
#imageContainer { height:227px; }
#imageContainer img { display:none;
position:absolute;
top:0px; left:0px;
height:227px;
width:300px;
opacity: -0.00; }
</style> <div style="padding:0px 0 0 0px;"> <div style="position:relative;">
<div id="imageContainer">
<a id="Uc_Fashion1_rptImg_ctl00_hpLink"><img border='0' style='display: block; opacity: 0.95;' src='http://i48.servimg.com/u/f48/15/98/54/42/75-03610.jpg' /></a>
<a id="Uc_Fashion1_rptImg_ctl01_hpLink"><img border='0' src='http://i48.servimg.com/u/f48/15/98/54/42/33597810.jpg' /></a>
<a id="Uc_Fashion1_rptImg_ctl02_hpLink"><img border='0' src='http://i48.servimg.com/u/f48/15/98/54/42/0_283610.jpg' /></a>
<a id="Uc_Fashion1_rptImg_ctl03_hpLink"><img border='0' src='http://i48.servimg.com/u/f48/15/98/54/42/12905010.jpg' /></a>
<a id="Uc_Fashion1_rptImg_ctl03_hpLink"><img border='0' src='http://i24.servimg.com/u/f24/15/44/78/93/iaza1413.jpg' /></a>
<a id="Uc_Fashion1_rptImg_ctl03_hpLink"><img border='0' src='http://i48.servimg.com/u/f48/15/98/54/42/12397010.jpg' /></a>
<a id="Uc_Fashion1_rptImg_ctl03_hpLink"><img border='0' src='http://i48.servimg.com/u/f48/15/98/54/42/12397011.jpg' /></a>
<a id="Uc_Fashion1_rptImg_ctl03_hpLink"><img border='0' src='http://i48.servimg.com/u/f48/15/98/54/42/12417410.jpg' /></a>
</div>
</div></div>
</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">
<span class="style1">
<a href="">
<font size="2" color="#FF0000">
<a href="">
<font color="#FF0000"></font></a></font></a><font color="#FF0000">Welcome to [Only admins are allowed to see this link]
</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="/t54-topic" target="_blank"><font color="#ffffff"><b>Nội Quy Diễn Đàn</b></font></a>
</div>
</div>
<div class="hot2">
<div style="padding: 12px 0 0 43px;">
<a href="/f10-forum" target="_blank"><font color="#ffffff"><b>Tin Tức Diễn Đàn</b></font></a>
</div>
</div>
<div class="hot3">
<div style="padding: 12px 0 0 73px">
<a href="/forum" target="_blank"><font color=white><b>Tuyển nhân sự</b></font></a>
</div>
</div>
<div class="hot4">
<div style="padding: 12px 0 0 47px">
<a href="/f2-forum" target="_blank"><font color=white><b>HD Mem mới</b></font></a>
</div>
</div>
<div class="hot5">
<div style="padding: 20px 0 0 60px">
<a href="/f4-forum" target="_blank"><font color=black><b>Thắc mắc-Góp ý</b></font></a>
</div>
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
</body>
</html>
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<script type="text/javascript" src="http://teensg.webs.com/light.js"></script>
<script language='JavaScript'>
var msg="Tác vụ click phải bị vô hiệu! Bạn thông cảm!";
function disableIE() {if (document.all) {alert(msg);return false;}
}
function disableNS(e) {
if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==2) {alert(msg);return false;}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);document.onmousedown=disableNS;
} else {
document.onmouseup=disableNS;document.oncontextmenu=disableIE;
}
document.oncontextmenu=new Function("alert(msg);return false")
</script>
<!-- END switch_user_logged_out -->
<!-- END switch_user_logged_in -->
Bước 2 : Lấy link trang html vừa tạo cho vào đoạn iframe sau
- Code:
<iframe src="Link trang html" scrolling="no" width="100%" height="330" style="border-width:0" marginwidth="0" marginheight="0"></iframe>
Các Bạn Cũng Có Thễ Chèn Vào Chatbox_top
Hoặc trên Lastopic cũng đựơc