Trang Chủ   Vn+ TiVi   Fanpage Twitter  Fanpage FaceBook
Loading
                                         

Bản Tin Câu Lạc Bộ Pa Tin Im-Pod                                                                          
Diễn đàn Vn+
Tiêu Điểm

Tình Yêu - Giới Tính

1001 Bí Ẩn

Tổng hợp phần mềm

Ebook

Thủ Thuật IT

Thủ Thuật Blog

Video Clip

Lạ & Fun


You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 Hiệu ứng link cho blog on Sun Aug 14, 2011 9:49 am

Trunks-Kun


Administrator
Administrator
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

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





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



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ủ.

a:visited{properties:value;}

Hiệu ứng khi di chuột vào link


a:hover{properties:value;}

Hiệu ứng khi click vào link và chưa buông ra


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


Code:
a:hover{background:transparent url(http://img13.imageshack.us/img13/2715/48337911.gif) top center;font-weight:bold;}

Xem lý lịch thành viên

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [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

 

Legend :  [ Vn-plus Founder ] [ Administrator ] [ Super Moderator ] [ Moderator ] [ Member ] [ VIP member ] [ banned ]



Free Auto Backlink Exchange ServiceFree Backlink Exchange For SeoVietnam BacklinksTravel BacklinksFree BacklinksText Backlink ExchangesText Back Link ExchangeFlorists LinksOverShopping Link ExchangeFree Automatic LinkWeb Link Exchange - Linkcsere

    Diễn Đàn Vn-Plus.Org | Thống kê | Liên hệ | Báo cáo lạm dụng  | Bạn muốn quảng cáo | Lên Đầu Trang

    Powered by: PHPBB2. Copyright © 2011  Diễn Đàn Mở VN+
    Contact: Vn-plus Founder . Yahoo: Nobita_xuka_ccy. Địa chỉ: Từ Tây - Yên Phú - Yên Mỹ - Hưng Yên
    BQT không chịu trách nhiệm bất cứ nội dung nào của thành viên đăng tải

Liên Kết Vớivn+

Free forum | © PunBB | Free forum support | Report an abuse | Create your own blog