Cách làm giống như Vân Đồn Star

by **zodiac1710** 17/2/2013, 11:28 pm

Em thực sự xin lỗi Mod là em chả biết phải đặt tiêu đề sao cho nó đúng nữa !
Đại khái là em muốn biết làm cách nào ( hay công cụ phần mềm, web nào,....) để làm được 1 Navigation trong trang chủ giống hình bên : Cách làm giống như Vân Đồn Star Home14

by **HoàngTửNaivip5p** 17/2/2013, 11:35 pm

Dùng code mà bạn Vui

by **hunghsmn** 18/2/2013, 6:35 am

zodiac1710 đã viết:Em thực sự xin lỗi Mod là em chả biết phải đặt tiêu đề sao cho nó đúng nữa !
Đại khái là em muốn biết làm cách nào ( hay công cụ phần mềm, web nào,....) để làm được 1 Navigation trong trang chủ giống hình bên :

Theo tiêu đề của topic thì tiện nhất và nhanh nhất là bạn sang "Vân Đồn Star" đăng ký làm thành viên rồi hỏi, chắc admin ở đó không đến nỗi keo kiệt đâu.

HoàngTửNaivip5p đã viết:Dùng code mà bạn

Tất nhiên !

by **Shinichi Kudo** 18/2/2013, 1:45 pm

