Đăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by nightWalker 9/2/2024, 7:00 pm
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
No user |
Menu đa cấp xanh xanh đẹp đẹp =))
+4
badboy10a8
Mr.Anonymous
lenhatbao
handsomevip007
8 posters
Trang 1 trong tổng số 1 trang
Menu đa cấp xanh xanh đẹp đẹp =))
Tình hình là đã chôm chỉa thành công được cái Menu khá đẹp nên chia cho mọi người cùng xài
Demo:
*Ưu điểm: Có hiệu ứng trượt đẹp
*Khuyết điểm: Nhiều script quá mà không biết bỏ cái nào cho đúng
Nguồn chôm chỉa
Code đây
Demo:
- Code:
http://www.a14toiyeu.net/h75-page
- Code:
http://i44.servimg.com/u/f44/15/64/85/86/cp6710.png
*Ưu điểm: Có hiệu ứng trượt đẹp
*Khuyết điểm: Nhiều script quá mà không biết bỏ cái nào cho đúng
Nguồn chôm chỉa
- Code:
http://dayhocvatli.net/vi/
Code đây
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi-vn" lang="vi-vn" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="http://dayhocvatli.net/vi/components/com_chronocomments/msg.css" type="text/css" />
<link rel="stylesheet" href="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/css/template.css" type="text/css" />
<link rel="stylesheet" href="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/css/header-green.css" type="text/css" />
<link rel="stylesheet" href="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/css/rokmoomenu.css" type="text/css" />
<script type="text/javascript" src="http://dayhocvatli.net/vi/plugins/system/cdscriptegrator/libraries/highslide/js/highslide-full.min.js"></script>
<script type="text/javascript" src="http://dayhocvatli.net/vi/media/system/js/mootools.js"></script>
<script type="text/javascript" src="http://dayhocvatli.net/vi/media/system/js/modal.js"></script>
<script type="text/javascript" src="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/js/rokfonts.js"></script>
<script type="text/javascript" src="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/js/rokutils.inputs.js"></script>
<script type="text/javascript" src="http://dayhocvatli.net/vi/templates/rt_solarsentinel_j15/js/rokmoomenu.js"></script>
<script type="text/javascript">
<!--
hs.graphicsDir = '/vi/plugins/system/cdscriptegrator/libraries/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.outlineWhileAnimating = true;
hs.showCredits = true;
hs.expandDuration = 250;
hs.anchor = 'auto';
hs.align = 'auto';
hs.transitions = ["expand"];
hs.dimmingOpacity = 0;
hs.lang = {
loadingText : 'Loading...',
loadingTitle : 'Click to cancel',
focusTitle : 'Click to bring to front',
fullExpandTitle : 'Expand to actual size',
fullExpandText : 'Full size',
creditsText : 'Powered by Highslide JS',
creditsTitle : 'Go to the Highslide JS homepage',
previousText : 'Previous',
previousTitle : 'Previous (arrow left)',
nextText : 'Next',
nextTitle : 'Next (arrow right)',
moveTitle : 'Move',
moveText : 'Move',
closeText : 'Close',
closeTitle : 'Close (esc)',
resizeTitle : 'Resize',
playText : 'Play',
playTitle : 'Play slideshow (spacebar)',
pauseText : 'Pause',
pauseTitle : 'Pause slideshow (spacebar)',
number : 'Image %1 of %2',
restoreTitle : 'Click to close image, click and drag to move. Use arrow keys for next and previous.'
};
//-->
window.addEvent('domready', function() {
SqueezeBox.initialize({});
$$('a.modal').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
window.addEvent('load', function(){
var JTooltips = new Tips($$('.Tips2'), {
maxTitleChars: 100, fixed: false
});
var Tips2 = new Tips($$('.tooltip_extranews'), { maxTitleChars: 999, fixed: false}, {
initialize:function(){
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
}
});
});
window.addEvent('domready', function() {
var modules = ['side-mod','module','moduletable','component-header'];
var header = ['h3','h1'];
RokBuildSpans(modules, header);
});
InputsExclusion.push('.content_vote','#login-module')
window.addEvent('domready', function() {
new Rokmoomenu($E('ul.menutop '), {
bgiframe: false,
delay: 500,
verhor: true,
animate: {
props: ['height'],
opts: {
duration: 500,
fps: 100,
transition: Fx.Transitions.Quad.easeOut
}
},
bg: {
enabled: true,
overEffect: {
duration: 500,
transition: Fx.Transitions.Sine.easeOut
},
outEffect: {
duration: 600,
transition: Fx.Transitions.Sine.easeOut
}
},
submenus: {
enabled: true,
opacity: 0.9,
overEffect: {
duration: 50,
transition: Fx.Transitions.Cubic.easeInOut
},
outEffect: {
duration: 600,
transition: Fx.Transitions.Sine.easeIn
},
offsets: {
top: 3,
right: 1,
bottom: 0,
left: 1
}
}
});
});
window.addEvent((window.webkit) ? 'load' : 'domready', function() {
window.rokajaxsearch = new RokAjaxSearch({
'results': 'Các kết quả',
'close': '',
'websearch': 1,
'blogsearch': 1,
'imagesearch': 1,
'videosearch': 1,
'imagesize': 'MEDIUM',
'safesearch': 'MODERATE',
'search': ' Search...',
'readmore': 'Đọc Thêm',
'noresults': ' No results',
'advsearch': ' Advanced search',
'page': 'Trang',
'page_of': ' of',
'searchlink': 'http://dayhocvatli.net/vi/index2.php?option=com_search&view=search&tmpl=component',
'advsearchlink': 'http://dayhocvatli.net/vi/index.php?option=com_search&view=search',
'uribase': 'http://dayhocvatli.net/vi/',
'limit': '10',
'perpage': '3',
'ordering': 'newest',
'phrase': 'any',
'hidedivs': '',
'includelink': 1,
'viewall': ' View all results',
'estimated': ' estimated',
'showestimated': 1,
'showpagination': 1,
'showcategory': 1,
'showreadmore': 1,
'showdescription': 1
});
});
</script>
<div id="horiz-menu" class="moomenu">
<ul class="menutop" >
<li class="item1 " >
<a class="topdaddy link" href="http://dayhocvatli.net/vi/" >
<span>Trang chủ</span>
</a>
</li>
<li class="item56 parent " >
<a class="topdaddy link" href="javascript:;" >
<span>Giới thiệu</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item57 c0 coltop" >
<a class="link" href="/vi/Ve-Tac-gia/tac-gia.ephysvn" >
<span>Về Tác giả</span>
</a>
</li>
<li class="item92 c0" >
<a class="link" href="/vi/Ve-truong-toi/ve-truong-toi.ephysvn" >
<span>Về trường tôi</span>
</a>
</li>
<li class="item58 c0" >
<a class="link" href="/vi/Ve-Binh-Dinh-Que-toi/que-toi-binh-dinh.ephysvn" >
<span>Về Bình Định-Quê tôi</span>
</a>
</li>
<li class="item94 c0" >
<a class="link" href="/vi/Ve-PleiKu-Gia-Lai-Vietnam/ve-pleiku-than-yeu.ephysvn" >
<span>Về PleiKu-Gia Lai-Viet Nam</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item61 parent " >
<a class="topdaddy link" href="javascript:;" >
<span>Tin tức-sự kiện</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item95 c0" >
<a class="link" href="/vi/Table/Ve-Vat-Li/" >
<span>Về Vật Lí</span>
</a>
</li>
<li class="item93 c0" >
<a class="link" href="/vi/Table/Ve-Giao-duc/" >
<span>Về Giáo dục</span>
</a>
</li>
<li class="item100 c0" >
<a class="link" href="/vi/Table/Ve-Khoa-hoc/" >
<span>Về Khoa học</span>
</a>
</li>
<li class="item103 c0" >
<a class="link" href="/vi/Table/Ve-ICT/" >
<span>Về ICT</span>
</a>
</li>
<li class="item96 c0" >
<a class="link" href="/vi/Table/Ve-truong-toi/" >
<span>Về trường tôi</span>
</a>
</li>
<li class="item65 c0" >
<a class="link" href="/vi/Table/Ve-dong-chi-Toi/" >
<span>Về đồng chí "Tôi"</span>
</a>
</li>
<li class="item124 c0" >
<a class="link" href="/vi/Table/Ve-Hoc-bong-Du-hoc/" >
<span>Về Học bổng-Du học</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item69 parent " >
<a class="topdaddy link" href="javascript:;" >
<span>Bí kíp Dạy&Học tốt</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item70 c0" >
<a class="link" href="/vi/Table/Ve-Day-Vat-Li/" >
<span>Về Dạy Vật Lí</span>
</a>
</li>
<li class="item71 c0" >
<a class="link" href="/vi/Table/Ve-Hoc-Vat-Li/" >
<span>Về Học Vật Lí</span>
</a>
</li>
<li class="item72 c0" >
<a class="link" href="/vi/Table/Ung-dung-cong-nghe/" >
<span>Ứng dụng công nghệ</span>
</a>
</li>
<li class="item73 c0" >
<a class="link" href="/vi/Table/Lap-trinh-cho-hoc-tap/" >
<span>Lập trình cho học tập</span>
</a>
</li>
<li class="item121 c0" >
<a class="link" href="/vi/Table/Sach-hay-nen-doc/" >
<span>Sách - Tài liệu hay nên đọc</span>
</a>
</li>
<li class="item142 parent c0" >
<a class="daddy link" href="/vi/Table/Ban-biet-gi/" >
<span>Bạn biết gì?</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item143 coltop" >
<a class="link" href="/vi/Table/Ve-anh-sang/" >
<span>Về ánh sáng</span>
</a>
</li>
<li class="item144 " >
<a class="link" href="/vi/Table/Ve-hat-co-ban/" >
<span>Về hạt cơ bản</span>
</a>
</li>
<li class="item145 " >
<a class="link" href="/vi/Table/Ve-dien-tu/" >
<span>Về điện-từ</span>
</a>
</li>
<li class="item160 " >
<a class="link" href="/vi/Table/Ve-khong-gian-vu-tru/" >
<span>Về không gian-vũ trụ</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item147 parent c0" >
<a class="daddy link" href="#" >
<span>Đọc tạp chí giấy online</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item148 " >
<a class="link" href="/vi/Table/Doc-online-Tap-chi-Vat-Li-Tuoi-tre/" >
<span>Vật Lí & Tuổi trẻ [Vi]</span>
</a>
</li>
<li class="item149 " >
<a class="link" href="/vi/Table/Doc-online-Tap-chi-Toan-hoc-Tuoi-tre/" >
<span>Toán học & Tuổi trẻ [Vi]</span>
</a>
</li>
<li class="item150 " >
<a class="link" href="/vi/Table/Doc-online-Tap-chi-Giao-duc/" >
<span>Giáo dục [Vi]</span>
</a>
</li>
<li class="item159 " >
<a class="link" href="/vi/Table/Doc-online-Tap-chi-Vat-Li-trong-truong-PT/" >
<span>Vật Lí trong trường PT [Ru]</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item151 c0" >
<a class="link" href="/vi/Mo-phong-VL-Online.ephysvn" >
<span>Mô phỏng VL Online</span>
</a>
</li>
<li class="item152 c0" >
<a class="link" href="/vi/Cam-nang-va-chien-luoc-hoc-tap.ephysvn" >
<span>C.Nang&C.lược học tập</span>
</a>
</li>
<li class="item153 c1 coltop" >
<a class="link" href="/vi/Table/Chia-se-tu-doc-gia/" >
<span>Chia sẻ từ độc giả</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item27 parent " >
<a class="topdaddy link" href="javascript:;" >
<span>F5 tâm hồn</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item2 c0 coltop" >
<a class="link" href="/vi/Table/Cam-cuoi-hihi/" >
<span>Cấm cười! (hihi)</span>
</a>
</li>
<li class="item37 c0" >
<a class="link" href="/vi/Table/Huong-vi-cuoc-song/" >
<span>Trải nghiệm từ cuộc sống</span>
</a>
</li>
<li class="item146 c1 coltop" >
<a class="link" href="/vi/Coi-nguon-suy-ngam/" >
<span>Cội nguồn-suy ngẫm</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item105 " >
<a class="topdaddy link" href="/vi/Tai-nguyen/" >
<span>Tài nguyên</span>
</a>
</li>
<li class="item109 " >
<a class="topdaddy link" href="/vi/wrapper.ephysvn" >
<span>Học trực tuyến</span>
</a>
</li>
<li class="item154 parent " >
<a class="topdaddy link" href="#" >
<span>Tra cứu điểm</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item155 c0 coltop" >
<a class="link" href="/vi/component/option,com_diemthi/Itemid,155/" >
<span>Thi Tốt nghiệp THPT 2011</span>
</a>
</li>
<li class="item156 c0" >
<a class="link" href="/vi/component/option,com_quanlydiem/Itemid,156/view,quanlydiem/" >
<span>Kiểm tra thường xuyên</span>
</a>
</li>
<li class="item161 c0" >
<a class="link" href="/vi/Ket-qua-thi-TN-DH-toan-quoc.ephysvn" >
<span>Kết quả thi TN-ĐH toàn quốc</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item162 " >
<a class="topdaddy link" href="/vi/Lien-he/Quan-tri-website.ephysvn" >
<span>Liên hệ</span>
</a>
</li>
</ul>
<div class="clr"></div>
</div>
Re: Menu đa cấp xanh xanh đẹp đẹp =))
Vào overall_header tìm {GENERATED_NAV_BAR} thay bằng Code trên
P/s: Không bảo hành nhá
P/s: Không bảo hành nhá
Re: Menu đa cấp xanh xanh đẹp đẹp =))
Cũng có thể để dưới
- Code:
{GENERATED_NAV_BAR}
Re: Menu đa cấp xanh xanh đẹp đẹp =))
thế muốn thay mấy cái tab trong menu thành của mình thì sao vậy
Re: Menu đa cấp xanh xanh đẹp đẹp =))
các tab trong đó đều nằm trong thẻRyn đã viết:thế muốn thay mấy cái tab trong menu thành của mình thì sao vậy
- Code:
<span> ....... </span>
Similar topics
» Share Code menu Nhanh Nhiều Tiện Ích - Menu trái
» ai biết làm menu = flash menu labs pro 2 chỉ mình với
» Tạo menu động cho Web với Flash Menu Labs Pro 2
» [Thắc Mắc] Cách đổi và thêm menu trong thanh menu chính.
» [Thắc mắc] Chữ bóng màu xanh khi rê vào
» ai biết làm menu = flash menu labs pro 2 chỉ mình với
» Tạo menu động cho Web với Flash Menu Labs Pro 2
» [Thắc Mắc] Cách đổi và thêm menu trong thanh menu chính.
» [Thắc mắc] Chữ bóng màu xanh khi rê vào
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|