Lịch là một điều khó khăn để xây dựng bằng tay, nhưng chúng là một ví dụ hoàn hảo về bố cục Web phù hợp cho một bảng. Có một hàng tiêu đề (những ngày trong tuần) và có dữ liệu trong các cột.
Lịch này có các tính năng sau:
- Tuần bắt đầu vào Chủ Nhật
- Ngày cuối tuần được tô sáng
- Các ngày không có trong tháng được đánh số và đánh dấu khác nhau
- Mỗi ngày có thể chứa nhiều nội dung tùy theo nhu cầu của bạn - thuộc tính tràn sẽ giữ cho các ô có cùng chiều cao và chiều rộng.
Xem mẫu
Hoạt động trong Trình duyệt
các cửa sổ
- Firefox và Mozilla 1 và 2
- Internet Explorer 7 và 6
- Opera 8.5 và 9
Macintosh
- Firefox và Mozilla 1 và 2
- Netscape 7
- Safari 1 và 2
Chi tiết:
- Đặt văn bản cho mỗi ngày trong vòng thecontainer. Điều này sẽ đảm bảo rằng các hộp ở cùng kích thước.
- Tạo kiểu cho lớp ".date" nếu bạn muốn thay đổi số
- Các ngày tháng trước và sau được tạo kiểu với các lớp "trước" và "tiếp theo" tương ứng
- Nếu bạn không muốn các con số cho các tháng trước và sau đó, hãy thêm kiểu: .previous .date, .next .date {display: none; }
Sử dụng Mẫu Web Miễn phí
- Sao chép HTML vào tài liệu trên máy chủ Web của bạn
- Sao chép CSS vào tài liệu có tên styles.css và đặt nó trong cùng một thư mục
- Liên kết tới CSS trong phần đầu của tài liệu của bạn
- Xuất bản trang Web, CSS và tệp hình ảnh
Các mẫu trang web khác
Điều khoản sử dụng:
Bạn được tự do sử dụng bất kỳ mẫu Web miễn phí nào ở đây cho các thiết kế cá nhân hoặc thương mại, hoặc trong in ấn hoặc trên Web, không bao gồm các mục để bán lại. Bạn không được cho đi, bán hoặc phân phối lại các tệp theo bất kỳ cách nào. Không đăng các tệp này lên bất kỳ trang Web nào khác, phân phối điện tử chúng hoặc đưa chúng vào bất kỳ gói nào để phân phối. Nếu bạn thấy các tệp này hữu ích, vui lòng bao gồm hạn mức tín dụng hoặc liên kết quay lại trang web này [http://webdesign.about.com/]. Điều khoản sử dụng sửa đổi lần cuối ngày 29/8/2004.