[ITVNN share] code mod thông báo nguyentrungngan.net

[Dunglx]

Demo : http://nguyentrungngan.net

B1 : Load đính kèm nhé rồi unzip up thư mục playlist và thư mục ntnonline ngang hàng index.php của forum

B2 : vào forumhome tìm {vb:raw headinclude_bottom}
chèn bên dưới

<link rel="stylesheet" type="text/css" href="{vb:raw $vboptions['bburl']}/playlist/HTT_tab.css" />
<script type="text/javascript" src="{vb:raw $vboptions['bburl']}/playlist/HTT_tab.js"></script>

B3 : Các bạn cứ chèn code dướ đây vào trong forumhome nhé chèn dưới {vb:raw navbar}

<!------------------------------------------------><!------ Chèn Tab top ---------------------------->
<!------------------------------------------------>
<div style="width:100%;margin-top:6px;" class="HTT_NTNonline_tab">
<div style="margin-top:10px;margin:0 auto;width:90%;height:64px;background:url({vb:raw $vboptions['bburl']}/ntnonline/tcatBG.png) repeat-x top center;margin:0 auto;position:relative;">
<div style="left:-50px;position:absolute;width:50px;height:64px;background:url({vb:raw $vboptions['bburl']}/ntnonline/tcatLR.png) no-repeat top left;"></div>
<div style="right:-50px;position:absolute;width:50px;height:64px;background:url({vb:raw $vboptions['bburl']}/ntnonline/tcatLR.png) no-repeat top right;"></div>
<ul id="HTT_ntnonline_" class="shadetabs" style="line-height:56px;">
<li><a href="#" rel="country1" class="selected">Thông Báo</a> | </li>
<li><a href="#" rel="country2">Bài Mới Nhất</a> | </li>
<li><a href="#" rel="country3">Chát chít</a> | </li>
<li><a href="#" rel="country4">Góc học tập </a> | </li>
<li><a href="{vb:raw $vboptions['bburl']}/misc.php?do=dosendnewlm">Thông điệp yêu thương</a></li>
</ul>
</div>
<div id="country1" class="tabcontent">
<!------ Thông báo mới ----->
<table width="100%" border="0" align="center" cellspacing="0" cellpadding="0">
	<tr>
		<td width="40%">
			<table align="center" cellspacing="0" cellpadding="0" width="100%" border="0">
				<tr>
					<td style="height:132px;color:blueviolet;line-height:18px;">
					
