Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online
Trang Chính![[Codes] Index có thanh menu trượt Empty](https://2img.net/i/empty.gif)
share nè
ACP==>Modules==>HTML & JAVASCRIPT==>HTML pages management==>Create new HTML page
ACP==>Modules==>HTML & JAVASCRIPT==>HTML pages management==>Create new HTML page
- Spoiler:
- Title * : Tùy ý
Do you wish to use your forum header and footer ?:Không
Use this page as homepage ?Có
(Sử dụng trang này làm trang chủ)
HTML source * :
- Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>untitled</title>
<style>
#container {
width: 1200px;
margin: 100px auto;
}
ul, li {
margin: 0; padding: 0;
}
#blob {
border-right: 1px solid #0059ec;
border-left: 1px solid #0059ec;
position: absolute;
top: 0;
z-index : 1;
background: #0b2b61;
background: -moz-linear-gradient(top, #0b2b61, #1153c0);
background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 2px 3px 10px #011331;
-webkit-box-shadow: 2px 3px 10px #011331;
}
#nav {
position: relative;
background: #292929;
float: left;
}
#nav li {
float: left;
list-style: none;
border-right: 1px solid #4a4a4a;
border-left: 1px solid black;
}
#nav li a {
color: #e3e3e3;
position: relative;
z-index: 2;
float: left;
font-size: 30px;
font-family: helvetica, arial, sans-serif;
text-decoration: none;
padding: 30px 45px;
}
</style>
</head>
<body>
<div id="container">
<ul id="nav">
<li id="selected"><a href="#">Home</a></li>
<li><a href="/forum">CSS-Forum</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/register">Register</a></li>
<li><a href="/login">Login</a></li>
<li><a href="/rss">RSS</a></li>
</ul>
</div>
<br />
<center><img src="background.jpg"></center>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://nettuts.s3.amazonaws.com/600_spasticNav/js/jquery.spasticNav.js"></script>
<script type="text/javascript">
$('#nav').spasticNav();
</script>
</body>
</html>
<a href="http://www.forumvi.com" target="_blank"></a>
- Code:
body{overflow:hidden;}
![[Codes] Index có thanh menu trượt >](http://nk0.upanh.com/b3.s27.d1/1e1b97ca3d8206e790e60b95ca82232a_43155180.nhchupmanhinh20120408135301.png<br /><br />)
