Bichtram Thành viên
Tổng số bài gửi : 11 Registration date : 19/08/2008
| Tiêu đề: Căn bản về CSS - phần 2 Tue Aug 19, 2008 11:18 pm | |
| Sau đây là thiết lập giao diện của tôi đã thực hiện. Tôi cho rằng giao diện này sửa thêm một vài chi tiết nữa thì chẳng kém giao diện của anh Admin bên này. Chú ý rằng giao diện đẹp thì phải đi đôi với bộ nút đẹp. Các bạn nên sắm cho mình một bộ nút ăn ý với giao diện. Còn bây giờ đây là phần giao diện của tôi:
Body Giữ nguyên thiết lập gốc ---------- Trang nền (Background page) Màu nền: #FFFFFF url(images/misc/dot.gif) Màu Font: #000000 ------------------------------ <td>, <th>, <p>, <li> Giữ nguyên thiết lập gốc ------------------------- Viền bảng Giữ nguyên thiết lập gốc ------------------------------- Category Strips Màu nền: #FFFFFF url(images/misc/tm.gif) no-repeat center Màu Font: #003366 Liên kết CSS bình thường Màu nền: transparent Màu Font: #003366 Text decoration: None Liên kết CSS đã vào: Màu nền: transparent Màu Font: #666666 Text decoration: None Liên kết CSS Hover Màu nền: transparent Màu Font: #006699 Text decoration: underline ----------------------------------------- Table Header Màu nền: #FFFFFF url(images/misc/table_header_bg.gif) repeat-x top left Màu Font: #003366 Liên kết CSS bình thường Màu nền: transparent Màu Font: #003366 Text decoration: None Liên kết CSS đã vào: Màu nền: transparent Màu Font: #666666 Text decoration: None Liên kết CSS Hover Màu nền: transparent Màu Font: #006699 Text decoration: underline -------------------------------------- Table Footer Màu nền: #FFFFFF Màu Font: #003366 Liên kết CSS bình thường Màu nền: transparent Màu Font: #003366 Text decoration: None Liên kết CSS đã vào: Màu nền: transparent Màu Font: #666666 Text decoration: None Liên kết CSS Hover Màu nền: transparent Màu Font: #006699 Text decoration: underline ---------------------------------- Màu đầu tiên Màu thứ hai Màu nền: #FFFFFF Màu Font: #003366 Thuộc tính CSS đặc biệt: border: 1px solid #E5E5E5; ---------------------------------- Soạn thảo WYSIWYG Màu nền: #F5F5FF url(images/misc/anhnen_text_box.gif) no-repeat center Màu Font: #003366 Thuộc tính CSS đặc biệt: BORDER-RIGHT: #5182c2 1px dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2 1px dotted; BORDER-BOTTOM: #5182c2 1px dotted; ------------------------- Ô nhập liệu Thuộc tính CSS đặc biệt: BORDER-RIGHT: #5182c2 1px dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2 1px dotted; BORDER-BOTTOM: #5182c2 1px dotted; ---------------------------------- Nút (Button) Màu nền: #E4E7F5 Thuộc tính CSS đặc biệt: BORDER-RIGHT: #5182c2 1px dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2 1px dotted; BORDER-BOTTOM: #5182c2 1px dotted; ------------------------------------ Menu Small Font Time Color Được giữ nguyên thiết lập gốc ------------------------------------- Navbar Text Màu nền: #FFFFFF Màu Font: #003366 ------------------------------------- Highlighted Font Màu nền: #FFFFFF Màu Font: #FF0000 ------------------------------------ Panel Surround Màu nền: #D5D8E5 url(images/gradients/gradient_panelsurround.gif) repeat-x top left Màu font: #000000 --------------------------------- Panel (Forms) Màu nền: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left Màu font: #000000 -------------------------------- <legend> Giữ nguyên -------------------------------- Điều khiển menu Popup Màu nền: #FFFFFF Màu Font: #003366 Thuộc tính CSS đặc biệt: padding: 3px 6px 3px 6px; white-space: nowrap; Liên kết CSS bình thường Màu nền: #FFFFFF Màu Font: #003366 Text decoration: None Liên kết CSS đã vào: Màu nền: #FFFFFF Màu Font: #666666 Text decoration: None Liên kết CSS Hover Màu nền: #FFFFFF Màu Font: #006699 Text decoration: underline ------------------------------- Popup Menu Body Giữ nguyên ------------------------------- Tùy chọn dòng cho Menu Popup Màu nền: #FFFFFF Màu Font: #000000 Thuộc tính CSS đặc biệt white-space: nowrap; cursor: pointer; Liên kết CSS bình thường Màu nền: #FFFFFF Màu Font: #22229C Text decoration: None Liên kết CSS đã vào: Màu nền: #FFFFFF Màu Font: #22229C Text decoration: None Liên kết CSS Hover Màu nền: #FFFFFF Màu Font: #FFFFFF Text decoration: None --------------------------------- Menu chuyển nhanh Item selected Màu nền:#FFFFFF Màu Font: #003366 --------------------------------- | |
|