Web 2.0 và rủi ro trong bảo mật
Dựa trên các kết quả nghiên cứu và theo dõi tình hình an ninh trên nền web 2.0, Dan Hubbard, CTO của Websense đã đưa ra các nhận định mà các cơ quan, tổ chức, doanh nghiệp cần chú ý để bảo vệ thông t
Hướng dẫn nối hai laptop bằng wireless
Ở bước này bạn cần thực hiện trên cả 2 máy để cho chúng cùng lớp IP với nhau. Thực hiện như sau:
Ajax và asp.net upload file ( không xài dll hổ trợ)
Để upload được dữ liệu từ client bạn cần phải dùng hàm javascript để lấy dữ liệu trong thư mục client mà truyền lên cho sever. và sau đó sever sẽ dùng hàm Reuqest.Files để nhận chuỗi dữ liệu file tru
Có 3 thứ ngu dốt: không biết những gì mình cần biết, không rành những gì mình biết và biết những gì mình không cần biết
La Rochefoucould
Tags thiết kế website
Tên miền, Đăng ký tên miền,
thiet ke web, chuyen thiet ke web,
Thiết kế website,
chuyên thiết kế website,
tu van web,tư vấn web,
dich vu website,
dịch vụ website,
web design,
giải pháp thiết kế website,
website thương mại,
quang ba web,
quang ba website,
dịch vụ SEO,
tutorial,
thiết kế website bán hàng,
thiết kế website doanh nghiệp,
hosting,
từ khóa,
công ty thiết kế web,
Website template,
thư viện website
Flyout Menu với CSS ( 1632 lượt xem )

Giống như Drop Down menu Flyout menu cũng được sử dụng rộng rãi trên nhiều trang web. Đặc biệt là những trang web có nhiều nội dung và cần nhiều tầng menu để trình bay hết nội dung. Bài viết này sẽ hướng dẫn bạn cách tạo ra flyout menu hoàn toàn bằng CSS.
Để làm được menu như trên bạn có thể làm theo hướng dẫn dau
Bạn tạo file style.css có nội dung như sau
01 |
* {margin: 0; padding: 0} |
03 |
div#wraper {width: 500px; margin: 40px auto; line-height: 2em; font-family: helvetica, arial, tahoma; font-size: 12px;} |
05 |
div#mainNav {width: 200px;} |
07 |
div#mainNav h1 {font-size: 14px; background: #3883cc; color: white; text-align: center; -moz-border-radius: 5px 5px 0px 0px; } |
09 |
div#mainNav ul { list-style: none; border: 1px solid #bccbd8; } |
11 |
div#mainNav ul li { position: relative; border-bottom: 1px solid #bccbd8; } |
13 |
div#mainNav ul li a { color: #1e5b7e; text-decoration: none; padding: 5px;} |
15 |
div#mainNav ul li a:hover {text-decoration: underline;} |
17 |
div#mainNav ul li ul { position: absolute;top: -1px;left: 198px;display: none;} |
19 |
div#mainNav ul li:hover ul {display: block; width: 100%;} |
Tiếp theo trong trang html bạn tạo nội dung như sau:
01 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" |
04 |
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> |
05 |
<link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title"> |
06 |
<title>Fly Out menu</title> |
14 |
<li><a href="#">Trang Chủ</a></li> |
15 |
<li><a href="#">Tác giả »</a> |
17 |
<li><a href="#">Tác giả A</a></li> |
18 |
<li><a href="#">Tác giả B</a></li> |
19 |
<li><a href="#">Tác giả C</a></li> |
22 |
<li><a href="#">Tutorial »</a> |
24 |
<li><a href="#">Web Design</a></li> |
25 |
<li><a href="#">Photoshop</a></li> |
26 |
<li><a href="#">Hosting</a></li> |
27 |
<li><a href="#">Domain Names</a></li> |
28 |
<li><a href="#">CSS</a></li> |
31 |
<li><a href="#">Liên hệ »</a> |
33 |
<li><a href="#">Demon Warlock</a></li> |
34 |
<li><a href="#">Frost Mage</a></li> |
35 |
<li><a href="#">Descipline Priest</a></li> |
36 |
<li><a href="#">Furry Warrior</a></li> |
Phuc Thinh Website