تبلیغات

بهترین شعرهای انتخابی من - مطالب شهریور 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>





نوع مطلب :
برچسب ها : کدچرخشی کردن عکس های وبلاگ و سایت، کد چرخش وسایه دار شدن عکس،
لینک های مرتبط :
شنبه 16 شهریور 1392 :: نویسنده : محمدرضا علی پور ایوری
كد گالری عكس در وبلاگ 

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

ابزار گالری تصاویر با امکان نمایش حدود 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>
 




نوع مطلب :
برچسب ها :
لینک های مرتبط :

نحوه استفاده

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

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

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>





نوع مطلب :
برچسب ها : کد سایه دار شدن لینك ها با رفتن موس روی آن برای وبلاگ وسایت،
لینک های مرتبط :


آمار سایت
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
بهترین شعرهای انتخابی در وبلاک من


parsskin go Up

parsskin go Up