Thứ Tư, 29 tháng 2, 2012

TẠO HIỆU ỨNG CHO LINK LIÊN KẾT

Để cho link liên kết thêm sống động, bạn phải gắn hiệu ứng cho nó.
Bạn bấm vào "Xem thử" để thấy rõ hơn hiệu ứng của link liên kết.



Xem thử


Để làm được điều này, bạn đăng nhập vào blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi copy đoạn code phía dưới và dán vào.



<style type="text/css">
a.navbar:hover {
color:;
font-weight:bold;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Ae9CE0boF5Fd8EhpOZIsMpGLeDzuSOlf97EBlwVo9rZDoe8-Uc0E3s6g7zF9MJkHHNxGL1JtFYefrjnoqPbgrh-XMtqw9irwn6DPBL45Bu21KFkoU84t3GPXdpvlOOobl-tmbTZKt-c/s1600/rainbow.gif);
}
a:hover, a.link:hover, a.navbar:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Ae9CE0boF5Fd8EhpOZIsMpGLeDzuSOlf97EBlwVo9rZDoe8-Uc0E3s6g7zF9MJkHHNxGL1JtFYefrjnoqPbgrh-XMtqw9irwn6DPBL45Bu21KFkoU84t3GPXdpvlOOobl-tmbTZKt-c/s1600/rainbow.gif);
font-size:10t;
color:;
text-decoration:none;
border:1px solid;
}
</style>


Bây giờ, bạn có thể đổi các dòng lệnh màu xanh và màu đỏ tuỳ theo ý thích của bạn, cuối cùng bấm Lưu lại là xong.
Dưới đây, là một vài mẫu hiệu ứng cho link liên kết, bạn bấm phải chuột vào ảnh chọn Save as (lưu ảnh dưới dạng)... để tải về, sau đó upload để lấy link chèn vào dòng lệnh màu đỏ.

































Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét:

Đăng nhận xét