Thứ Năm, 9 tháng 10, 2014
Số lượt xem bài này:
Phóng to ảnh nhờ hiệu ứng HOVER
Khi chèn ảnh vào bài viết trên Blog thường chỉ cho ta ảnh có kích thước nhỏ. Muốn xem ảnh được to hơn ta thường kích vào ảnh để mở. Có một cách khác là bạn tạo hiệu ứng hover phóng to cho ảnh. Khi đưa chuột vào ảnh sẽ được phóng to trực tiếp mà không phải mở nó ra.
Tôi xin chia sẽ Phóng to ảnh nhờ hiệu ứng HOVER để các bạn làm được điều này.
- Đầu tiên bạn phải tải các ảnh cần tạo hiệu ứng hover phóng to lên host ảnh để có link của các ảnh này như Photobucket, DropBox...
- Bước tiếp theo là các bạn copy đoạn code mẫu tôi cho sau đây vào NOTEPAD để chỉnh sửa (Thay link ảnh của mình, điều chỉnh độ phóng to, thời gian hiện ảnh phóng to...).
- Cuối cùng copy đoạn code mà bạn đã chỉnh sửa và dán vào bài viết ở chỗ bạn muốn nó xuất hiện ở chế độ HTML rồi xuất bản là OK rồi !
Lưu ý
Bạn nào hơi am hiểu về CSS và HTML thì có thể chỉnh sữa đoạn code mẫu nhiều hơn, nếu không thì cứ để nguyên. Chí cần thay link ảnh của mình là cũng tạm ổn rồi !
Đây là đoạn code mẫu
Các bạn xem các ảnh sau (di chuột vào ảnh nào thì ảnh đó được phóng to). Tôi chỉ làm thí dụ 2 ảnh thôi. Các bạn có thể làm nhiều hơn, nếu muốn !
Thể loại
Chia sẽ
Đăng nhận xét
1- Nhận xét chỉ nên liên quan đến bài đăng, phải có tính chất xây dựng và có văn hóa !
2- Để chèn biểu tượng cảm xúc vào nhận xét, các bạn nhập các ký hiệu bên dưới của hình vào phần viết nhận xét.
3- Việc nhập tài khoản Google của bạn và nhập 2 từ xác minh trước lúc gửi nhận xét là bắt buộc !
4- Các bạn có thể chèn Video trên Youtube hay ảnh bằng cách dán link của video (trên thanh địa chỉ) hay link ảnh trực tiếp ở khung soạn thảo nhận xét !
5-Các bạn có thể post code trong nhận xét nhưng phải mã hóa code trước ! Để mã hóa code các bạn vào đây