Thủ thuật blogspot - Dautoblog

Tạo hiệu ứng link bằng CSS3 cho liên kết blogger

Tạo hiệu ứng link bằng CSS3 cho liên kết blogger
Có một số mẫu không phải do blogger cung cấp mà do tự thiết kế vì lý do nào đó mà người thiết kế bỏ qua phần tạo hiệu ứng cho link liên kết.Các mẫu này không thể tùy chỉnh nâng cao được nên khi khách truy cập blog rê chuột vào link,những đường link không có hiệu ứng gì gây cảm giác hụt hẫng rất khó chịu.
Có bạn hỏi mình cách tạo hiệu ứng nhưng đòi hỏi dạng text shadow chứ không phải dạng dùng javascript.Thực sự mình không quan tâm vấn đề này lắm.Tìm hiểu cấp tốc mình cũng tìm được cách tạo hiệu ứng dạng này.Mình post lên đây nếu ai cần thì lấy dùng.
Xem thử nhé:
Để tạo hiệu ứng link dạng text shadow ta cần thêm đoạn code dưới đây vào trước thẻ ]]></b:skin>

.feed-links {display:none !important}
a{color: #333; text-decoration:none;margin:0; text-shadow:0.5px 0.5px 1px #666;}
a:hover {color: #fff; text-shadow:1px 1px 3px #000}
}

Trong đó
- #333 là màu chữ ban đầu
- #666 là màu đổ bóng của chữ ban đầu khi chưa rê chuột vào
- #fff là mầu chữ khi rê chuột
- #000 là màu đổ bóng của chữ khi rê chuột
Bạn có thể tùy chỉnh mầu sắc theo ý thích


Comments blogger

Không có nhận xét nào :