CONG NGHE THONG TIN

Tiêu đề: Đóng khung avatar bằng css Wed Apr 25, 2012 3:05 pm


	Bước 1: Vào ACP ---> Template ---> view topic body tìm chỗ {postrow.displayed.POSTER_AVATAR} thay bằng code: Code: <span class="avatarcp">{postrow.displayed.POSTER_AVATAR}</span> Xong các bạn ấn Châp Nhận Các bạn chú ý phần này, nhiều người đã không làm được vì thiếu phần này ( Khi ấn chấp nhận xong, thì nó sẽ tự đông quay ra ngoài. Các bạn nhìn ở dòng viewtopic_body có dấu cộng mầu xanh các bạn ấn vào dấu cộng đó là được Bước 2: Vào ACP ---> Display ---> Colors ---> CSS thêm đoạn code sau: Code: span.avatarcp img { max-width:110px; background-color:beige; border:1px solid #FFCC33; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:8px; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg); -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2); box-shadow:2px 2px 10px rgba(0,0,0,0.2); } Vậy là đóng khung Avata được rồi đó! Còn bạn nào muốn khi rê chuột vào avata thì nó ngay ngắn lại thì thêm code này vào tiếp Css Code: span.avatarcp img:hover { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } Các bạn làm được nhớ Tks cho mình đấy nhé, không nà gặp sui sẽo cả tháng đóa

Hãy cám ơn bài viết của Admin bằng cáh bấm vào "" nhe!!!

Thế giới blog, Forum