Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ OnlineWelcome to forum Chia Sẻ OnlineChào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ OnlineWelcome to forum Chia Sẻ Online
Thông điệp [Trang 1 trong tổng số 1 trang]
![[Codes] Trang chủ ngày 30/4 - 1/5 Empty](https://2img.net/i/empty.gif)
[Codes] Trang chủ ngày 30/4 - 1/5 Sat Apr 07, 2012 5:46 pm
Re: [Codes] Trang chủ ngày 30/4 - 1/5 Sat Apr 07, 2012 6:27 pm
![[Codes] Trang chủ ngày 30/4 - 1/5 Flag_r10](https://i.servimg.com/u/f48/16/58/89/73/flag_r10.png)
Admin đang làmChimSeDiMua đã viết:Ai có cho mình xin với. sắp ngày giải phóng rồi
Re: [Codes] Trang chủ ngày 30/4 - 1/5 Sat Apr 07, 2012 6:55 pm Re: [Codes] Trang chủ ngày 30/4 - 1/5 Sat Apr 07, 2012 6:58 pm
) nhắc mới nhớ , làm xong thì share nhé em ,cho anh đỡ mất công :3ne: Re: [Codes] Trang chủ ngày 30/4 - 1/5 Sat Apr 07, 2012 7:51 pm
<!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>![[Codes] Trang chủ ngày 30/4 - 1/5 >](http://nk5.upanh.com/b6.s25.d3/fcb9df2467ffce34eef6a965b071671c_43129925.nhchupmanhinh20120407204828.png<br />)
Re: [Codes] Trang chủ ngày 30/4 - 1/5 Sat Apr 07, 2012 10:08 pmTính nâng cấp cái chứ zị thô quáTrà My đã viết:share nè
ACP==>Modules==>HTML & JAVASCRIPT==>HTML pages management==>Create new HTML pageNguồn : Rip by Trà My - Chia Sẻ Online - Create by Rockman - [C]ss-[S]Tyle
- Spoiler:
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 :
Re: [Codes] Trang chủ ngày 30/4 - 1/5 Sun Apr 08, 2012 7:51 am Thông điệp [Trang 1 trong tổng số 1 trang]
Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO » *`+`* CÔNG NGHỆ THÔNG TIN *`+`* » Forumotion » Codes » [Codes] Trang chủ ngày 30/4 - 1/5
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|
|
