1. Trang chủ
  2. » Giáo án - Bài giảng

Cách để tạo hiệu ứng trỏ chuột trên BLOG

1 1,2K 1
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Cách để tạo hiệu ứng trỏ chuột trên BLOG
Chuyên ngành Web Design / Blog Customization
Thể loại Hướng dẫn
Định dạng
Số trang 1
Dung lượng 26,5 KB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

HƯỚNG DẪN TẠO HIỆU ỨNG TRỎ CHUỘT NGỘ NGHĨNH ---Chào các bạn đã, đang và sẽ lập blog!. Một trang website được đánh giá cao là website có chất lượng tài nguyên tốt.. Tuy nhiên một trang bl

Trang 1

HƯỚNG DẪN TẠO HIỆU ỨNG TRỎ CHUỘT NGỘ NGHĨNH

-Chào các bạn đã, đang và sẽ lập blog !

Một trang website được đánh giá cao là website có chất lượng tài nguyên tốt Tuy nhiên một trang blog được nhiều người yêu thích không thể không có một vài “trang điểm” Hôm nay, tôi giới thiệu cùng các bạn cách đễ thay đổi hình dáng trỏ chuột trên blog của bạn

Thật dễ dàng!

- Bước 1 : bạn truy cập vào http://www.totallyfreecursors.com/

- Bước 2: click vào một hình trỏ chuột mà bạn thích

- Bước 3: Trong cửa sổ hiện ra, các bạn copy mã code HTML

- Bước 4: Đặt code vào góc vui trên trang blog của bạn

Code xuất hiện ở khung trên : khi rê chuột vào các vị trí không có link trên website thì hiệu ứng

trỏ chuột sẽ có tác dụng

Ví dụ: một code tôi đã lấy về

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Tail 2 MySpace Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"),

url("http://downloads.totallyfreecursors.com/thumbnails/tail2.gif"), auto;}</style>

Code xuất hiện ở khung dưới : khi rê chuột vào các vị trí có link trên website thì hiệu ứng trỏ

chuột sẽ có tác dụng

Ví dụ: một code tôi đã lấy về

<style>A:hover{cursor:

url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"),

url("http://downloads.totallyfreecursors.com/thumbnails/Tail2.gif"), auto;}</style>

Chúc các bạn thành công !

Ngày đăng: 19/08/2013, 09:10

TỪ KHÓA LIÊN QUAN

🧩 Sản phẩm bạn có thể quan tâm

w