|
 | | Bạn sẽ có 1 list các link liên kết nhìn khá bắt mắt.
ngoài ra các bạn có thể áp dụng CSS này cho các vị trí link khác nhau giúp website linh động hơn. |
|
| 1. Lỗi hiển thị khối
Sửa lỗi hiển thị cho các phiên bản IE6 về trước khi viền và khoảng cách với nội dung bao gồm cả chiều rộng của đối tượng.
padding: 4em;border: 1em solid red;width: 30em;width/**/:/**/ 25em;
|
|
| Chú ý: Để chèn được code CSS vào Mash bạn kéo xuống phần Style this profile và click vào Show advanced CSS sau đó copy mã CSS dán vào khung: Enter custom CSS. No HTML.
Trước khi đọc bài viết bên dưới Bill muốn chú thích 1 chút về màu chữ trong các đoạn code:
- Chữ màu đỏ: là giá trị cần có nhưng có thể thay đổi được tùy theo ý thích của các bạn.
- Chữ màu tím: Là chú thích của mình về code CSS phía trước, các bạn có thể bỏ, ko bỏ cũng chẳng sao, nó ko ảnh hưởng gì tới code !
- Những chữ còn lại: Bắt buộc phải có và các bạn ko nên thay đổi gì nếu ko biết về CSS. |
|
| - Chữ màu đỏ: là giá trị cần có nhưng có thể thay đổi được tùy theo ý thích của các bạn.
- Chữ màu tím: Là chú thích của mình về code CSS phía trước, các bạn có thể bỏ, ko bỏ cũng chẳng sao, nó ko ảnh hưởng gì tới code !
- Những chữ còn lại: Bắt buộc phải có và các bạn ko nên thay đổi gì nếu ko biết về CSS.
A. NickName: |
|
| - Bài viết sẽ giới thiệu cho các bạn 18 lệnh cơ bản của CSS, giúp bạn dễ dàng hơn trong việc thiết kế và chỉnh sửa blog(web) của mình. |
|
| hi sử dụng hình ảnh CSS rollovers, hai, ba, hoặc nhiều hình ảnh phải được nạp (và thường được cài đặt sẵn cho kết quả tốt nhất). Chúng tôi đã có một hình ảnh cho mỗi bang (bình thường, di chuột, hoạt động, truy cập, vv). Đưa tất cả các nước thành một hình ảnh làm thay đổi năng động, nhanh hơn và đòi hỏi không có preload. |
|
| ài viết này sẽ hướng dẫn các bạn trang trí một menu trên web với CSS. Sau khi đọc xong hướng dẫn này các bạn sẽ thu được kỹ thuật làm menu với tên gọi là Slide door và một số kinh nghiệm khác. Kết quả sau khi thực hiện xong sẽ như hình dưới đây |
|
| Code này sẽ được hướng dẫn về cách đặt các thành phần web ở các lớp khác nhau với thuộc tính z-index. Nói đơn giản
hơn thì đó là cách bạn đặt một thành phần này lên trên một thành phần khác.
Với mục đích này, bạn sẽ gán cho mỗi phần tử một con số. Theo đó, phần tử có số
cao hơn sẽ nằm trên, phần tử có số thấp hơn sẽ nằm dưới.
Ví dụ sau chúng ta sẽ đặt 5 bức ảnh logo ở 5 lớp. |
|
| Tiện ích này bạn giải nén về copy đè vào các thu mục tương ứng. Chỉ có file index.php trong Module/new là có sửa tí.
Trong đó có 2 bock , 1 là tin mới đăng - 2 bảng tin tiêu điểm. Các bạn kích hoạt để xem.
Là hiệu ứng Tootip ( Di chuột vào hiện chú thích lên ) cái này là conver từ 2.0 lên RC1. |
|
| Một thành phần rất quan trọng trong mọi website chính là liên kết.Cũng như một
đối tượng văn bản thông thường, chúng ta hoàn toàn có thể áp dụng các thuộc tính
định dạng đã học ở 2 bài trước như định font chữ, gạch chân, màu chữ,… cho một
liên kết. Hơn nữa, CSS còn cung cấp một điều khiển đặc biệt được gọi là pseudo-
classes. Pseudo-classes cho phép bạn xác định các hiệu ứng định dạng cho một đối
tượng liên kết ở một trạng thái xác định như khi liên kết chưa được thăm (a:link),
khi rê chuột lên liên kết (a:hover), khi liên kết được thăm (a:visited) hay khi liên
kết đang được kích hoạt – đang giữ nhấn chuột (a:active). Với điều khiển pseudo-
classes cùng với các thuộc tính CSS đã học chắc chắn sẽ mang lại rất nhiều ý
tưởng về trang trí liên kết cho trang web. |
|