admin
ارسالها : 52
عضویت: 29 /7 /1390
محل زندگی: رو به مانيتور
تشکرها : 9
تشکر شده : 100
|
کد زوم شدن تصاویر پست ها با رفتن موس رو ان ( باد کردن عکس های پست)
با این کد میتونید عکس های که تو وبلاگ قرار داده میشه رو کاری کنید که موس رو اون رفت باد کنه
برای این کار اول این کد رو قبل از تک /head قرار دهید
کد:
<style>
.tnt-zoom img {
border:1px solid #c0c0c0;
max-width: 480px;
margin:5px;
padding:0px;
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.9);
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.9);
-webkit-transform: scale(0.800);
-moz-transform: scale(0.800) ;
-o-transform: scale(0.800) ;
}
.tnt-zoom img:hover {
max-width: 480px;
margin-left:5px;
-webkit-transform: scale(1);
-moz-transform: scale(1) ;
-o-transform: scale(1) ;
}
</style>
سپس کد زیر داخل قالب خودتون پیدا کنید
بعد از پیدا کردن حذف کنید و کد زیر رو جای اون قرار بدید درست میشه
کد:
<div class='tnt-zoom'>[Post_Content]</div>
امضای کاربر : نیم کیلو باش اما جون مادرت مرد باش
|
|
جمعه 08 دی 1391 - 13:59 |
|