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]

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

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!

Xem lý lịch thành viên http://winni.forum-viet.net

2 Re: Menu Doc cực cool cho forum on 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 á

Xem lý lịch thành viên

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

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!

Xem lý lịch thành viên http://winni.forum-viet.net

4 Re: Menu Doc cực cool cho forum on 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

Xem lý lịch thành viên

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

trinh123


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

Xem lý lịch thành viên

6 Re: Menu Doc cực cool cho forum on 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.]

Xem lý lịch thành viên

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

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!

Xem lý lịch thành viên http://winni.forum-viet.net

8 Re: Menu Doc cực cool cho forum on 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.]

Xem lý lịch thành viên

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

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à!

Xem lý lịch thành viên http://winni.forum-viet.net

10 Re: Menu Doc cực cool cho forum on 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ề

Xem lý lịch thành viên

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

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!

Xem lý lịch thành viên 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