Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9x avatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440 Admin Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9xavatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Thông tin thành viên : Click ! Posts : 2319
Points : 6889
Thanked : 77
10/12/2010
Birthday : 27/02/1991
Đến từ : Hải Phòng
I'm : Status : DarkNo1<=> ClubTeen9x
avatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9xavatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Shop Avatar
Tiêu đề: Code tạo hiệu ứng bướm bay,nhấp nháy cho link trong blog 360 plus Fri Jan 14, 2011 10:30 am DarkNo1<=> ClubTeen9x
Tiêu đề: Code tạo hiệu ứng bướm bay,nhấp nháy cho link trong blog 360 plus --------------------------------------------------- Cho Ðiểm Chủ Ðề Này
Các đường link là không thể thiếu với bất kỳ trang web, 4rum hay blog nào. Có một số hiệu ứng với đường link có thể khiến đường link nổi bật hẳn lên. Đầu tiên là hiệu ứng cho đường link lúc bình thường có cú pháp như sau Quote: a{properties:value;}/*olympia41124*/
Trong code trên các bạn có thể thay properties:value bằng nhiều thuộc tính khác nhau. Ví dụ như thay màu sắc cho link thì thêm color, thêm nền cho link thì thêm background ... và nên nhớ mỗi thuộc tính phải cách nhau bởi dấu ";" nhé. Sau đây là một số hiệu ứng mà Beta Plus cho áp dụng color:#FFFFFF Chỉnh màu sắc cho link, có thể thay #FFFFFF bằng mã màu khác. background:transparent url(link hình) top center Thay link hình bằng link bạn muốn font-size:Apx Thay đổi độ lớn của tên link, thay A bằng số thích hợp font-family:Tahoma Thay đổi kiểu font, có thể thay Tahoma bằng tên font bạn muốn font-style:italic Chỉnh font chữ nghiêng font-weight:bold Chỉnh font chữ đậm text-decoration:underline Thay đổi thuộc tính cho link, có thể thay underline (gạch dưới) bằng none (không gạch), overline (gạch đầu), line-through (gạch giữa), blink (nhấp nháy). Lưu ý blink không hiển thị trên IE text-shadow: 0px 0px 10px #f0f,0px 0px 10px #f0f,0px 0px 10px #f0f Phần shadow thì đọc bài sau để hiểu rõ hơn >>> [You must be registered and logged in to see this link.] border-top:1px dashed #fff;border-right:1px dashed #fff;border-left:1px dashed #fff;border-bottom-style:dashed;border-bottom-color:#fff;border-bottom-width:1px; Hiệu ứng đường viền. Trong toàn bộ code trên thì 1px là độ "dày" của đường viền, có thể thay 1 bằng số khác. dashed là kiểu đường viền có thể thay bằng dotted, solid, double, groove, ridge, inset, outset, inherit. Còn #fff là màu đường viền, có thể thay bằng mã màu khác Ví dụ code cho link đậm, nghiêng, có hình nền Quote: a{background:transparent url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Hover/1.gif) top center;font-style:italic;font-weight:bold;}/*olympia41124*/
Nhớ giữa các thuộc tính phải có dấu ";" nhé Ở phần trên là hiệu ứng cho đường link lúc bình thường. Ngoài ra còn hiệu ứng cho link ở nhiều trạng thái Hiệu ứng đã click vào link và quay trở lại xem trang đó, visited nghĩa là được viếng thăm. Code này có tác dụng đánh dấu các link đã xem khi ta quay lại trang chủ. Quote: a:visited{properties:value;}/*olympia41124*/
Hiệu ứng khi di chuột vào link Quote: a:hover{properties:value;}/*olympia41124*/
Hiệu ứng khi click vào link và chưa buông ra Quote: a:active{properties:value;}/*olympia41124*/
Trong các code trên ở phần properties:value các bạn thay tương tự như phần cho link lúc bình thường. Ví dụ code hiệu ứng khi di chuột vào link, link hiện nền và chữ đậm Quote: a:hover{background:transparent url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Hover/1.gif) top center;font-weight:bold;}/*olympia41124*/
Tùy vào từng hiệu ứng và thuộc tính mà các bạn có thể tự sáng tạo cho đường link blog của mình. Và điều cuối cùng olympia nhắc các bạn nên nhớ là các thuộc tính phải ngăn cách nhau bởi dấu ";" Còn ai muốn tìm hiểu rõ hơn thì tham khảo ở trang sau >>> [You must be registered and logged in to see this link.] Nguồn : [You must be registered and logged in to see this link.]