Skin Forumotion | Free share
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Skin Forumotion | Free share
Nếu Post link ngoài thì mục đích share thì luôn chào đón. Nếu post ngoài vì mục đích quãng cáo BAN ngay lập tức!
Bài gửi sau cùng
Bài gửiNgười gửiThời gian
[�] Vw Golf Mk3 1996 Service Manual Download Zip Sun Jun 08, 2014 12:44 am
[�] Vw Golf Mk3 1996 Service Manual Download Zip Sun Jun 08, 2014 12:43 am
[�] [Prestige][ute-002] ???x????File.02 (???) 2010.02.avi Sat Jun 07, 2014 1:16 pm
[�] Daphne 9yo Pthc Young Video Models Fri Jun 06, 2014 10:24 am
[�] Vinywap Dress Change Mom Sex Free Downloding Fri Jun 06, 2014 3:58 am
[�] Alcool 120 1 95 3823 Thu Jun 05, 2014 6:48 pm
[�] Sony Sound Forge Pro 10.0.368 Rus Thu May 29, 2014 7:34 pm
[�] 4Media Video Editor 2.0.1 Build 0111 Thu May 29, 2014 2:45 pm
[�] DVDFab Platinum 8 1 FULLFiNALPREACTIVATED Thu May 29, 2014 1:15 am
[�] DVDFab Platinum 8 1 FULLFiNALPREACTIVATED Thu May 29, 2014 1:13 am
[�] Alawarpt Farm Frenzy Tue May 27, 2014 9:29 am
[�] Kgb Spy - Kgb Spy Tue May 27, 2014 1:35 am
[�] Rosetta Stone 4.0.0 Stable Final Release + Patcher Sat May 24, 2014 6:09 am
[�] Real Player 2012+crack Sat May 24, 2014 12:02 am
[�] Aida64 Extreme Engineer Edition Fri May 23, 2014 8:21 am

You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1Menu Doc cực cool cho forum Empty Menu Doc cực cool cho forum Tue Mar 09, 2010 5:35 pm

mr.winni

mr.winni
Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
Lần trước em có hướng dẫn mấy pác làm menu doc (kiểu 1- tham khảo tại [You must be registered and logged in to see this link.]). Hum nay em post dạng menu doc thứ 2 :
Xem demo ở đây : [You must be registered and logged in to see this link.]
Hình ảnh minh họa:
[You must be registered and logged in to see this image.]
Chèn đoạn code bên dưới vào head:
Code:
<script type="text/javascript" src="http://winni.110mb.com/jquery.js"></script>
<script type="text/javascript" src="http://winni.110mb.com/interface.js"></script>

<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 90,
proximity: 90,
halign : 'center'
}
)
}
);

</script>

<style type="text/css">
.dock {
position: relative;
height: 50px;
padding-left:0px;
margin-top:0px;

}
.dock-container {
position: absolute;
height: 50px;
padding-left: 20px;

}
a.dock-item {
display: block;
width: 60px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: 14px Arial, Helvetica, sans-serif;
}

.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}

.dock-item span {
display: block;
padding-left: 20px;
}
</style>
Tạo 1 widget HTML/Javascript và dán code bên dưới vào:
Code:
<div style="display: block;" class="dock" id="dock">
<div style="left: -7.48972px; width: 814.979px;" class="dock-container">

<a style="width: 90px; left: 0px;" class="dock-item" href="link 1"><img src="link anh 1" alt="home"><span style="display:block;">Trang Chủ</span></a>

<a style="width: 90px; left: 90px;" class="dock-item" href="link 2"><img src="link anh 2" alt="Giới thiệu"><span style="display:block;">Giới Thiệu</span></a>

<a style="width: 90px; left: 180px;" class="dock-item" href="link 3"><img src="link anh 3" alt="Dịch vụ"><span>Dịch vụ</span></a>

<a style="width: 90px; left: 270px;" class="dock-item" href="link 4"><img
src="link anh 4" alt="Site đã thiết kế">Khách Hàng</a>

