کد زوم شدن تصاویر پست ها با رفتن موس رو ان ( باد کردن عکس های پست)

نام کاربری : پسورد : یا عضویت | رمز عبور را فراموش کردم



ارسال پاسخ
تعداد بازدید 1062
نویسنده پیام
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>
سپس کد زیر داخل قالب خودتون پیدا کنید

کد:
[Post_Content]
بعد از پیدا کردن حذف کنید و کد زیر رو جای اون قرار بدید درست میشه


کد:
<div class='tnt-zoom'>[Post_Content]</div>


امضای کاربر :
نیم کیلو باش اما جون مادرت مرد باش
جمعه 08 دی 1391 - 13:59
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
ارسال پاسخ



برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.


پرش به انجمن :

Powered by Tem98 | Copyright © 2009 Rozblog Group