[Thắc mắc]xin code phóng to avatar khi rê chuột vào

[singh]

tìm trên google hoài mà k tìm được code phóng to avar khi rê chuột vào nên vò cp hỏi thăm. ai có thì share nha

[Teeñ]

CSS:

Code:

.avatar97 img{
opacity: 0.3;filter: alpha(opacity=30);
border-radius:5px;
background-color: #FFFFFF;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg);
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
}
.avatar97 img:hover {
opacity: 1; filter: alpha(opacity=100);
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
position:relative;
}


Tìm trong viewtopic_body:

Code:

{postrow.displayed.POSTER_AVATAR}


Thay bằng:

Code:

<span class="avatar97">{postrow.displayed.POSTER_AVATAR}</span>


Nguồn: 9xstudio

[singh]

bạn có nhầm gì k.code trên là code làm mờ avatar mà. khi rê chuột vào nó rõ. Chué đâu phải nó phóng to

[notme]

NGuồn :

Code:

9xstudio.biz

demo

Code:

maitruongmenyeu.info

Chèn vào CSS

Code:

.mtmyavatar img{
opacity: 0.6;filter: alpha(opacity=30);
border-radius:5px;
background-color: #FFFFFF;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg);
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
}
.mtmyavatar img:hover {
opacity: 1; filter: alpha(opacity=100);
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
position:relative;
}
.mtmyavatar img{max-width: 130px;height:auto;}

trong Viewtopic_body
tìm

Code:

{postrow.displayed.POSTER_AVATAR}

thay bằng

Code:

<table align="center" cellspacing="0" cellpadding="0" border="0" style="width:auto"><tbody><tr><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivong/bgavat10.png"></td><td style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivong/bgavat11.png"></td><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivong/bgavat12.png"></td></tr><tr><td valign="top" style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivong/bgavat13.png"></td><td style="height: auto;width: 130px;border: 0px;"><div class="mtmyavatar" align="center" valign="middle">{postrow.displayed.POSTER_AVATAR}</div></td><td style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivong/bgavat14.png"></td></tr><tr><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivong/bgavat15.png"></td><td style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivong/bgavat16.png"></td><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivong/bgavat17.png"></td></tr></tbody></table>

cái này giống y 9x lun nhớ bote nhé

[handsomevip007]

2 Cái y chang nhau Đều dùng dc cả

[notme]

khác mà cái của mình giống y hệt 9x lun

[singh]

k có tác dụng

Code:

http://www.svgiadinh.tk/t258-topic

[handsomevip007]

Tháo cái khung avatar kiểu ra trước rồi hãy làm

[Sponsored content]