کد زیر را کپی کرده

و در قسمت ویرایش قالب یا کد های جاوا اسکریپت وبتون قرار دهید

در صورتی که میخواهید رنگ سایه عوض شود

#000 را در کد پیدا کرده و از قسمت کد رنگ اسکینک 

کد رنگ مورد نظر را جایگزین کنید

کد:

<style> img { border-radius: 4px; border: 1px solid #fff; max-width: 480px; margin: 2px; padding:0px; float:center; filter:alpha(opacity=100); -moz-border-radius: 6px; -webkit-border-radius: 6px; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; opacity:1.0; } img:hover{ border-radius: 7px; border: 1px solid #000; max-width: 480px; margin: 2px; padding:0px; float:center; filter:alpha(opacity=40); opacity:0.4; -moz-border-radius:6px;-webkit-border-radius:6px; box-shadow: 10px 10px 5px #000; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; } img:hover{ opacity:1;filter:alpha(opacity=100); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); } img:out{ opacity:1;filter:alpha(opacity=100); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

کد زیر را کپی کرده

و در قسمت ویرایش قالب یا کد های جاوا اسکریپت وبتون قرار دهید

<style> img{ -webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.9); /*Mozilla scale version*/ -o-transform:scale(0.9); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 9px 0; /*margin between images*/ } img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.1); /*Mozilla scale version*/ -o-transform:scale(1.1); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 80px gray; /*Mozilla shadow version*/ opacity: 1; -webkit-transform: rotate(-10deg); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>