زوم کردن و چرخش تصاویر وبلاگ

افزونه ها و كدهاي جاوا
موضوع جدید ارسال پست
electron113
كاربر تازه وارد
كاربر تازه وارد
پست: 1
تاریخ عضویت: دوشنبه ۸ آبان ۱۳۹۱, ۱۱:۳۴ ب.ظ
Has thanked: 1 time

زوم کردن و چرخش تصاویر وبلاگ

پست توسط electron113 »

با سلام

میخواستم ببینم کسی کد زوم کردن و چرخاندن تصاویر رو برای بلاگفا داره؟

ممنون میشم اگه راهنمایی کنید/

مثل این وبلاگ ها:
زوم:
http://mostafateme1991.blogfa.com

چرخش:
http://machandnafar5.blogfa.com

تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر
تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر
تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر


poriya
كاربر تازه وارد
كاربر تازه وارد
پست: 5
تاریخ عضویت: سه‌شنبه ۱۸ مهر ۱۳۹۱, ۳:۵۰ ب.ظ

Re: زوم کردن و چرخش تصاویر وبلاگ

پست توسط poriya »

سلام راست میگه جان من بزاریدش خیلی وقته دنبالشم تصویر
آواتار کاربر
admin
مدير كل سایت
مدير كل سایت
پست: 546
تاریخ عضویت: یک‌شنبه ۲۹ خرداد ۱۳۹۰, ۱:۴۷ ب.ظ
محل اقامت: تهران
Has thanked: 82 times
Been thanked: 230 times
تماس:

Re: زوم کردن و چرخش تصاویر وبلاگ

پست توسط admin »

electron113 نوشته شده:با سلام

میخواستم ببینم کسی کد زوم کردن و چرخاندن تصاویر رو برای بلاگفا داره؟

ممنون میشم اگه راهنمایی کنید/

مثل این وبلاگ ها:
زوم:
http://mostafateme1991.blogfa.com

چرخش:
http://machandnafar5.blogfa.com

تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر
تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر
تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر تصویر

با سلام کد مورد نظرتون رو پیان تگ <head> کپی کنید .

کد چرخش تصاویر :

کد: انتخاب همه

<style>img{opacity:0.8;filter:alpha(opacity=150);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}img:hover
{opacity:1;filter:alpha(opacity=100);-webkit-transform: rotate(-12deg);-moz-transform: rotate(-12deg);}img:out{opacity:0.8;filter:alpha
(opacity=100);}</style>

کد زوم روی تصاویر :

کد: انتخاب همه

<style>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) ;}
img:hover {max-width: 480px;margin-left:5px;-webkit-transform: scale(1);-moz-transform: scale(1) ;-o-transform: scale(1) ;}</style>

همینجا از همه دوستان معذرت خواهی میکنم که نبودم به سوالات پاسخ بدم از آقا مهدی هم تشکر میکنم که به خوبی انجمن رو مدیریت کردن .
سیستم فروشگاهی جدیدمون طراحی شد و در حال حاضر روی سایت قرار داره .
خبر مهمتر که تا یکی دو روز دیگه خیلی سرو صدا میکنه سیستم قالب ساز آنلاین ماس با پوشش تمامی سیستم ها .
موفق باشید .
خدمات طراحی سایت و خدمات سئو سایت
سفارش طراحی سایت : 02126745772 - سفارش سئو: 02191093049
موضوع جدید ارسال پست