<a style="width: 90px; left: 360px;" class="dock-item" href="link 5"><img
src="link anh 5" alt="Template"><span style="display: block;">Template</span></a>

<a style="width: 90px; left: 450px;" class="dock-item" href="link 6"><img
src="link anh 6" alt="history"><span style="display:block;">Tư Vấn</span></a>

<a style="width: 134.979px; left: 540px;" class="dock-item" href="link 7"><img
src="link anh 7" alt="calendar"><span style="display:block;">Đối Tác</span></a>

<a style="width: 140px; left: 674.979px;" class="dock-item" href="link 8"><img
src="link anh 8" alt="rss"><span style="display:block;">Liên Hệ</span></a>

</div>
</div>
Các bạn thay "link anh " thành các hình mà bạn muốn.
Chú y: VUI LÒNG DOWN 2 FILE .JS VỀ VÀ UP LÊN HOST RIÊNG CỦA BẠN ĐỂ TRÁNH TRƯỜNG HỢP HẾT bandwidth
Cho ý kiến nha!

http://winni.forum-viet.net

2Menu Doc cực cool cho forum Empty Re: Menu Doc cực cool cho forum Tue Mar 09, 2010 10:31 pm

paradis_buoi


Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
Không được bạn ơi,code bị lỗi hay sao á

3Menu Doc cực cool cho forum Empty Re: Menu Doc cực cool cho forum Wed Mar 10, 2010 5:09 pm

mr.winni

mr.winni
Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
Xin lỗi bạn, hôm qua mình chuyển file nên không chay được các file JS, hôm nay mình chuyển lại rồi, bạn text lại nha!

http://winni.forum-viet.net

4Menu Doc cực cool cho forum Empty Re: Menu Doc cực cool cho forum Mon Mar 15, 2010 5:05 am

hungc2


Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
cái code đầu chèn vào phần nào hả bạn? Mình không tìm thấy phần nào có tên head cả...bạn nói cụ thể hơn được không? thanks

5Menu Doc cực cool cho forum Empty Re: Menu Doc cực cool cho forum Mon Mar 15, 2010 11:02 pm

trinh123

trinh123
Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
QLTT-overall header new...

6Menu Doc cực cool cho forum Empty Re: Menu Doc cực cool cho forum Fri May 28, 2010 8:50 am

bunny_no1


Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
Mình làm thử nhưng nó chẳng hiện ra cái gì cả [You must be registered and logged in to see this image.]

7Menu Doc cực cool cho forum Empty Re: Menu Doc cực cool cho forum Sat May 29, 2010 2:06 am

soibien

soibien
Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
đó là do file .js trên bị Win xoá rồi Smile kiếm link khác đi!

http://winni.forum-viet.net

8Menu Doc cực cool cho forum Empty Re: Menu Doc cực cool cho forum Sat May 29, 2010 8:12 am

bunny_no1


Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
Sac
Kiếm ở đâu bây h
Mình thích cái nè lắm [You must be registered and logged in to see this image.]

9Menu Doc cực cool cho forum Empty Re: Menu Doc cực cool cho forum Sun May 30, 2010 4:55 am

soibien

soibien
Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
ủa, bạn có xem trên rum mình rồi mà! banif này trên rum mình mình có sửa lại file js rồi mà!

http://winni.forum-viet.net

10Menu Doc cực cool cho forum Empty Re: Menu Doc cực cool cho forum Mon Jun 21, 2010 2:02 am

chemistry99


Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
cho mình hỏi 2 file .js đâu vậy? mình không thấy sao down về

11Menu Doc cực cool cho forum Empty Re: Menu Doc cực cool cho forum Sat Jun 26, 2010 3:55 am

soibien

soibien
Thành Viên Tiêu Biểu
Thành Viên Tiêu Biểu
jquery-1.2.6.min.js: [You must be registered and logged in to see this link.]
slider.js: [You must be registered and logged in to see this link.]
Nếu bạn có ý định sử dụng tips này thì bạn up lại link js trên host khác giùm Win nha!

http://winni.forum-viet.net

Sponsored content


Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [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