<i><b>Mùa thanh bình người người câu hoan chúc<br>
Chứa chan vui đời nhân loại an vui<br>
Tình yêu ơi Đêm Giáng Sinh tuyệt vời<br>
Xin ngự trị mãi trong lòng nhân thế<br>
Hòa bình đêm nay năm châu bốn bể<br>
Cùng Tạ ơn Tình Yêu Chúa Giáng Sinh<br></b></i>


					</td>
				</tr>
			</table>
			<table align="center"  cellspacing="0" cellpadding="0" width="100%" style="border:1px solid #d9d9d9;">
				<tr>
					<td>
						<div style="color:#a0a0a0;font-weight:bold;height:30px;position:relative;">
						<ul id="HTT_ntnonline_2" class="shadetabs" style="height:26px;line-height:26px;">
							<li style="margin-right:100px;"><a href="#" rel="country8" class="selected">BẢNG THÔNG BÁO</a></li>
							<li><a href="#" rel="country9">TIỆN ÍCH</a></li>
						</ul>
						<div style="position:absolute;width:45px;height:45px;top:-5px;right:-5px;background:url({vb:raw $vboptions['bburl']}/ntnonline/new.png);"></div>
						</div>
					</td>
				</tr>
				<tr>
					<td>
					<div id="country8" class="tabcontent">
						<!--------- BẢNG THÔNG BÁO ------------->
						<table align="center"  cellspacing="0" cellpadding="0" width="96%">
							<tr>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new1.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<font color="blue"><b>Chuyên mục :</b></font> <a href="{vb:raw $vboptions['bburl']}/forumdisplay.php?6-NTN-còn-mãi-trong-tôi">NTN còn mãi trong tôi</a>
								</td>
							</tr>
							<tr>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new2.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<font color="red"><b>Thông báo :</b></font> <a href="{vb:raw $vboptions['bburl']}//showthread.php?4024-Tuyển-BQT-cho-Diễn-đàn-lần-III-!!">Tuyển điều hành viên đợt III</a>
								</td>
							</tr>
							<tr>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new1.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<font color="green"><b>Thông tin :</b></font> <a href="{vb:raw $vboptions['bburl']}/showgroups.php">Danh sách điều hành viên</a>
								</td>
							</tr>
							<tr>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new2.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<font color="blue"><b>Chuyên mục :</b></font> <a href="{vb:raw $vboptions['bburl']}/forumdisplay.php?82-Hương-dẫn-sử-dụng-diễn-đàn">Hướng dẫn sử dụng Diễn đàn</a>
								</td>
							</tr>
							<tr>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new1.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<font color="green"><b>Thông tin :</b></font> <a href="{vb:raw $vboptions['bburl']}/showthread.php?101-Nội-quy-diễn-đàn">Nội quy Diễn đàn NTN online</a>
								</td>
							</tr>
						</table>
						<!--------- /BẢNG THÔNG BÁO ------------->
						</div>
						<div id="country9" class="tabcontent">
						<!--------- BẢNG TIỆN ÍCH ------------->
						<table align="center"  cellspacing="0" cellpadding="0" width="96%">
							<tr>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new1.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<a href="{vb:raw $vboptions['bburl']}/playlist/index.php">Tạo Album nhạc của tui</a>
								</td>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new1.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<a href="{vb:raw $vboptions['bburl']}/playlist/index.php">Tạo Album của bạn tui</a>
								</td>
							</tr>
							<tr>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new2.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<a href="{vb:raw $vboptions['bburl']}/private.php">Tin nhắn riêng</a>
								</td>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new2.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<a href="{vb:raw $vboptions['bburl']}/faq.php">Hỏi - Đáp</a>
								</td>
							</tr>
							<tr>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new1.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<a href="{vb:raw $vboptions['bburl']}/profile.php?do=editprofile">Sửa thông tin của bạn</a>
								</td>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new1.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<a href="{vb:raw $vboptions['bburl']}/profile.php?do=editoptions">Thay đổi tùy chọn</a>
								</td>
							</tr>
							<tr>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new2.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<a href="{vb:raw $vboptions['bburl']}/online.php">Ai đang online ?</a>
								</td>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new2.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<a href="{vb:raw $vboptions['bburl']}/album.php">Hình ảnh & Album</a>
								</td>
							</tr>
							<tr>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new1.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<a href="{vb:raw $vboptions['bburl']}/help/IE.swf" target="_blank">Chỉnh trình duyệt IE</a>
								</td>
								<td width="20px" height="30px" style="border-top:1px solid #d9d9d9;background:url({vb:raw $vboptions['bburl']}/ntnonline/new1.png) no-repeat;"></td>
								<td style="border-top:1px solid #d9d9d9;">
									<a href="{vb:raw $vboptions['bburl']}/members.php?{vb:raw $bbuserinfo['userid']}-{vb:raw $bbuserinfo['username']}">Thông tin cá nhân</a>
								</td>
							</tr>
						</table>
						<!--------- BẢNG TIỆN ÍCH ------------->
						</div>
					</td>
				</tr>
			</table>
			<table border="0" align="center"  cellspacing="0" cellpadding="0" width="100%" height="18px">
				<tr>
					<td style="width:100%;height:18px;background:url({vb:raw $vboptions['bburl']}/ntnonline/new_b.png) no-repeat top center;"></td>
				</tr>
			</table>
		</td>
		<td>
			<table border="0" align="center"  cellspacing="0" cellpadding="0" width="100%" >
				<tr>
					<td width="25px" height="25px" style="background:url({vb:raw $vboptions['bburl']}/playlist/images/border1.png) no-repeat top left;"></td>
					<td height="25px" style="background:url({vb:raw $vboptions['bburl']}/playlist/images/border3.png) repeat-x top center;"></td>
					<td width="25px" height="25px" style="background:url({vb:raw $vboptions['bburl']}/playlist/images/border1.png) no-repeat top right;"></td>
				</tr>
				<tr>
					<td width="25px" style="background:url({vb:raw $vboptions['bburl']}/playlist/images/border2.png) repeat-y top left;"></td>
					<td height="300px" style="border:1px solid #dddddd;padding:4px;">
<!---- Slide ảnh ----->
<img src="{vb:raw $vboptions['bburl']}/ntn-home/xmax2011.jpg" width="100%" height="100%" />
<!---- /slide ảnh ---->
</td>
					<td width="25px" style="background:url({vb:raw $vboptions['bburl']}/playlist/images/border2.png) repeat-y top right;"></td>
				</tr>
				<tr>
					<td width="25px" height="25px" style="background:url({vb:raw $vboptions['bburl']}/playlist/images/border1.png) no-repeat bottom left;"></td>
					<td height="25px" style="background:url({vb:raw $vboptions['bburl']}/playlist/images/border3.png) repeat-x bottom center;"></td>
					<td width="25px" height="25px" style="background:url({vb:raw $vboptions['bburl']}/playlist/images/border1.png) no-repeat bottom right;"></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
