درخواست ساخت این استایل عکس برای رزبلاگ
سفارش تبليغات در انجــمن قالب گراف ورود به تاپيک اطلاعيه هاي تابستانه قالب گراف
امور گرافيکي و کدنويسي وب خود را به جي جي ميزبان بسپاريد
نام کاربري : پسورد : فراموش
با سلام می خواستم ببینم کسی میتونه این استایلی که روی عکس مطلب لینک زیر هستش رو برای تصاویر ادامه مطلب رزبلاک کد نویسی کنه
هم زوم روی تصویر و هم کادر ثابت دورش

برای دیدن استایل کلیک کنید
امضاي کاربر :
پاسخ ها
بفرمایید این کد:
کد:

<style>
.imgzoom {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
width: 450px;
height: 450px;
}
.imgzoom:hover {
cursor: pointer;
width: 550px;
height: 550px;
}
.zoom {
height: 450px;
width: 450px;
overflow: hidden;
border: 10px solid #fff;
}
.zb {
border: 1px solid rgba(0,0,0,.4);;
width: 470px;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
box-shadow: 0 2px 3px rgba(0,0,0,.3);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
}
</style>

کد بالا رو بذارید توی هید قالبتون. برای استفاده از اون هم از کد html زیر استفاده کنید:
کد:

<div class="zb">
<div class="zoom">
<img class="imgzoom" src="آدرس عکس شما" />
</div>
</div>
امضاي کاربر :

تشکر شده:

1 کاربر از khkhddeir به خاطر اين مطلب مفيد تشکر کرده اند: whatyouknow /

سلام ممنون ولی من نمیخوام برای هر عکس هی کد بنویسم کد دوم رو یجوری بنویس که برای همه عکس های ادامه مطلب اعمال بشه
امضاي کاربر :

براي نمايش پاسخ جديد نيازي به رفرش صفحه نيست روي تازه سازي پاسخ ها کليک کنيد !



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