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

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

ui chao, đẹp thật đấy bim ơi! Vote cho bim nè! ^^

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

muốn thay màu viền thì làm sao ?

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

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

tất nhiên là ko rồi bạn ơi
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

dù sao thì cũng đẳng cấp ùi