[Codes] Index có thanh menu trượt

Trà MyModerators

Số bài viết :: 17

Tham gia :: 11/02/2012

share nè
ACP==>Modules==>HTML & JAVASCRIPT==>HTML pages management==>Create new HTML page

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>