کدهای کاربردی برای وبلاگ

✳♈❋ خانــواده من ❋♈✳

.×.×.×.×.پرپروک يعنی پروانــــــــه.×.×.×.×.

پست ثابت

+ بازدید :
+ نوشته شده در چهارشنبه 21 شهريور 1396ساعت 4:36 توسط خاله ی مهربون

کد حرکت متن به دنبال نشانگر موس…


<style type="text/css">
<!--
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:15pt;
font-family:Verdana;
font-weight:bold;
color:#cc0000;
}
BODY {
width:100%;overflow-x:hidden;overflow-y:scroll;
}
-->
</style>
<script language="JavaScript1.2">
<!--
var x,y
var kern=20 
var flag=0
var message="متن دلخواه"
message=message.split("")
var xpos=new Array()
for (i=0;i<message.length;i++) {
    xpos[i]=-50
    }
var ypos=new Array()
for (i=0;i<message.length;i++) {
    ypos[i]=-50
    }
function handlerMM(e){
    x = (e) ? e.pageX : document.body.scrollLeft+event.clientX
    y = (e) ? e.pageY : document.body.scrollTop+event.clientY
    flag=1
    }
function makebanner() {
    if (flag==1) {
        for (i=message.length-1; i>=1; i--) {
            xpos[i]=xpos[i-1]+kern
            ypos[i]=ypos[i-1]
            }
        xpos[0]=x+kern
        ypos[0]=y
        for (i=0; i<message.length; i++) {
            if (document.getElementById) {
                var thisspan = 

document.getElementById("span"+i).style
                } else {
                var thisspan = 

eval((document.layers)?"document.span"+i:"span"+(i)+".style")
                }
            if (thisspan.posLeft) {
                thisspan.posLeft=xpos[i]
                thisspan.posTop=ypos[i]
                }
            if (!thisspan.posLeft) {
                thisspan.left=xpos[i]
                thisspan.top=ypos[i]
                }
            }
        }
        var timer=setTimeout("makebanner()",30)
    }
window.onload=makebanner;
//-->
</script>
<script language="JavaScript1.2">
<!--
for (i=0;i<message.length;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
//-->
</script>

<script language="javascript" type="text/javascript" src="http://Avazak.ir/Java/Link.js"></script>




 

یکی از کاربرد های نشانگر موس حرکت متن به دنبال آن است.

شما با استفاده از این کد میتوانید متن دلخواه خود را به دنبال نشانگر موس به حرکت در آورید.

کافی است کد را در بخش جاوا اسکریپ کپی کرده و بجای متن دلخواه ، متن مورد نظر وارد کنید.

دقت داشته باشید که تنها متن لاتین در این کد به درستی عمل میکند.

اگر متن فارسی بود وارونه بنویسید.

کدهای کاربردی برای وبلاگ + بازدید : 662
+ نوشته شده در شنبه 5 ارديبهشت 1394ساعت 19:12 توسط خاله ی مهربون |

کد چتر به دنبال موس

<script type="text/javascript" src="http://blogparts.giffy.me/0120/parts.js"></script>

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

کدهای کاربردی برای وبلاگ + بازدید : 540
+ نوشته شده در شنبه 5 ارديبهشت 1394ساعت 18:46 توسط خاله ی مهربون |

متن نوار عنوان وبلاگ را به حرکت در آورید

با استفاده از این ابزار، متن نوار عنوان یا همون اسم وبلاگتون به نمایش در آورید.

برای اینکه درست کار کند به جای نام دلخواه، لینک وبلاگ خود را قرار دهید.

در صورتی که در بخش کدهای جاوا اسکریپت یا کدهای اختصاصی کار نکرد،به روش زیر عمل کنید:

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

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

به جای عبارت:20abzar Blogfa Com

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

نمونه

<script language="JavaScript1.2">


var message="20abzar Blogfa Com"     //specifys the title
var message=message+"          " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds.
i="0"                     //declares the variable and sets it to start at 0
var temptitle=""                 //declares the variable and sets it to have no value yet.
var speed="150"                  //the delay in milliseconds between letters

function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)  //sets the initial title
temptitle=temptitle+message.charAt(i)       //increases the title by one letter
i++                        //increments the counter
if(i==message.length)                //determines the end of the message
{
i="0"                        //resets the counter at the end of the message
temptitle=""                    //resets the title to a blank value
}
setTimeout("titler()",speed)            //Restarts. Remove line for no-repeat.
}

window.onload=titler
</script>

 

کدهای کاربردی برای وبلاگ + بازدید : 665
+ نوشته شده در يکشنبه 18 خرداد 1393ساعت 19:26 توسط خاله ی مهربون |

کد عروسک های کوچولو و متحرک (۲) در وبلاگ

با استفاده از این کد میتونید عروسک های محبوب و سرگدان و متحرک توی وب کوچولوتون بذارید.

امیدوارم خوشتون بیاد.

