[Code] Menu ảnh chạy dọc forum [HOT]

08/03/1995

Demo:

Cho code sau vào Footer begin:

Code:

<div class="imglist"> <a href="#"><img src="http://r20.imgfast.net/users/2015/12/67/35/avatars/1-51.jpg" alt="" /></a> <a href="#"><img src="http://r20.imgfast.net/users/2015/12/67/35/avatars/216-87.jpg" alt="" /></a> <a href="#"><img src="http://2img.net/i/fa/i/avatars/gallery/Dragon_ball/Dragon_ball_65.gif" alt="" /></a> <a href="#"><img src="http://r20.imgfast.net/users/2015/12/67/35/avatars/28-66.jpg" alt="" /></a> <a href="#"><img src="http://2img.net/i/fa/i/avatars/gallery/Musique_h/Music_h_28.jpg" alt="" /></a> </div>

Cho Code này vào CSS

Code:

.imglist{ position: fixed; top: 30px; left: 0px; } .imglist img{ height:25px; width:25px; margin:5px; display: block; transition:width 1.2s,height 1.2s,box-shadow 1.2s; -webkit-transition:width 1.2s,height 1.2s,box-shadow 1.2s; -moz-transition:width 1.2s,height 1.2s,box-shadow 1.2s; -o-transition:width 1.2s,height 1.2s,box-shadow 1.2s; } .imglist img:hover{ height:125px; width:125px; box-shadow: 7px 9px 18px rgba(0, 0, 0, 0.63); -webkit-box-shadow: 7px 9px 18px rgba(0, 0, 0, 0.63); -moz-box-shadow: 7px 9px 18px rgba(0, 0, 0, 0.63); -o-box-shadow: 7px 9px 18px rgba(0, 0, 0, 0.63); }

Thay

Code:

<a href="#">

Các bạn thay dấu # = Link đường dẫn đến nhá
Có thể thêm nhiều link ảnh = cách thêm nhiều code sau

Code:

<a href="#"><img src="http://2img.net/i/fa/i/avatars/gallery/Musique_h/Music_h_28.jpg" alt="" /></a>

[Event] Post Bài Nhận Coin cực hot !!!! ™²°¹³

No Comment.

Hot

Hỗ trợ

Fanpage

[Code] Menu ảnh chạy dọc forum [HOT]

Bình luận về bài viết

Bạn cần để bình luận về bài viết

Nếu chưa có tài khoản bạn vui lòng tài khoản

Connect Facebook - [Code] Menu ảnh chạy dọc forum [HOT]

Hacking & Security

Lập trình - Công nghệ

Contact Us