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 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Fixed Navigation - Codrops</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="http://dl.dropbox.com/u/47626020/FixedNavigationTutorial/css/style.css" type="text/css" charset="utf-8"/>
<script type="text/javascript" src="http://dl.dropbox.com/u/47626020/FixedNavigationTutorial/jquery-1.3.2.js"></script>
<style>
#Css_style{
width: 900px;
height:500px;
background: #FFF;
border-radius: 20px;
padding: 20px;
box-shadow: 0 0 20px #000;
text-shadow: 1px 1px 2px #222;
margin: 10px auto;
}
#moudle1{
float:left;
width:300px;
height:auto;
padding: 15px;
background: #FFF;
border-radius: 20px;
box-shadow: 0 0 20px #000;
}
#moudle2{
float:right;
width:480px;
height:auto;
padding: 15px;
background: #FFF;
border-radius: 20px;
box-shadow: 0 0 20px #000;
</style>
</head>
<body>
<ul id="navigation">
<li class="home"><a href="http://chiaseonline.us.to/" title="Home"></a></li>
<li class="search"><a href="http://chiaseonline.us.to/search" title="Search"></a></li>
<li class="rssfeed"><a href="http://chiaseonline.us.to/rss" title="Rss Feed"></a></li>
<li class="contact"><a href="chiaseonline.us.to/contact" title="Contact"></a></li>
</ul>
<script type="text/javascript">
$(function() {
$('#navigation a').stop().animate({'marginLeft':'-85px'},1000);
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
}
);
});
</script>
<div id="Css_style">
<center><h1>Chào mừng ngày 30/4 - 1/5 </h1></center>
<div id="moudle1"><img src="http://www.haian.edu.vn/img/images/129476102030093967.jpg" width="300"
height="360"></div>
<div id="moudle2"><iframe width="480" height="360" src="http://www.youtube.com/embed/-lW4wME7g3Q" frameborder="0" allowfullscreen></iframe></div></div>
</body>
</html>
<a href="http://www.forumvi.com" target="_blank"></a>
[b]Demo :