Tự tin làm mẹ: Gộp Tiện ích tiết kiệm không gian.

Cách này giúp bạn tiết kiêm không gian để làm những tiện ích khác...
XEM THỬ
https://dl-web.dropbox.com/get/Photos/Anh%20Bai%20Dang/goptienich.jpg?w=AABqE_QeF4gO6xRi70qbbLC2oajHngiRF7jUYb82qSiL8Q
CODE:
<script language="JavaScript" type="text/javascript">
function st2(t){
for(i=1;i<=5;i++){
ts=document.getElementById('tt'+i);
tr = document.getElementById('dd'+i);
ta = document.getElementById('aa'+i);
if(t==i){
if(t==1) ts.className="Tab1";
if(t==2) ts.className="Tab2";
if(t==3) ts.className="Tab3";
if(t==4) ts.className="Tab4";
if(t==5) ts.className="Tab5";
ta.className="srchlinksel2";
ts.style.borderBottom="1px solid #FFFFFF";
tr.style["display"]="block";
tr.style["visibility"]="visible";
}
else{
ts.className="tb2";
ta.className="srchlink2";
ts.style.borderBottom="1px solid #B5D6EF";
tr.style["display"]="none";
tr.style["visibility"]="hidden";
}
}
}
</script>
<!-- CSS Begin //-->
<style type="text/css">.f10 {
FONT-SIZE: 10px; FONT-FAMILY: arial
}
.f11 {
FONT-SIZE: 11px; FONT-FAMILY: arial
}
.f12 {
FONT-SIZE: 12px; FONT-FAMILY: arial
}
.f12r {
FONT-SIZE: 12px; LINE-HEIGHT: 13px; FONT-FAMILY: arial
}
.f12n {
FONT-SIZE: 12px; LINE-HEIGHT: 1.3em; FONT-FAMILY: arial
}
.ft11a {
FONT-SIZE: 11px; LINE-HEIGHT: 13px; FONT-FAMILY: Tahoma
}
.fv9 {
FONT-SIZE: 9px; FONT-FAMILY: verdana
}
.fv10 {
FONT-SIZE: 10px; FONT-FAMILY: verdana
}
.ft11 {
FONT-SIZE: 11px; LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma
}
.fmicro9 {
FONT-SIZE: 9px; FONT-FAMILY: Microsoft Sans Serif
}
A.srchlink:link {
COLOR: #2864b4; TEXT-DECORATION: none
}
A.srchlink:visited {
}
A.srchlinksel:link {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlinksel:visited {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlink2:link {
COLOR: #2864b4; TEXT-DECORATION: underline
}
A.srchlink2:visited {
COLOR: #2864b4; TEXT-DECORATION: underline
}
A.srchlinksel2:link {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlinksel2:visited {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
.tb2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#D9E9F6');BACKGROUND-COLOR: #d9e9f6
}
.tbmain2 {
BACKGROUND-COLOR: #ffffff
}
.lfttbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#DEFFC6',EndColorStr:'#B7E4A2'); BACKGROUND-COLOR: #deffc6
}
.rttbl {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#DEEFF7'); BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #eef5fb
}
.rttblx {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #ffffff
}
.rt_tbl {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: 0px; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #b0dafd
}
.toptbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#4A84AD',EndColorStr:'#00426B'); BACKGROUND-COLOR: #00426b
}
.srchtbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FFFFFF',EndColorStr:'#A5DEDE'); BACKGROUND-COLOR: #a5dede
}
.Tab1 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEDFB3',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #fedfb3
}
.Tab2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#B39DFE',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #b39dfe
}
.Tab3 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#F6FE9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #f6fe9d
}
.Tab4 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEAF9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #feaf9d
}
.Tab5 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#9DFEA5',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #9dfea5
}
A {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline}
</style>
<!-- CSS End //-->
<!-- Widget Code Ends Here -->
<!-- widget by Bloganol.blogspot.com -->
<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td align="center" class="Tab1" height="22" id="tt1" onclick="st2('1')" style="border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: #b5d6ef 1px solid;" width="20%"><a class="srchlinksel2" href="javascript:undefined" id="aa1"><span class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 1</b></span></a></td>
<td style="border-bottom: #b5d6ef 1px solid;" width="2"><table border="0" cellpadding="0" cellspacing="0" style="width: 2px;">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td align="center" class="tb2" height="22" id="tt2" onclick="st2('2')" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: #b5d6ef 1px solid;" width="47"><a class="srchlink2" href="javascript:undefined" id="aa2"><span class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 2</b></span></a></td>
<td style="border-bottom: #b5d6ef 1px solid;" width="2"><table border="0" cellpadding="0" cellspacing="0" style="width: 2px;">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td align="center" class="tb2" height="22" id="tt3" onclick="st2('3')" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: #b5d6ef 1px solid;" width="62"><a class="srchlink2" href="javascript:undefined" id="aa3"><span class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 3</b></span></a></td>
<td style="border-bottom: #b5d6ef 1px solid;" width="2"><table border="0" cellpadding="0" cellspacing="0" style="width: 2px;">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td align="center" class="tb2" height="22" id="tt4" onclick="st2('4')" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: #b5d6ef 1px solid;" width="48"><a class="srchlink2" href="javascript:undefined" id="aa4"><span class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 4</b></span></a></td>
<td style="border-bottom: #b5d6ef 1px solid;" width="2"><table border="0" cellpadding="0" cellspacing="0" style="width: 2px;">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td align="center" class="tb2" height="22" id="tt5" onclick="st2('5')" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: #b5d6ef 1px solid;" width="52"><a class="srchlink2" href="javascript:undefined" id="aa5"><span class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 5</b></span></a></td></tr>
<tr>
<td colspan="9"><div style="border-bottom: 0px; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: 0px; width: 100%;">
<!-- Main Headlines Begin //-->