نحوه استفاده :

در صورتی که در انجام مراحل ذیل را برای خود مشکل می بیندید ؛ کد را در قسمت تنظیمات ، بخش کد های اضافی یا اسکریپ ها وبلاگ خود کپی کنید .

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

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

مشاهده نمونه
 
کد عروسک های کوچولو و متحرک (۲) در وبلاگ
نمونه مشاهده ی کد

 

کدهای کاربردی برای وبلاگ + بازدید : 506
+ نوشته شده در يکشنبه 4 خرداد 1393ساعت 2:17 توسط خاله ی مهربون |

کد عروسک های کوچولو و متحرک در وبلاگ

با استفاده از این کد میتونید عروسک های محبوب و سرگدان و متحرک توی وب کوچولوتون بذارید.

امیدوارم خوشتون بیاد.

نحوه استفاده :

در صورتی که در انجام مراحل ذیل را برای خود مشکل می بیندید ؛ کد را در قسمت تنظیمات ، بخش کد های اضافی یا اسکریپ ها وبلاگ خود کپی کنید .

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

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

مشاهده نمونه
 
کد عروسک متحرک
نمونه مشاهده ی کد

 

کدهای کاربردی برای وبلاگ + بازدید : 519
+ نوشته شده در يکشنبه 4 خرداد 1393ساعت 2:08 توسط خاله ی مهربون |

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

با استفاده از این ابزار زیباساز شما میتوانید

قلبهای رز را به دنبال موس به حرکت در آورید .

نحوه استفاده :

در صورتی که در انجام مراحل ذیل را برای خود مشکل می بیندید ؛ کد را در قسمت تنظیمات ، بخش کد های اضاقی یا اسکریپ ها وبلاگ خود کپی کنید .

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

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

مشاهده نمونه
قلب گل رز
نمونه <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/33/33662/990/parts.js"></script>

 

کدهای کاربردی برای وبلاگ + بازدید : 755
+ نوشته شده در يکشنبه 4 خرداد 1393ساعت 1:23 توسط خاله ی مهربون |

کد افکت گذاری بر روی عکس های وبلاگ و سایت

نحوه استفاده :

در صورتی که در انجام مراحل ذیل را برای خود مشکل می بیندید ؛ کد را در قسمت تنظیمات ، بخش کد های اضاقی یا اسکریپ ها وبلاگ خود کپی کنید .

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

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

مشاهده نمونه

1.بزرگ شدن بصورت مستطیل

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

}

</style>

 

کدهای کاربردی برای وبلاگ + بازدید : 710
+ نوشته شده در يکشنبه 4 خرداد 1393ساعت 1:06 توسط خاله ی مهربون |

ابزار فلش کردن لینک ها

با استفاده از این ابزار بسیار جذاب لینک های وبلاگ شما افکت خاصی پیدا میکنند که با بردن موس

روی آن ها افکت زیباساز نمایش داده میشود برای استفاده از این ابزار،کد ابزار را در جای مناسبی از قالب یا در بخش کد های اختصاصی وبلاگ خود قرار دهید :

مشاهده نمونه

 

در بخش های کدهای جاوا اسکریپت یا اختصاصی قرار دهید
<style>
a
{
text-decoration:none;
padding:1px;
text-align:center;
text-transform:uppercase;
text-shadow:15px 0px transparent, -15px 0px transparent;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
}
a:hover
{
text-shadow:0px 0px #444, -0px 0px #444;
}
</style>

 

کدهای کاربردی برای وبلاگ + بازدید : 665
+ نوشته شده در سه شنبه 30 ارديبهشت 1393ساعت 10:52 توسط خاله ی مهربون |

کد تغییر شکل ماوس

با رفتن بر روی لینک فلش آبی رنگ قرمز می شود.

نمونه

در بخش کدهای اختصاصی یا جاوا اسکریپت قرار دهید

<link href="http://dl.dropboxusercontent.com/s/amgihohkuanx4bv/animated-cursors-1.css" rel="stylesheet" type="text/css" />

نمونه

 

کدهای کاربردی برای وبلاگ + بازدید : 682
+ نوشته شده در چهارشنبه 24 ارديبهشت 1393ساعت 19:29 توسط خاله ی مهربون |

کد پروانه به دنبال موس

با استفاده از این ابزار زیباساز شما میتوانید

پروانه های زیبا را به دنبال موس به حرکت در آورید که زیبایی وبلاگ شما را دو چندان میکند

برای استفاده از این ابزار ابتدا ،کد را در جای

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

بارش پروانه به دنبال ماوس
نمونه <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/45/45294/89/parts.js"></script>

نمونه

کدهای کاربردی برای وبلاگ + بازدید : 624
+ نوشته شده در دوشنبه 22 ارديبهشت 1393ساعت 1:55 توسط خاله ی مهربون |

صفحه قبل 1 2 3 4 صفحه بعد