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

HelpsFMvi
HelpsFMvi
Ban Quản Trị FMvi
Ban Quản Trị FMvi


Số bài : 104
HelpsPoints : 15318
Likes : 33
Ngày tham gia : 10/03/2016
Trạng thái :
Online
Offline

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

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

https://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 | Báo cáo lạm dụng | Thảo luận mới nhất
Stylish responsive footer | Script Tutorials