Trang chủTrang chủ  Face CNCFace CNC  Trang ChínhTrang Chính  PortalPortal  GalleryGallery  Latest imagesLatest images  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  


Share
 

 code phong to hinh khi re chuột vào

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giả
Bình chọn cho bài viết:
Tuyền Choắt iTV
HỌC ĐỂ CHƠI - CHƠI ĐỂ HỌC
HỌC ĐỂ CHƠI - CHƠI ĐỂ HỌC
Tuyền Choắt iTV

Tổng số bài gửi : 347
Ngày tham gia : 24/11/2011
Tuổi : 31
Đến từ : Tuyệt Tìnk Cốc

code phong to hinh khi re chuột vào Empty
Bài gửiTiêu đề: code phong to hinh khi re chuột vào   code phong to hinh khi re chuột vào EmptySun Feb 19, 2012 10:40 am

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>

Thành công 100%
Về Đầu Trang Go down
http://icitv.tk
 

code phong to hinh khi re chuột vào

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
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
DIỄN ĐÀN CNC  :: Chuyên Ngành Công Nghệ Thông Tin :: Thiết kế WEBSITE !-
Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
Thiết kế do Tuyền Choắt iTV| | Trang Chủ Diễn Đàn | Hottel nóng : 01672.382.888 | Nghe Nhạc Trực Tuyến | Phim truyện | Tin tức trong ngày | Thể thao | Công nghệ thông tin | Danh bạ website