Gốc > Kho Code, thiết kế website, học tin học > Code thiết kế Web, blog >

Code tạo menu bằng hình ảnh

Thưa thầy cô! Sau nhiều giờ "lang thang" 7K thấy bài viết này của thầy Cao Bằng rất hay, nên "mang về" chia sẻ lại với thầy cô để cùng nghiên cứu. Nguyên văn bài viết thế này:
Hôm nay mình xin giới thiệu một loại menu bằng hình ảnh. Phù hợp với các blog ít chuyên mục. menu này được làm dưới dạng ảnh cỡ nhỏ tầm khoảng nhỏ hơn hoặc bằng 50px và nó nên là hình vuông thì mới đẹp khi hover qua. Dưới đây là demo mình đã test trên máy thành công.
LIVE DEMO
http://bbavn.com/web/sys.php?name=News&act=showarticle&sid=19317
Sau đây là code:

Code: Chọn tất cả

Hướng dẫn :
Các bạn hãy thay # thành liên kết của bạn.
Thay link img Home.png... thành các link hình của bạn. ( nhỏ hơn hoặc bằng 50px và nên là hình vuông )
Thay các title khi rê chuột vào hiện thị tiêu đề của hình ảnh. ( title="Home" )
Menu chỉ hiện thì tốt nhất trên trình duyệt Chrome và Firefox
Còn IE9 vẫn hiện thị nhưng sẽ mất đi một số tính năng hấp dẫn quan trọng mà CSS3 mang lại.
Chúc các bạn thành công!

Nhắn tin cho tác giả
Nguyễn Hữu Điệp @ 23:59 07/05/2012
Số lượt xem: 4492
Số lượt thích: 0 người
Avatar

Code tạo menu bằng hình ảnh

Avatar

Đọc mãi vẫn không hết. Thầy Điệp chắc rành máy tính lắm hả( đặc biệt lập trình ). Bố cục Web hay, các đường link tốt, tạo được nhiều Menu liên kết độc đáo . Có gì chia sẻ với nha.

Avatar

Mời Trà!

 
Gửi ý kiến