Code:
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="vi" xml:lang="vi"> <head><script src="https://apis.google.com/_/apps-static/_/js/gapi/plusone/rt=j/ver=R67Xg2xQJB4.vi./sv=1/am=!V1HSHW0XVB-YepGbpQ/d=1/=AItRSTM0sVKfynEuJq_J1zraDJVo-kPlSw/cb=gapi.loaded_0" async=""></script><title>Diễn Đàn Vân Đồn</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta http-equiv="X-UA-Compatible" content="IE=9"><meta http-equiv="content-script-type" content="text/javascript"><meta http-equiv="content-style-type" content="text/css"><link rel="shortcut icon" type="image/x-icon" href="http://www.iconj.com/ico/m/g/mg7l6t2zj0.ico"><meta name="language" content="vi"><meta name="description" content="Một nơi có tên là 'Thiên Đường', , , Một nơi luôn đổi mới, , , là điểm đến của những người năng động, , , Một nơi luôn mở cửa và chào đón các bạn, , , . . . Đó là đâu, , . ! ? Đó là hư không, , , "><meta name="keywords" content="Diễn Đàn Vân Đồn, Du lịch Vân Đồn, Vân Đồn Quảng Ninh, Trang Vân Đồn, Shop Vân Đồn, Du lịch Vân Đồn, Diễn Đàn Vân Đồn, Du lịch Hạ Long, Vân Đồn, Quảng Ninh, Tuổi Trẻ, Âm nhạc, Phim ảnh, Văn hóa, Du lị" lang="vi"><meta name="robots" content="index, follow, noodp"><link rel="alternate" type="application/rss+xml" href="/feed/?f=2" title="Thông Báo & Nội Quy!"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=36" title="Hoạt Động 4r!"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=3" title="Thắc Mắc - Góp Ý!"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=1" title="Nói Về Vân Đồn!"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=8" title="Vẻ Đẹp Vân Đồn"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=195" title="THẢO LUẬN CHUNG"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=63" title="Thảo Luận Năng Khiếu"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=53" title="Deejay VD-Club"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=62" title="Câu Lạc Bộ"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=239" title="Team VĐS"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=60" title="Làm Quen - Kết Bạn"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=156" title="Thư Viện Tuổi Teen"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=59" title="Fashion"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=13" title="Chia Sẻ Nhạc"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=14" title="Chia Sẻ Phim"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=15" title="Đố Vui"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=16" title="Vân Đồn Cười"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=17" title="Games"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=198" title="Góc Cuộc Sống"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=88" title="Văn - Thơ - Truyện"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=85" title="Thắc Mắc - Tâm Sự - Gỡ Rối"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=81" title="Cuộc Sống Muôn Màu"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=80" title="Buôn Dưa - Chém Jó - Đá Sóng..."> <link rel="alternate" type="application/rss+xml" href="/feed/?f=92" title="Công Nghệ Tin Học"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=91" title="Công Nghệ Mobile"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=114" title="Thảo Luận Chung"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=121" title="Chuyên Môn"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=117" title="Trường Huyện"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=132" title="Rao Vặt"> <link rel="alternate" type="application/rss+xml" href="/feed/?f=135" title="Việc Làm"> <link rel="alternate" type="application/rss+xml" title="Latest topics (RSS 2.0)" href="http://www.vandonstar.com/feed/"> <link rel="alternate" type="application/atom+xml" title="Latest topics (ATOM)" href="http://www.vandonstar.com/feed/?type=atom"> <meta name="title" content="Diễn Đàn Vân Đồn"><link rel="stylesheet" href="/69-ltr.css" type="text/css"><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="Diễn Đàn Vân Đồn"><link rel="search" type="application/opensearchdescription+xml" href="http://www.forum-viet.com/vi/search/improvedsearch.xml" title="Search forums"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> var j = jQuery.noConflict(); j(document).ready(function(){ var speed = 250; var about_pos = 0; j(".introbox_about_active").fadeTo(0,0); j(".introbox_works_active").fadeTo(0,0); j(".introbox_contact_active").fadeTo(0,0); j('.introbox_about_shadow').hover( function () { // if(about_pos == 1) { j(".introbox_about_active").stop(); j(".introbox_about").stop(); j(".introbox_about_shadow").stop(); j(".introbox_about_active").fadeTo(speed, 1); j(".introbox_about").animate({ top: 15}, speed ); j(".introbox_about_shadow").animate({ width:193, marginLeft:6, marginTop:-2, height:324 }, speed ); } }, function () { j(".introbox_about_active").stop(); j(".introbox_about").stop(); j(".introbox_about_shadow").stop(); j(".introbox_about_active").fadeTo(speed, 0); j(".introbox_about").animate({ top: 25}, speed ); j(".introbox_about_shadow").animate({ width:205, marginLeft:0, marginTop:0, height:324 }, 300 ); }); j('.introbox_about').hover( function () { j(".introbox_about_active").stop(); j(".introbox_about").stop(); j(".introbox_about_shadow").stop(); j(".introbox_about_active").fadeTo(speed, 1); j(".introbox_about").animate({ top: 15}, speed ); j(".introbox_about_shadow").animate({ width:193, marginLeft:6, marginTop:-2, height:324 }, speed ); about_pos = 1; }, function () { j(".introbox_about_active").stop(); j(".introbox_about").stop(); j(".introbox_about_shadow").stop(); j(".introbox_about_active").fadeTo(speed, 0); j(".introbox_about").animate({ top: 25}, speed ); j(".introbox_about_shadow").animate({ width:205, marginLeft:0, marginTop:0, height:324 }, 300 ); about_pos = 0; }); j('.introbox_works_shadow').hover( function () { j(".introbox_works_active").stop(); j(".introbox_works").stop(); j(".introbox_works_shadow").stop(); j(".introbox_works_active").fadeTo(speed, 1); j(".introbox_works").animate({ top: 15}, speed ); j(".introbox_works_shadow").animate({ width:193, marginLeft:6, marginTop:-2, height:324 }, speed ); }, function () { j(".introbox_works_active").stop(); j(".introbox_works").stop(); j(".introbox_works_shadow").stop(); j(".introbox_works_active").fadeTo(speed, 0); j(".introbox_works").animate({ top: 25}, speed ); j(".introbox_works_shadow").animate({ width:205, marginLeft:0, marginTop:0, height:324 }, 300 ); }); j('.introbox_works').hover( function () { j(".introbox_works_active").stop(); j(".introbox_works").stop(); j(".introbox_works_shadow").stop(); j(".introbox_works_active").fadeTo(speed, 1); j(".introbox_works").animate({ top: 15}, speed ); j(".introbox_works_shadow").animate({ width:193, marginLeft:6, marginTop:-2, height:324 }, speed ); }, function () { j(".introbox_works_active").stop(); j(".introbox_works").stop(); j(".introbox_works_shadow").stop(); j(".introbox_works_active").fadeTo(speed, 0); j(".introbox_works").animate({ top: 25}, speed ); j(".introbox_works_shadow").animate({ width:205, marginLeft:0, marginTop:0, height:324 }, 300 ); }); j('.introbox_contact_shadow').hover( function () { j(".introbox_contact_active").stop(); j(".introbox_contact").stop(); j(".introbox_contact_shadow").stop(); j(".introbox_contact_active").fadeTo(speed, 1); j(".introbox_contact").animate({ top: 15}, speed ); j(".introbox_contact_shadow").animate({ width:193, marginLeft:6, marginTop:-2, height:324 }, 300 ); }, function () { j(".introbox_contact_active").stop(); j(".introbox_contact").stop(); j(".introbox_contact_shadow").stop(); j(".introbox_contact_active").fadeTo(speed, 0); j(".introbox_contact").animate({ top: 25}, speed ); j(".introbox_contact_shadow").animate({ width:205, marginLeft:0, marginTop:0, height:324 }, 300 ); }); j('.introbox_contact').hover( function () { j(".introbox_contact_active").stop(); j(".introbox_contact").stop(); j(".introbox_contact_shadow").stop(); j(".introbox_contact_active").fadeTo(speed, 1); j(".introbox_contact").animate({ top: 15}, speed ); j(".introbox_contact_shadow").animate({ width:193, marginLeft:6, marginTop:-2, height:324 }, 300 ); }, function () { j(".introbox_contact_active").stop(); j(".introbox_contact").stop(); j(".introbox_contact_shadow").stop(); j(".introbox_contact_active").fadeTo(speed, 0); j(".introbox_contact").animate({ top: 25}, speed ); j(".introbox_contact_shadow").animate({ width:205, marginLeft:0, marginTop:0, height:324 }, 300 ); }); }); </script> <style> /* FOOTER */ #footer { background-image: url(http://i48.servimg.com/u/f48/13/58/60/43/footer10.png); width: 600px; height: 41px; background-repeat: no-repeat; color: #6A6A6A; font: 15px Arial; position: relative; text-align: center; padding: 5px; } #footer a {text-decoration:none; color:#737373; padding:0 5px 0 3px; display:inline; } #footer a:hover { color: #EEE;} #footer .left { position:absolute; left:20px; top:14px; } #footer .right { position:absolute; right:15px; top:14px;} /* BASIC LAYOUT */ body { background: #222222 url(http://i48.servimg.com/u/f48/13/58/60/43/bg_lig10.jpg); background-position:top center; background-repeat: no-repeat; height:100%;} #wrapper { width:615px; margin:0 auto; padding:10px 0 40px 0; text-align:left;} /* HEADER */ #header { width:615px; height:42px; position:relative;} #header .logo {float:left;margin-left:-150px;} #header .vcard_header {float:right; margin: 11px 29px 0 0; position:relative; } /* CONTENT */ #content {width:614px; height:300px; overflow:hidden; position:relative; } #content_bg {width:614px; height:300px; margin:24px 0 26px 0; background:url(http://i48.servimg.com/u/f48/13/58/60/43/conten10.png); position:relative; background-repeat:no-repeat; } .main_content_area {width:600px; height:310px; position:absolute; top:55px; overflow:hidden; -moz-border-radius:30px; } .blur_left {width:17px; height:300px; background:url(http://i48.servimg.com/u/f48/13/58/60/43/blur_l10.png); background-position:left; z-index:99; position:absolute; top:55px;} .blur_right {width:17px; height:310px; background:url(http://i48.servimg.com/u/f48/13/58/60/43/blur_r10.png); background-position:right; z-index:99; position:absolute; top:55px; right:14px;} /* INTROBOXES ON HOMEPAGE */ #content .introbox_holder {height:275px; width: 615px; position:relative;} #content .introbox_about_shadow {width:205px; height:198px; position:absolute; top:25px; left:0px; z-index:1;} #content .introbox_about {width:205px; height:198px; position:absolute; top:25px; left:0px; z-index:2; background-image: url(http://i48.servimg.com/u/f48/13/58/60/43/home14.png); cursor:pointer;} #content .introbox_about_active {width:205px; height:198px; background-image: url(http://i48.servimg.com/u/f48/13/58/60/43/home14.png); background-position: 0px 198px; cursor:pointer;} #content .introbox_works_shadow {width:205px; height:198px; position:absolute; top:25px; left:205px; z-index:1;} #content .introbox_works {width:205px; height:198px; position:absolute; top:25px; left:205px; z-index:2; background-image: url(http://i48.servimg.com/u/f48/13/58/60/43/home14.png); background-position: -205px 0px; cursor:pointer;} #content .introbox_works_active {width:205px; height:198px; background-image: url(http://i48.servimg.com/u/f48/13/58/60/43/home14.png); background-position: -205px 198px; cursor:pointer;} #content .introbox_contact_shadow {width:205px; height:198px; position:absolute; top:25px; left:410px; z-index:1;} #content .introbox_contact {width:205px; height:198px; position:absolute; top:25px; left:410px; z-index:2; background-image: url(http://i48.servimg.com/u/f48/13/58/60/43/home14.png); background-position: 205px 0px; cursor:pointer; } #content .introbox_contact_active {width:205px; height:198px; background-image: url(http://i48.servimg.com/u/f48/13/58/60/43/home14.png); background-position: 205px 198px; cursor:pointer;} .link { position: absolute; bottom: 0; right: 0; color: #333; } </style> </head> <body style="-moz-user-select: none; cursor: default;"> <div id="bgimg"> <div id="wrapper"> <div id="header"> <div class="logo"> <a href="http://www.vandonstar.com"><img src="http://i48.servimg.com/u/f48/13/58/60/43/lg10.png" /></a> </div> </div> <div id="content"> <div class="introbox_holder"> <div style="top: 25px; " class="introbox_about"> <a href="http://www.vandonstar.com/forum"><div style="opacity: 0; " class="introbox_about_active"></div></a> </div> <div style="top: 25px; " class="introbox_works"> <a href="http://www.vandonshop.com" target= "_blank"><div style="opacity: 0; " class="introbox_works_active"></div></a> </div> <div style="top: 25px; " class="introbox_contact"> <a href="http://upanh.vandonshop.com" target= "_blank"><div style="opacity: 0; " class="introbox_contact_active"></div></a> </div> </div> </div> <div id="footer">Chào Mừng Đến Với Diễn Đàn Vân Đồn<br /><b>http://www.vandonstar.com</b></div> </div> </div> <a class="link" href="http://www.forumvi.com" target="_blank">forumvi.com</a> </body> </html>

Của bạn này tự chỉnh sửa lại nhé.
Nguồn vandonstar.com

by Sponsored content

Cách làm giống như Vân Đồn Star

Cách làm giống như Vân Đồn Star

Re: Cách làm giống như Vân Đồn Star

Re: Cách làm giống như Vân Đồn Star

Re: Cách làm giống như Vân Đồn Star

Re: Cách làm giống như Vân Đồn Star