Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

[Code] Hiệu ứng avatar xoay có màu!

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 [Code] Hiệu ứng avatar xoay có màu! on Sat Aug 04, 2012 9:11 am

Bim ngồi chán chán nên viết code nì thử.hehe
Ai ngờ lại được.hehe
Mọi người làm như sau:
Bước 1 :
Vào viewtopic_body tìm :
Code:
{postrow.displayed.POSTER_AVATAR}

thay bằng
Code:
 <span class="cubimtq">{postrow.displayed.POSTER_AVATAR}</span>

Bước 2 :
cho đoạn code này vào cuối CSS
Code:
.cubimtq img{
  max-width:100px;
 -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(255,0,0,.4);-moz-box-shadow: 0 0 3px rgba(255,0,0,.4);box-shadow: 0 0 3px rgba(255,0,0,.4);}
.cubimtq img:hover {
-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,0,0,.4);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,0,0,.4);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,0,0,.4);}

Xong lun.hehe
Demo : http://unlimitedcrew.forum-viet.com/t1-topic
Viết by -CuBimtQ

Xem lý lịch thành viên http://streetcrew.forum.st/

2 Re: [Code] Hiệu ứng avatar xoay có màu! on Sat Aug 04, 2012 2:12 pm

HoàngTửNaivip5p

avatar
Thành Viên
Thành Viên
ui chao, đẹp thật đấy bim ơi! Vote cho bim nè! ^^

Xem lý lịch thành viên http://shun----showluo.forumvi.com/

3 Re: [Code] Hiệu ứng avatar xoay có màu! on Sun Aug 05, 2012 6:53 am

Admin

avatar
Administrators
Administrators
wow bim biết viết code rồi cơ à ?



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

4 Re: [Code] Hiệu ứng avatar xoay có màu! on Sun Aug 05, 2012 7:33 am

Shinn Boy

avatar
Thành Viên
Thành Viên
muốn thay màu viền thì làm sao ?

Xem lý lịch thành viên

5 Re: [Code] Hiệu ứng avatar xoay có màu! on Sun Aug 05, 2012 9:28 am

muốn thay màu viền thì vào CSS tìm những mã màu sau và thay toàn bộ bằng những màu bạn thích
Code:
255,0,0,.4

Xem lý lịch thành viên http://streetcrew.forum.st/

6 Re: [Code] Hiệu ứng avatar xoay có màu! on Sun Aug 05, 2012 10:04 am

Minh Tuấn

avatar
Moderator
Moderator
có chắc là bạn viết ra từng dòng code ko đây ?



I ♥️ Chia Sẻ Online,Khách viếng thăm
Xem lý lịch thành viên http://chiaseonline.forumvi.com

7 Re: [Code] Hiệu ứng avatar xoay có màu! on Sun Aug 05, 2012 10:24 am

9 tất nhiên là ko rồi bạn ơi 42
Bạn nghĩ quá đơn giản rồi, làm sao Bim đủ trình độ viết ra từng dòng ???
Bim không viết ra từng dòng, nhưng ý tưởng và code đều được Bim tìm hiểu và làm.hehe
Rứa được chưa nào.hehe

Xem lý lịch thành viên http://streetcrew.forum.st/

8 Re: [Code] Hiệu ứng avatar xoay có màu! on Sat Aug 18, 2012 10:19 am

Admin

avatar
Administrators
Administrators
dù sao thì cũng đẳng cấp ùi Cười nhăn răng



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

Sponsored content


Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [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