a:link là để hiển thị khi bạn nhìn thấy màu chữ là xanh
a:ative là để hiển thị màu đỏ khi bạn click vào dòng chữ đó
a:visited là để hiển thị màu xanh khi bạn nhìn thấy
a:hover là để hiện thì màu xanh lá cây khi bạn dùng con chuột đặt lên dòng chữ đó
Text-decoration: là dùng để trang trí dòng chữ ví dụ underline là gạch dưới
và sau đây là những code có tác dụng tương tự như trên nhưng thay đổi màu:
<a href="index.html" class="tree">Index
Bạn
có thể dùng đoạn text trên link đến một trang web nào khác như là
nhothuong.html và cấu trúc luôn bắt đầu bằng <a> và kết thúc
href=" là dùng để link đến trang web mà bạn muốn tới." Còn
class="tree" là dùng để khai báo tên của class đó.
Đây cũng là đoạn code cũng có tác dụng như trên
<a href="index2.html" class="dog">Index2
Và sau đây là những đoạn code, bạn có thể trang trí thêm làm để xung thêm chức năng của nó.
Bạn muốn đưa con trỏ của bạn vào CSS chỉ cần dùng dòng sau
CURSOR: url(tencontro.ani);
Tiếp theo sau chúng ta tìm hiểu về scroll bar trong CSS
ví dụ đoạn code sau:
scrollbar-base-color: orange; là hiển thị màu cam, cho nguyên thanh bar từ trên xuống dưới
scrollbar-arrow-color: green; là hiển thị màu xanh, cho 2 cái mũi tên lên và xuống
scrollbar-DarkShadow-Color: blue; là hiện thị bóng màu xanh của thanh scroll
scrollbar-base-color: là hình để hiển thị toàn bộ màu của thanh scroll
scrollbar-Face-Color: là để hiển thị màu trên bề mặt của thanh scroll
scrollbar-Highlight-Color: là để hiện thì màu hightlight của thanh scroll
Bài viết về các tùy biến trong giao diện ( rất tốt cho bạn nào muốn thay đổi màu sắc của skin forum )
Chèn ảnh nền vào phần nhập nội dung bài viết:
Vào Style & Templates/ Manager Style/ Main CSS
Tại phần Soạn thảo WYSIWYG ta thay phần màu nền background thành
Trong đó tên "anhnen_text_box.gif" là tên ảnh mà bạn muốn chèn đặt tại thư mục images/misc/
Thế thui
Làm viền cho nút
Ta tới phần Nút (Button)
Thay vào giá trị màu nền là: #E4E7F5
Thêm vào ô thuộc tính CSS đặc biệt (phía bên phải của ô màu nền ấy):
Trong đó tên "anhnen_text_box.gif" là tên ảnh mà bạn muốn chèn đặt tại thư mục images/misc/
Thế thui
Làm viền cho nút
Ta tới phần Nút (Button)
Thay vào giá trị màu nền là: #E4E7F5
Thêm vào ô thuộc tính CSS đặc biệt (phía bên phải của ô màu nền ấy):
Sau đó bạn có thể thay các thuộc tính như:
màu sắc viền (#5182c2)
Độ dày viền : 1px dotted
Chèn ảnh nền vào thẻ Body của trang chủ. Cái này nếu biết cách sử dụng thì sẽ rất hữu ích
Tại phần Trang nền (Background page) ngay bên dưới phần Body đó ta nhập thuộc tính vào ô màu nền như sau:
Sau đó bạn có thể thay các thuộc tính như:
màu sắc viền (#5182c2)
Độ dày viền : 1px dotted
Chèn ảnh nền vào thẻ Body của trang chủ. Cái này nếu biết cách sử dụng thì sẽ rất hữu ích
Tại phần Trang nền (Background page) ngay bên dưới phần Body đó ta nhập thuộc tính vào ô màu nền như sau:
Trong đó tên ảnh là "dot.gif" đặt trong thư mục "images/misc/"
Category Strips
'Category
Strips' được dùng với hai mục đích. Nó được dùng để chỉ ra một 'Chuyên
mục' diễn đàn, và nó cũng được sử dụng như một kiểu giao diện cho nội
dung thanh tiêu đề của hầu hết các bảng.
Nếu ta muốn chèn ảnh vào phần thanh tiêu đề của "Chuyên mục" thì ta nhập vào ô màu nền như sau:
Trong đó #FFFFFF (màu trắng) là màu nền còn ảnh nền thì các bạn cũng đã hiểu với phần trên.
Lưu ý rằng các bạn phải chú trọng cả đến màu ảnh nền và màu Font. Để cho 2 cái có độ tương phản cho dễ đọc
Màu đầu tiên (First color) và màu thứ hai (Second color)
Mô tả:
Hầu hết các bảng trong diễn đàn dùng màu đầu tiên hoặc thứ hai cho màu nền. Đặt thuộc tính để sử dụng 'Màu đầu tiên' tại đây.
Màu đầu tiên là màu nền của phần nội dung bài viết khi bạn xem chủ đề
Màu thứ hai là màu nền của phần có chứa tên sử dụng, Avatar, danh hiệu... của người viết bài
Các bạn nên sửa cho phù hợp với tông màu của màu nền diễn đàn một cách hài hoà.
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>,
,
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
---------------------------------
Nguồn tin: 3CdotCom
Những tin mới hơn
Những tin cũ hơn
CMS là gì? CMS là từ viết tắt từ Content Management System. Theo wikipedia Định nghĩa. Hệ quản trị nội dung, cũng được gọi là hệ thống quản lý nội dung hay CMS (từ Content Management System của tiếng Anh) là phần mềm để tổ chức và tạo môi trường cộng tác thuận lợi nhằm mục đích xây dựng một hệ...
Thứ tư - 25/12/2024 02:04
Số TBMT: IB2400610836-00. Bên mời thầu: Phòng Văn hóa và Thông tin huyện Bắc Mê. Đóng thầu: 08:00 02/01/25Thứ tư - 25/12/2024 02:03
Số TBMT: IB2400593353-00. Bên mời thầu: CHI NHÁNH TỔNG CÔNG TY ĐIỆN LỰC MIỀN NAM TNHH - BAN QUẢN LÝ DỰ ÁN ĐIỆN LỰC MIỀN NAM. Đóng thầu: 09:00 13/01/25Thứ tư - 25/12/2024 02:02
Số TBMT: IB2400599625-00. Bên mời thầu: CÔNG TY ĐIỆN LỰC HÀ TĨNH - CHI NHÁNH TỔNG CÔNG TY ĐIỆN LỰC MIỀN BẮC. Đóng thầu: 15:00 04/01/25Thứ tư - 25/12/2024 02:01
Số TBMT: IB2400589281-00. Bên mời thầu: BỆNH VIỆN QUẬN 7. Đóng thầu: 09:00 03/01/25Thứ tư - 25/12/2024 02:00
Số TBMT: IB2400611672-00. Bên mời thầu: Truyền tải điện Đắk Nông. Đóng thầu: 09:00 06/01/25Thứ tư - 25/12/2024 01:56
Số TBMT: IB2400545678-00. Bên mời thầu: NGÂN HÀNG NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN VIỆT NAM. Đóng thầu: 09:00 21/01/25Thứ tư - 25/12/2024 01:55
Số TBMT: IB2400611912-00. Bên mời thầu: Trường Tiểu học Linh Đông. Đóng thầu: 10:00 02/01/25Thứ tư - 25/12/2024 01:54
Số TBMT: IB2400555281-00. Bên mời thầu: CÔNG TY TNHH MỘT THÀNH VIÊN THÍ NGHIỆM ĐIỆN MIỀN BẮC. Đóng thầu: 10:58 03/01/25Thứ tư - 25/12/2024 01:54
Số TBMT: IB2400611555-00. Bên mời thầu: Bệnh Viện An Bình. Đóng thầu: 09:00 02/01/25Thứ tư - 25/12/2024 01:54
Số TBMT: IB2400586181-00. Bên mời thầu: CÔNG TY TNHH MỘT THÀNH VIÊN THÍ NGHIỆM ĐIỆN MIỀN BẮC. Đóng thầu: 11:00 03/01/25Thứ tư - 25/12/2024 02:05
Số KHLCNT: PL2400330134-01. Chủ đầu tư: PHÒNG KINH TẾ VÀ HẠ TẦNG HUYỆN QUẢNG ĐIỀN. Ngày đăng tải: 14:05 25/12/24Thứ tư - 25/12/2024 02:04
Số KHLCNT: PL2400330153-00. Chủ đầu tư: Văn Phòng Tỉnh Ủy Bình Phước. Ngày đăng tải: 14:04 25/12/24Thứ tư - 25/12/2024 02:04
Số KHLCNT: PL2400330149-00. Chủ đầu tư: CÔNG TY TNHH 01 TV CẤP THOÁT NƯỚC KIÊN GIANG. Ngày đăng tải: 14:04 25/12/24Thứ tư - 25/12/2024 02:03
Số KHLCNT: PL2400330152-00. Chủ đầu tư: Trường Đại học ngân Hàng Tp. Hồ Chí Minh. Ngày đăng tải: 14:03 25/12/24Thứ tư - 25/12/2024 02:02
Số KHLCNT: PL2400329867-01. Chủ đầu tư: Phòng dân tộc huyện Minh Hóa. Ngày đăng tải: 14:02 25/12/24