<!------ /Thông báo mới ----->
</div>
<div id="country2" class="tabcontent">
<!------ Thống kê top-x ----->
{vb:raw ad_location.vietv2b_topx}
<!------ /Thống kê top-x ----->
</div>
<div id="country3" class="tabcontent">
<!----- Chat BOX -------->
<div style="width:100%;float:left;">
{vb:raw changfcb}
</div>
<!----- /Chat BOX ------>
</div>
<div id="country4" class="tabcontent">
<!------ Góc học tập ----->
{vb:raw last_x_thread} 
<!------ /Góc học tập ----->
</div>


<script type="text/javascript">


var countries=new ddtabcontent("HTT_ntnonline_")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()


</script>
<script type="text/javascript">


var countries=new ddtabcontent("HTT_ntnonline_1")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()


</script>
<script type="text/javascript">


var countries=new ddtabcontent("HTT_ntnonline_2")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()


</script>
</div>
<!------------------------------------------------>
<!------ /Chèn Tab top --------------------------->
<!------------------------------------------------>

P/s : Do CSDL của mình và các bạn khác nhàu >> có thể khi các bạn làm sẽ ko giống demo

Code by HTT

[HTT.itvn]

Loi rui' anh Thanh http://m4ufanclub.tk/forum/forum.php

Em phải làm bước 1 và 2 như bài #1 nữa , em phải đọc kỹ bài viết chứ . Với CSS em có thể chèn như sau :Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn style >> CSS Templates >> additional.css , chèn xuống cuối cùng :

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.HTT_NTNonline_tab .shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}


.HTT_NTNonline_tab .shadetabs li{
display: inline;
margin: 0;
height:47px;
}


.HTT_NTNonline_tab .shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
color: #737373;
height:64px;
}


.HTT_NTNonline_tab .shadetabs li a:visited{
color: #737373;
}


.HTT_NTNonline_tab .shadetabs li a:hover{
text-decoration:none;
color: green;
}


.HTT_NTNonline_tab .shadetabs li a.selected{ /*selected main tab style */
position: relative;
color:blueviolet;
top: 0px;
font-size:13px;
}


.HTT_NTNonline_tab .shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}


.HTT_NTNonline_tab .shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


.HTT_NTNonline_tab .tabcontent{
display:none;
}


@media print {
.HTT_NTNonline_tab .tabcontent {
display:block !important;
}
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */


.HTT_NTNonline_tab .modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}


.HTT_NTNonline_tab .modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}


.HTT_NTNonline_tab .modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}


.HTT_NTNonline_tab .modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}


.HTT_NTNonline_tab .modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}


.HTT_NTNonline_tab .modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}


.HTT_NTNonline_tab .tabcontent{
display:none;
}


@media print {
.HTT_NTNonline_tab .tabcontent {
display:block !important;
}
}


/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */




.HTT_NTNonline_tab .indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}


.HTT_NTNonline_tab .indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}


.HTT_NTNonline_tab .indentmenu ul li{
display: inline;
}


.HTT_NTNonline_tab .indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}


.HTT_NTNonline_tab .indentmenu ul li a:visited{
color: white;
}


.HTT_NTNonline_tab .indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}




.HTT_NTNonline_tab .tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}


.HTT_NTNonline_tab .tabcontent{
display:none;
}
.HTT_NTNonline_tab .tabcontent a{
color:#3c3c3c;text-decoration:none;
}
.HTT_NTNonline_tab .tabcontent a:hover{
color:blueviolet;text-decoration:none;font-weight:bold;
}


@media print {
.HTT_NTNonline_tab .tabcontent {
display:block !important;
}
}

[BlogSoftvn]

Sao cái này lỗi với FF 3.6 nhĩ, cái site demo NTN củng bị lỗi các bác à

[Dunglx]

Sao cái này lỗi với FF 3.6 nhĩ, cái site demo NTN củng bị lỗi các bác à

Trên bản 3.1.6 có lỗi à bạn chắc là vậy vì mình dùng máy cá nhận không test hết dc , chỉ ngoài net bây h mới dùng bản đó thôi

[BlogSoftvn]

Bác cài lại bản ff 3 fix giúp với, tại người dùng phổ thông thường xài bản ghost cũ nên ff chưa update

[tunganhken]

thế mà anh thanh bảo là ko share còn cái thông điệp nữa anh thanh ơi

[BlogSoftvn]

cho e hỏi nếu muốn bổ phần trên

• Thông Báo |
• Bài Mới Nhất |
• Chát & Nghe nhạc |
• Góc học tập |
• Thông điệp yêu thương
• để còn lại như vầy thì bỏ phàn code nào
• E bỏ hoài mà ko được, toàn bị vỡ khung

[BlogSoftvn]

Up, a trung giúp với