تبلیغات
بهترین شعرهای انتخابی من - مطالب شهریور 1392

کدچرخشی کردن عکس های وبلاگ و سایت

نحوه استفاده

در صورتی که انجام مراجا ذیل را برای خود مشکل می بیندید ؛ کد را در قسمت تنظیمات 

، بخش کد های اضاقی یا اسکریپ ها وبلاگ خود کپی کنید

1- به قسمت ویرایش قالب خود بروید و کد < head > یا < head /> را پیدا کنید

2- کد مورد نظر را بین این دو کپی کنید

1- کد چرخش کامل عکس برای وبلاک وسایت

<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>

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کد ِکج شدَنِ تَصآویر

</FONT></SPAN></A></P>

<P><A href="http://online3da.ir" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کداهنگ برای وبلاگ

</FONT></SPAN></A></P>

2- کد كج شدن و چرخشی شدن عکس برای وبلاک وسایت

<style>

img{

-webkit-transform:scale(0.9); /*design by : mosbat*/

-moz-transform:scale(0.9); /*design by : mosbat*/

-o-transform:scale(0.9); /*design by : mosbat*/

-webkit-transition-duration: 0.5s; /*design by : mosbat*/

-moz-transition-duration: 0.5s; /*design by : mosbat*/

-o-transition-duration: 0.5s; /*mosbataye-bahejab.blogfa.com*/

opacity: 0.9; /*mosbataye-bahejab.blogfa.com*/

margin: 0 10px 9px 0; /*mosbataye-bahejab.blogfa.com*/}

img:hover{

-webkit-transform:scale(1.1); /*design by : mosbat*/

-moz-transform:scale(1.1); /*design by : mosbat*/

-o-transform:scale(1.1); /*design by : mosbat*/

box-shadow:0px 0px 0px gray; /*design by : mosbat*/

-webkit-box-shadow:0px 0px 0px gray; /*mosbataye-bahejab.blogfa.com*/

-moz-box-shadow:0px 0px 0px gray; /*mosbataye-bahejab.blogfa.com*/

opacity: 1.0;

 -webkit-transform: rotate(-10deg);

-moz-transform: rotate(-10deg);

-o-transform: rotate(-10deg);}

</style>

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کد ِکج شدَنِ تَصآویر

</FONT></SPAN></A></P>

<P><A href="http://online3da.ir" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کداهنگ برای وبلاگ

</FONT></SPAN></A></P>

3- کد كج شدن آهسته تصویر با سایه برای وبلا وسایت

<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>

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کد ِکج شدَنِ تَصآویر

</FONT></SPAN></A></P>

<P><A href="http://online3da.ir" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کداهنگ برای وبلاگ

</FONT></SPAN></A></P>



برچسب ها: کدچرخشی کردن عکس های وبلاگ و سایت، کد چرخش وسایه دار شدن عکس،
[ چهارشنبه 20 شهریور 1392 ] [ 07:26 ق.ظ ] [ محمدرضا علی پور ایوری ]

كد گالری عكس در وبلاگ

كد گالری عكس در وبلاگ 

شما میتوانید یك گالری عكس برای سایت یا وبلاگ خود بدون ایجاد هیچگونه صفحات جانبی داشته باشید !!

ابزار گالری تصاویر با امکان نمایش حدود 500 تصویر همراه با کنترل نمایش تصاویر به صورت معمولی و یا نمایش اتوماتیک (اسلاید شو) با قابلیت درج متن توضیحات برای هر تصویر می باشد.

برای اضافه كردن تصاویر دلخواه خود به گالری شخصی خودتان ، ابتدا كد مربوطه را در قسمت تنظیمات وبلاگ خود قرار دهید ( بخش كدهای جاوااسكریپت )  سپس كد سبز رنگ زیر را كپی كرده و آدرس تصویر و متن توضیح فارسی آن را تغییر دهید ( مانند كد زیر كه برای چهار عكس طراحی شده است )


<br><br><script type="text/javascript" src="http://pChAk.Net/blogcod/gallery/g.js"></script>

