Tải flash Player

Nếu đây là lần đầu bạn tham gia diễn đàn, vui lòng đọc qua mục Hỏi/Đáp để biết cách thức hoạt động. Vui lòng Đăng ký làm thành viên để sử dụng quyền hạn. Để bắt đầu xem bài viết, chọn một trong các chuyên mục dưới đây.


Share | 
 

 [Code]Tự động phóng to hình khi rê chuột vào

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Bình chọn cho bài viết:

Tui là :Singh
avatar
Tôi đang :
avatar-dulieu : 57,11495|50,11786|49,10861|64,12636|51,11463|48,12400|58,12196|66,11439
Tham gia Tham gia : 07/05/2011
Đến từ Đến từ : Quảng Ngãi
Giới tính Giới tính : Nam
Posts Posts : 543
Points Points : 186898
Thanked Thanked : 71
Life : Life : : Không vi phạm
avatar-dulieu : 57,11495|50,11786|49,10861|64,12636|51,11463|48,12400|58,12196|66,11439 Tham gia Tham gia : 07/05/2011
Đến từ Đến từ : Quảng Ngãi
Giới tính Giới tính : Nam Posts Posts : 543 Points Points : 186898 Thanked Thanked : 71 Life : Life : : Không vi phạm
Tài sản cá nhân
Vật phẩm:
Thú nuôi:

default[Code]Tự động phóng to hình khi rê chuột vào   28/9/2011, 12:52

khi rê chuột vào hình trong bài viết thì nó tự to lên còn k rê vào thì nó tự nhỏ lại
css
Code:
/*-----------------------phong to hinh trong bai----------------------------------*/

.hovergallery img{
-webkit-transform:scale(0.4); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.9); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

vào viewtopic_body tìm {postrow.displayed.MESSAGE}
thay thành
Code:
<div class="hovergallery">
 {postrow.displayed.MESSAGE}
</div>

Demo
Code:
http://www.www.www.svgiadinh.tk/t444-topic
nếu dùng thì nhớ vote

nguồn :dynamicdrive.com
Share

_____
Tài Sản của Singh
Tài Sản của
Tài sản cá nhân
Vật phẩm:
Thú nuôi:





Về Đầu Trang Go down
Xem lý lịch thành viên http://www.www.www.svgiadinh.tk

Tui là :it.hongkhanh
avatar
Tôi đang :
avatar-dulieu : 57,11484|47,11462|50,11777|49,10844|64,12636|51,11463|48,12267|58,12145|66,11442
Tham gia Tham gia : 11/07/2011
Đến từ Đến từ : TP.HCM
Giới tính Giới tính : Nam
Posts Posts : 556
Points Points : 1310
Thanked Thanked : 35
Life : Life : : Không vi phạm
avatar-dulieu : 57,11484|47,11462|50,11777|49,10844|64,12636|51,11463|48,12267|58,12145|66,11442 Tham gia Tham gia : 11/07/2011
Đến từ Đến từ : TP.HCM
Giới tính Giới tính : Nam Posts Posts : 556 Points Points : 1310 Thanked Thanked : 35 Life : Life : : Không vi phạm
Tài sản cá nhân
Vật phẩm:
Thú nuôi:

defaultRe: [Code]Tự động phóng to hình khi rê chuột vào   28/9/2011, 13:07

Thank cái nhé ....
Share

_____
Tài Sản của it.hongkhanh
Tài Sản của
Tài sản cá nhân
Vật phẩm:
Thú nuôi:



Ngồi buồn , ngồi viết cho vui
Vẽ qua vẽ lại lại ra cái này !
[You must be registered and logged in to see this link.]
Xem thử nhé !
Về Đầu Trang Go down
Xem lý lịch thành viên
 

[Code]Tự động phóng to hình khi rê chuột vào

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

 Xem thêm các bài viết khác cùng chuyên mục

-
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
wWw.ITVui.net  :: Chia sẻ kiến thức :: Kế Web - Forum :: Chia sẻ Code-
Chuyển đến 
Chat Room [?] - Online [?]
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create a free blog