CSS:
- Code:
/* Header
-----------------------------------------------
*/
#cats { max-width: 974px; height: 37px; margin: 0; padding: 6px 15px 0px 15px; max-height: 42px; background: url(http://i42.servimg.com/u/f42/16/32/35/11/navbg11.png) no-repeat; overflow:hidden;}
#cats ul { list-style-type: none; float: left; padding: 0px 0px 0px 0px; margin: 0; width: 970px; }
#cats ul li { float: left; display: block; height: 31px; padding: 0px; margin-right: 10px; margin-bottom: 6px; }
#cats ul li:hover { background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/TB7ukms5YZI/AAAAAAAAAvs/QyQ656T-kmk/s1600/cats-hover-left.png) left; }
#cats ul li a:link, #cats ul li a:visited, #cats ul li a:active { float: left; color: #fff; text-transform: uppercase; display: block; height: 29px; font: bold 12px arial; padding: 7px 10px 0px 10px; margin: 0px; text-decoration: none;}
#cats ul li a:hover { background: url(http://1.bp.blogspot.com/_lxBSX0YJV58/TB7ulGiU_jI/AAAAAAAAAv0/bVvw8iniOvg/s1600/cats-hover-right.png) no-repeat top right !important; background: none; color: #FFF; height: 29px; text-decoration: none; }
#cats .home a:link, #cats .home a:visited, #cats .current_page_item a:link, #cats .current_page_item a:visited { background: url(http://1.bp.blogspot.com/_lxBSX0YJV58/TB7ulGiU_jI/AAAAAAAAAv0/bVvw8iniOvg/s1600/cats-hover-right.png) no-repeat top right !important; background: none; color: #FFF; }
#cats .home, #cats .current_page_item { background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/TB7ukms5YZI/AAAAAAAAAvs/QyQ656T-kmk/s1600/cats-hover-left.png) left !important; background: none; position: relative; z-index: 80 !important; }
#searchbox {
width:222px !important;
width:230px;
height:27px;
background:url(http://3.bp.blogspot.com/_lxBSX0YJV58/TB7u_oDIkpI/AAAAAAAAAxE/eOd_rs7cVSM/s1600/input.png) no-repeat;
}
Cho đoạn code này vào đâu muốn hiển thị:
VD : Cho vào dưới dòng {JAVASCRIPT} trong ~> index_body
- Code:
<div style='clear: both;'></div><div id='cats'>
<ul>
<link rel="stylesheet" href="http://congtruongif.forumotion.com/h10-page" type="text/css" />
<li class='home'><a href='LINK' title='forum'>TÊn</a></li>
<li class='cat-item'><a href='LINK1'>TÊn1</a></li>
<li class='cat-item'><a href='LINK 2'>TÊn2</a></li>
<li class='cat-item'><a href='LINK3'>TÊn3 </a></li>
<li class='cat-item'><a href='LINK4'>TÊn4</a></li>
<li class='cat-item'><a href='LINK5'>TÊn5 </a></li>
<li class='cat-item'><a href='LINK6'>TÊn6</a></li>
<li class='cat-item'><a href='LINK7'>TÊn7</a></li>
</ul>
</div></div>
thay link, link1, link2, ... vào
và Tên 1,Tên2 , .... ( Link Của Bạn ) ( Tên Bạn Muốn Đặt )
No Comment.