[CSS] Thêm icon cho "enlarge this image" / " click to see fullsize"

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

Chủ đề [CSS] Thêm icon cho "enlarge this image" / " click to see fullsize"

Bài gửi by HelpsFMvi on Wed Jun 22, 2016 4:55 pm


Demo:



[You must be registered and logged in to see this image.]

Hướng dẫn:

Để làm được như demo các bạn chỉ cần vào CSS và thêm đoạn này vào là OK:
Code:

/*----
Name: Icon Zoom In / Zoom Out
Description: Icon zoom in and zoom out
Author: Hoang Nguyen
Date: 22/06/2016
-----*/
.resizebox a.enlarge {
    background: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-zoom-in-icon.png) left no-repeat;
    padding: 3px 10px 10px 20px;
}
.resizebox.enlarged a.resize {
background: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-zoom-out-icon.png) left no-repeat;
    padding: 3px 10px 10px 20px;
}
Chúc các bạn thành công !  Very Happy



Cập nhật chữ ký !!
avatar
HelpsFMvi
Ban Quản Trị FMvi
Ban Quản Trị FMvi


Số bài : 96
HelpsPoints : 2660
Likes : 29
Ngày tham gia : 10/03/2016
Trạng thái :
Online
Offline

Tuổi : 19
Location : Ninh Thuận
Google Chrome
Phpbb3

[Click để xem tài sản HelpsFMvi]

Xem lý lịch thành viên http://helps.forumvi.com

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Sosblogs.com
Stylish responsive footer | Script Tutorials