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

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

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

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

راهنما : کد مورد نظر را به طور کامل کپی کرده و در قسمت اسکریپت 

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

با این ابزار کاربران شما این امکان را دارند که وب شما

را به دوستانشان از طریق ایمیل معرفی کنند

راهنما : کد مورد نظر را به طور کامل کپی کرده و در قسمت اسکریپت 

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

راهنما : کد مورد نظر را به طور کامل کپی کرده و در قسمت اسکریپت 

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

دمو:

کد:

راهنما : کد مورد نظر را به طور کامل کپی کرده و در قسمت اسکریپت 

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

دمو:

کد:

<script src='http://up.rozblog.com/up/ghaleb-weblog/tools/hadis/js.js' language=javascript ></script> <br> <script src='http://up.rozblog.com/up/ghaleb-weblog/copy.js'></script>

با این ابزار شما به کاربرانتون این امکان را میدهید که به راحتی

بتوانند از وب شما وارد گوگل مپ شده و نقشه گوگل را به صورت انلاین مشاهده کنند

راهنما : کد مورد نظر را به طور کامل کپی کرده و در قسمت اسکریپت 

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

دمو:

کد ابزار:

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

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

<style> a:hover{ text-shadow:0px 2px 3px; -moz-text-shadow:0px 2px 3px; -o-text-shadow:0px 2px 3px; -ms-text-shadow:0px 2px 3px; -khtml-text-shadow:0px 2px 3px; -webkit-text-shadow:0px 2px 3px;} </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

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

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

<style> /*Efect by : skinak*/ img{-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;-khtml-transition:0.4s;-webkit-transition:0.4s;transition:0.4s; border-radius:15px;box-shadow:0px 0px 10px #000; -moz-transform:rotate(-1.5deg);-o-transform:rotate(1.5deg);-ms-transform:rotate(1.5deg);-webkit-transform:rotate(1.5deg);-khtml-transform:rotate(1.5deg);} img:hover{border-radius:0px; -moz-transform:rotate(0deg) scale(1.1);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-khtml-transform:rotate(0deg); box-shadow:0px 0px 20px #9c9c9c;} </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

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

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

<style> a:hover{ box-shadow:1px 4px 5px; -moz-box-shadow:1px 4px 5px; -o-box-shadow:1px 3px 4px; -ms-box-shadow:1px 3px 4px; -khtml-box-shadow:1px 3px 4px; -webkit-box-shadow:1px 3px 4px;} </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

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

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

با این کد وقتی موس روی تصاویر شما میرود

تصاویر شما کج میشوند

<style> img:hover{ opacity:0.8;filter:alpha(opacity=80); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); } img:out{ opacity:10;filter:alpha(opacity=100); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); } img{ opacity:0.8;filter:alpha(opacity=80); } img:hover{ opacity:1;filter:alpha(opacity=100); } img:out{ opacity:0.8;filter:alpha(opacity=80); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

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

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

<style> img{border-radius: 40px; opacity:1;filter:alpha(opacity=100); -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size); padding:0px; float:center; -moz-transform:scale(0.9):(Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

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

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

<style> img:hover { border: dashed underline 1px #333; border-radius: 80px 6px 80px 6px; box-shadow: 5 5 1px #333; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); } img{border-radius: 40px; opacity:1;filter:alpha(opacity=100); -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size); padding:0px; float:center; -moz-transform:scale(0.9):(Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

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

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

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

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

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

کد:

<style> img:hover{border-radius: 50px; opacity:0.8;filter:alpha(opacity=80); -webkit-transform:scale(1.1):( Webkit: Scale up image to 1.2x original size); -moz-border-radius:6px;-webkit-border-radius:30px; box-shadow: 10px 10px 5px #000; -moz-transform:scale(1.1):( Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } img:out{border-radius: 40px; opacity:1;filter:alpha(opacity=100); -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size); padding:0px; float:center; -moz-transform:scale(0.9):(Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

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

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

<style> img { border: datted 5px #000; border-radius: 80px 7px 80px 7px; box-shadow: 0 0 1px #333; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

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

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

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

#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:hover{border-radius: 50px; opacity:0.8;filter:alpha(opacity=80); -webkit-transform:scale(1.1):( Webkit: Scale up image to 1.2x original size); -moz-border-radius:6px;-webkit-border-radius:30px; box-shadow: 10px 10px 5px #000; -moz-transform:scale(1.1):( Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } img:out{border-radius: 40px; opacity:1;filter:alpha(opacity=100); -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size); padding:0px; float:center; -moz-transform:scale(0.9):(Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*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 5px 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 30px gray; /*Mozilla shadow version*/ opacity: 1; } </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>

ادامه آیکن ها در ادامه مطلب........

ادامه آیکن ها در ادامه مطلب.......

برای دیدن آیکون های بیشتر به ادامه مطلب بروید...

ادامه آیکون ها در ادامه مطلب.....

ادامه آیکن ها در ادامه مطلب......

ادامه ایکن ها در ادامه مطلب.........

ادامه کد ها در ادامه مطلب.....

ادامه ایکن ها در ادامه مطلب ..........

ادامه کد ها در ادامه مطلب.....

ادامه ایکن ها در ادامه مطلب......