Thủ Thuật Tin Học-Thủ Thuật Hay-Thủ Thuật 5 Sao
 
Trang ChínhTrang Chính  CalendarCalendar  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Thành viênThành viên  NhómNhóm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  
Tìm kiếm
 
 

Display results as :
 
Rechercher Advanced Search
Latest topics
» Game Ai là triệu phú 1.5 + phiên bản Millionaire của NKD
Mon Dec 27, 2010 8:17 pm by Admin

» Google Chrome 10.0.603.3 Dev/ 9.0.597.10 Dev/ 8.0.552.224 Final
Mon Dec 27, 2010 8:14 pm by Admin

» Internet Download Manager ( IDM ) 6.04 Full Crack + Keygen + Hướng dẫn [ Mediafire ]
Mon Dec 27, 2010 8:11 pm by Admin

» Hiệu ứng link cho blog
Wed Dec 08, 2010 6:18 pm by Admin

» Thay nút lưu, hủy cho blog
Wed Dec 08, 2010 6:13 pm by Admin

» K-Lite Codec Pack Update 6.6.1 Full Update - xem tất cả các định dạng video
Wed Dec 08, 2010 8:58 am by Admin

» WinRAR (32-bit) 3.90
Tue Dec 07, 2010 9:12 am by Admin

» Javascript - Một số hiệu ứng tuyết rơi cho web
Tue Dec 07, 2010 9:02 am by Admin

» Windows Boot Timer | Kiểm tra khoảng thời gian khởi động của windows
Tue Dec 07, 2010 8:55 am by Admin

» Soluto | Tăng tốc khởi động Windows
Tue Dec 07, 2010 8:55 am by Admin

» Microsoft .NET Framework | Nền tảng của các ứng dụng .NET
Tue Dec 07, 2010 8:54 am by Admin

» Fresh RAM 5.0.0 | Xử lí mạnh mẽ phân mảnh RAM
Tue Dec 07, 2010 8:53 am by Admin

» Những phần mềm miễn phí hay
Tue Dec 07, 2010 8:53 am by Admin

» Hiren's BootCD 10.6 | Hiren BootCD
Tue Dec 07, 2010 8:53 am by Admin

» Hiren's BootCD 10.6 | Hiren BootCD
Tue Dec 07, 2010 8:52 am by Admin

» Microsoft .NET Framework 4.0
Tue Dec 07, 2010 8:52 am by Admin

» iCARE Data Recovery Software | Khôi phục dữ liệu bị mất
Tue Dec 07, 2010 8:51 am by Admin

» Tạo bản sao ổ đĩa với Drive Mirroring trên Windows 7
Sat Dec 04, 2010 7:40 am by Admin

» Mẹo nhỏ thay đổi màu nền thanh Taskbar cho windows 7
Sat Dec 04, 2010 7:39 am by Admin

» Cách tắt screensaver mặc định trong Windows 7
Sat Dec 04, 2010 7:39 am by Admin

Navigation
 Portal
 Diễn Đàn
 Thành viên
 Lý lịch
 Trợ giúp
 Tìm kiếm
Liên Hệ Admin
Liên Hệ IT Minh Hà
Nghe Nhạc Trưc Tuyến
http://haivip.tk
Thế Giới Tuổi Teen-Thế Hệ Mới-Thế Hệ Tương Lai-Vì 1 Việt Nam Tươi Sáng
teen9x.forums-free.info

Share | 
 

 Hiệu ứng link cho blog

Go down 
Tác giảThông điệp
Admin
Admin
avatar

Tổng số bài gửi : 186
Join date : 30/11/2010
Age : 21
Đến từ : Cà Mau Việt Nam

Bài gửiTiêu đề: Hiệu ứng link cho blog    Wed Dec 08, 2010 6:18 pm

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

Code:
a{properties:value;}
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
Code:
color:#FFFFFF
Chỉnh màu sắc cho link, có thể thay #FFFFFF bằng mã màu khác.
Code:
background:transparent url(link hình) top center
Thay link hình bằng link bạn muốn
Code:
font-size:Apx
Thay đổi độ lớn của tên link, thay A bằng số thích hợp
Code:
font-family:Tahoma
Thay đổi kiểu font, có thể thay Tahoma bằng tên font bạn muốn
Code:
font-style:italic
Chỉnh font chữ nghiêng
Code:
font-weight:bold
Chỉnh font chữ đậm
Code:
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
Code:
 text-shadow: 0px 0px 10px #f0f,0px 0px 10px #f0f,0px 0px 10px #f0f
Code:
 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:
Code:
a{background:transparent url(http://img13.imageshack.us/img13/2715/48337911.gif) top center;font-style:italic;font-weight:bold;}
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ủ.
Code:
a:visited{properties:value;}
Hiệu ứng khi di chuột vào link
Code:
a:hover{properties:value;}
Hiệu ứng khi click vào link và chưa buông ra
Code:
a:active{properties:value;}
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:
Code:
a:hover{background:transparent url(http://img13.imageshack.us/img13/2715/48337911.gif) top center;font-weight:bold;}
Về Đầu Trang Go down
Xem lý lịch thành viên http://thuthuat.forum-viet.net
 
Hiệu ứng link cho blog
Về Đầu Trang 
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
Thủ Thuật :: Phầm Mềm :: Thiết Kế Web-Blog-
Chuyển đến