<br />
<table border="0" cellpadding="0" cellspacing="0" style="height: 5px; width: 100%;">
<tbody>
<tr>
<td height="5"></td></tr>
</tbody></table>
&nbsp;&nbsp; <span class="f10" style="color: #797979;">
<!-- wmlheadline begin -->
<!-- TDate Begin -->
<!-- Date Begin -->
</span>
<!-- Date End -->
<!-- TDate End -->
<br />
<div id="dd1" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 0px solid; border-right: #b5d6ef 0px solid; border-top: 0px; display: block; visibility: visible; width: 100%;">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><span class="f12n" style="color: #16387c;">
NỘI DUNG CỦA TIỆN ÍCH 1, BẠN DÁN VÀO ĐÂY
</span></td>
</tr>
<tr>
<td align="right" colspan="2"><span class="f10"><b> Widget
by <a href="http://giapqb.blogspot.com/" target="_blank">giapqb</a></b>
&nbsp; </span></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
</div>
<!-- Main
Headlines End //--></div>
<div id="dd2" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: 0px; display: none; visibility: hidden; width: 100%;">
<!-- News Begin //-->

<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><span class="f12n" style="color: #16387c;">
NỘI DUNG CỦA TIỆN ÍCH 2, BẠN DÁN VÀO ĐÂY
</span></td></tr>
<tr>
<td align="right" colspan="2"><span class="f10"><b> Widget
by <a href="http://giapqb.blogspot.com/" target="_blank">giapqb</a></b>
&nbsp; </span></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
<!-- News End
//--></div>
<div id="dd3" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: 0px; display: none; visibility: hidden; width: 100%;">
<!-- Business Begin //-->

<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><span class="f12n" style="color: #16387c;">
NỘI DUNG CỦA TIỆN ÍCH 3, BẠN DÁN VÀO ĐÂY
</span></td></tr>
<tr>
<td align="right" colspan="2"><span class="f10"><b> Widget
by <a href="http://giapqb.blogspot.com/" target="_blank">giapqb</a></b>
&nbsp; </span></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
<!-- Business End
//--></div>
<div id="dd4" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: 0px; display: none; visibility: hidden; width: 100%;">
<!-- Movies Begin //-->

<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><span class="f12n" style="color: #16387c;">
NỘI DUNG CỦA TIỆN ÍCH 4, BẠN DÁN VÀO ĐÂY
</span></td>
</tr>
<tr>
<td align="right" colspan="2"><span class="f10"><b> Widget
by <a href="http://giapqb.blogspot.com/" target="_blank">giapqb</a></b>
&nbsp; </span></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
<!-- Movies End
//--></div>
<div id="dd5" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: 0px; display: none; visibility: hidden; width: 100%;">
<!-- Sports Begin //-->

<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><span class="f12n" style="color: #16387c;">
NỘI DUNG CỦA TIỆN ÍCH 5, BẠN DÁN VÀO ĐÂY
</span></td></tr>
<tr>
<td align="right" colspan="2"><span class="f10"><b> Widget
by <a href="http://giapqb.blogspot.com/" target="_blank">giapqb</a></b>
&nbsp; </span></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
</div>
</td></tr>
</tbody></table>