<script type="text/javascript">
viewer.add('http://pChAk.Net/blogcod/gallery/pic/01.jpg',' تصویر شماره یك');
viewer.add('http://pChAk.Net/blogcod/gallery/pic/02.jpg',' تصویر شماره دو');
viewer.add('http://pChAk.Net/blogcod/gallery/pic/03.jpg',' تصویر شماره سه');
viewer.add('http://pChAk.Net/blogcod/gallery/pic/04.jpg',' تصویر شماره چهار');
</script>
<center><a href="javascript:void(viewer.show(0))"><img border="0" src="http://pChAk.Net/blogcod/gallery/image/09.png" alt="برای نمایش تصاویر گالری كلیك كنید"></a></center><br><br><p align="center">
<font face="Tahoma" style="font-size: 7pt">
<a target="_blank" href="http://pichak.net"><span style="text-decoration: none">
<font color="#006666">&#1583;&#1585;&#1740;&#1575;&#1601;&#1578; &#1603;&#1583; &#1711;&#1575;&#1604;&#1585;&#1740; &#1593;&#1603;&#1587; &#1583;&#1585; &#1608;&#1576;</font></span></a></font></p>
 


[ شنبه 16 شهریور 1392 ] [ 07:39 ب.ظ ] [ محمدرضا علی پور ایوری ]

کد سایه دار شدن لینك ها با رفتن موس روی آن برای وبلاگ وسایت

نحوه استفاده

در صورتی که انجام مراجا ذیل را برای خود مشکل می بیندید ؛ کد را در قسمت تنظیمات

 ، بخش کد های اضاقی یا اسکریپ ها وبلاگ خود کپی کنید

1- به قسمت ویرایش قالب خود بروید و کد < head > یا < head /> را پیدا کنید

2- کد مورد نظر را بین این دو کپی کنید

1- کد سایه دار شدن لینك ها با رفتن موس روی آن برای وبلاگ وسایت  

<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>

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کد ِکج شدَنِ تَصآویر

</FONT></SPAN></A></P>

<P><A href="http://online3da.ir" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کداهنگ برای وبلاگ

</FONT></SPAN></A></P>

2- کد برجسته شدن لینك ها با رفتن موس روی آن برای وبلاگ  

<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>

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کد ِکج شدَنِ تَصآویر

</FONT></SPAN></A></P>

<P><A href="http://online3da.ir" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کداهنگ برای وبلاگ

</FONT></SPAN></A></P>

3- کد چرخش کامل عکس برای وبلاک وسایت

<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>

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کد ِکج شدَنِ تَصآویر

</FONT></SPAN></A></P>

<P><A href="http://online3da.ir" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کداهنگ برای وبلاگ

</FONT></SPAN></A></P>

4- کد كج شدن و چرخشی شدن عکس برای وبلاک وسایت

<style>

img{

-webkit-transform:scale(0.9); /*design by : mosbat*/

-moz-transform:scale(0.9); /*design by : mosbat*/

-o-transform:scale(0.9); /*design by : mosbat*/

-webkit-transition-duration: 0.5s; /*design by : mosbat*/

-moz-transition-duration: 0.5s; /*design by : mosbat*/

-o-transition-duration: 0.5s; /*mosbataye-bahejab.blogfa.com*/

opacity: 0.9; /*mosbataye-bahejab.blogfa.com*/

margin: 0 10px 9px 0; /*mosbataye-bahejab.blogfa.com*/}

img:hover{

-webkit-transform:scale(1.1); /*design by : mosbat*/

-moz-transform:scale(1.1); /*design by : mosbat*/

-o-transform:scale(1.1); /*design by : mosbat*/

box-shadow:0px 0px 0px gray; /*design by : mosbat*/

-webkit-box-shadow:0px 0px 0px gray; /*mosbataye-bahejab.blogfa.com*/

-moz-box-shadow:0px 0px 0px gray; /*mosbataye-bahejab.blogfa.com*/

opacity: 1.0;

 -webkit-transform: rotate(-10deg);

-moz-transform: rotate(-10deg);

-o-transform: rotate(-10deg);}

</style>

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کد ِکج شدَنِ تَصآویر

</FONT></SPAN></A></P>

<P><A href="http://online3da.ir" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کداهنگ برای وبلاگ

</FONT></SPAN></A></P>

5- کد كج شدن آهسته تصویر با سایه برای وبلا وسایت

<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>

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کد ِکج شدَنِ تَصآویر

</FONT></SPAN></A></P>

<P><A href="http://online3da.ir" target=_blank><SPAN

style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT

color=#ff99cc>کداهنگ برای وبلاگ

</FONT></SPAN></A></P>



برچسب ها: کد سایه دار شدن لینك ها با رفتن موس روی آن برای وبلاگ وسایت،
[ شنبه 2 شهریور 1392 ] [ 06:42 ق.ظ ] [ محمدرضا علی پور ایوری ]