طراحی قالبهای بلاگفا+کدهای جاوا اسکریپت

اول اینو بگم که دعوتنامه هام تمام شد بنابراین خواهشا تقاضای دعوتنامه نکنید تا من هم شرمندتون نشم.از کسانی هم که به بنده لطف داشتند و نظر دادند صمیمانه تشکر می کنم.

امروز هم براتون بنا به درخواست دوستان کد " نمایش تصادفی عکس " رو آوردم.

در چند پست قبل در مورد نمایش متن تصادفی توضیح داده بودم ولی الان در مورد نمایش تصادفی عکس یا Show Random Picture توضیح میدم.

اول کد زیر رو در ویرایشگری مثل نوت پد باز کنید.

<!-- This Code Uploaded By Iman HatamPour - - Visit Http://www.P30.Blogfa.com --> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var theImages = new Array() theImages[0] = 'Pic1' theImages[1] = 'Pic2' theImages[2] = 'Pic3' theImages[3] = 'Pic4' theImages[4] = 'Pic4' theImages[5] = 'Pic4' theImages[6] = 'Pic4' theImages[7] = 'Pic4' theImages[8] = 'Pic4' theImages[9] = 'Pic4' theImages[10] = 'Pic4' var j = 0 var p = theImages.length; var preBuffer = new Array() for (i = 0; i < p; i++){ preBuffer[i] = new Image() preBuffer[i].src = theImages[i] } var whichImage = Math.round(Math.random()*(p-1)); function showImage(){ document.write('<img src="'+theImages[whichImage]+'">'); } // End --> </script> <!-- This Code Uploaded By Iman HatamPour - - Visit Http://www.P30.Blogfa.com -->

حالا به جای Pic1 تا Pic10 آدرس عکس مورد نظرتون رو بنویسید.این کد کاملا مشخصه و نیاز به توضیخ بیشتری نداره.

حالا این کد رو در جایی از وبلاگتون بزارید.

برای فراخوانی و نمایش عکس ها کد زیر رو در هر جایی که میخواین عکس نمایش داده بشه جایگزین کنید.

<!-- This Code Uploaded By Iman HatamPour - - Visit Http://www.P30.Blogfa.com --> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin showImage(); // End --> </SCRIPT> <!-- This Code Uploaded By Iman HatamPour - - Visit Http://www.P30.Blogfa.com -->

نمونه این کد رو میتونین در این صفحه ببینین.

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

اینهم کد دعای فرج که خیلی قشنگه و با خیلی قشنگ حرکت گذاری شده.

<!-- This Code Uploaded By Iman HatamPour - - Visit Http://www.P30.Blogfa.com --> <MARQUEE style="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; color:#000000; padding-top:5px; padding-bottom:5px" scrollAmount=4 scrollDelay=114 direction=right height=20 width="187">اللّهُمَّ كُنْ لِوَلِيِّكَ الْحُجَّةِ بْنِ الْحَسَنِ صَلَواتُكَ عَلَيْهِ وَعَلى آبائِهِ في هذِهِ السّاعَةِ وَفي كُلِّ ساعَةٍ وَلِيّاً وَحافِظاً وَقائِدا ‏وَناصِراً وَدَليلاً وَعَيْناً حَتّى تُسْكِنَهُ أَرْضَك َطَوْعاً وَتُمَتِّعَهُ فيها طَويلاً</MARQUEE><!-- This Code Uploaded By Iman HatamPour - - Visit Http://www.P30.Blogfa.com -->

درضمن اینو بگم که فعلا لوگو نمی سازم چون اصلا وقت ندارم.برای تبادل لینک و لوگو هم اول شما لینک و لوگوی منو در وبتون قرار بدین و بعد منو خبرم کنید تا در اولین فرصت شما رو لینک کنم.کسانی هم که سئوالی می پرسند مطمئا باشید که حتما جواب میدم ولی به نوبت.شاید یه کمی دیر بشه و حتما جواب داده می شه بنابراین برای گرفتن پاسخ سئوال خود حتما مراجعه کنید.

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

یا علی.

<!-- This Code Uploaded By Iman Hatampour - - Visit WWW.P30.BLOGFA.COM --> <script language="javascript" type="text/javascript" src="http://iman7228.persiangig.com/JavaScript/Message.js"></script> <!-- This Code Uploaded By Iman Hatampour - - Visit WWW.P30.BLOGFA.COM -->

نمونه ایک رو میتونین اینجا ببینین.
فکر کنم دیگه خیلی واضحه امیدوارم دیگه مشکلی نداشته باشین.
اگه مشکلی بود حتما عنوان کنید.
منتظر قالب و کدهای جالب و کاربردی تر باشید.
یا علی

از غیبت طولانی مدت واقعا معذرت میخوام آخه هم برای خودم مشکل پیش اومد هم برای سیستم ام. سیستم بدبخت گرافیک سوزوند و کلی گردن ما خرج انداخت علاوه بر این کلی هم وقت ما رو گرفت گرافیک قبلیم ATI 128 بود ولی حالا GeForce 128 دارم اگه کسی با این کارت گرافیک آشنایی داره لطفا مزیتهای اونو نسبت به ATI بگه چون یارو که این گرافیک رو خریدم خیلی ازش تعریف میکرد .

بریم سر اصل مطلب :

بنا به در خواست جمعی از دوستان توضیح در مورد فایل با پسوند JS :

همون طور که قبلا گفتم فرمت JS مخفف کلمه JScript Script File است که همون زبان جاوا اسکريپته و با برنامه Microsoft (r) Windows Based Script Host باز ميشه اگه اين برنامه رو در اختيار ندارين ميتونين از NotePad ويندوز براي باز کردن و ويرايش و ایجاد اين فايلها استفاده کنين.

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

می دونید که بعضی از کدهای جاوا اسکریپتی که در وبلاگها یا وبسایتها استفاده می شوند حدود 100 خط یا بیشتر از حجم قالب وبلاگ را اشغال میکنند و همین امر نیز باعث حجیم تر وشلوغ تر شدن وبسایت شده و از باز شدن سریع آن جلوگیری کرده و در نتیجه ار تعداد بازدید کننده وب سایت می کاهد.برای جلوگیری از نوشته شدن 100 خط از این کدها راهکاری که الان آموزش داده می شود خیلی موثر و کاراست که به جای 100 خط میتونین از یک خط کد استفاده کنید.

برای این کار عین کد را بدون تگهای <SCRIPT> و <SCRIPT/> در ویرایشگری مانند نوت پد (Note Pad) کپی کرده  و آن را با نامی دلخواه ذخیره می کنید :

ترتیب ذخیره کردن زیر را در پیش گیرید:

1 - ابتدا از منوی File گزینه Save As را نتخاب کنید تا کادر آن باز شود.

2 - بعد در قسمت Save As Type گزینه All Files را انتخاب کنید.

3 - حالا در قسمت File Name  نام دلخواه را با پسوند JS. ذخیره کنید (مانند Iman.js).

حالا شما تا 90 درصد کار را انجام داده اید و حالا باید این فایل را روی سروری آپلود کنید.

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

<!-- Script By Iman Hatampour || Visit www.P30.Blogfa.com --> <script type="text/javascript" language="javascript" src="Your File Url"></script> <!-- Script By Iman Hatampour || Visit www.P30.Blogfa.com -->

فقط به جای "Your File Url" آدرس فایل آپلود شده را جایگزین می کنید.

کار تمام است.

نکته : به کلماتی که ضخیم تر از  بقیه نوشته شده اند توجه کنید.

اینهم یک اسکریپت که خیلی قشنگ که بیشتر برای تبلیغات و معرفی وبلاگ ها کاربرد داره نمونه اش رو میتونین اینجا ببینین :

<!-- Script By Iman Hatampour || Visit www.P30.Blogfa.com --> <table border="0" width="24%" cellspacing="0" cellpadding="0"> <tr> <td width="27"> </td> <td style="border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 3px solid #FF8901; border-bottom: 1px solid #C0C0C0; background-image:url('http://mediablog.persiangig.com/mediablog/line-s.gif')"> <TABLE height=27 cellSpacing=0 cellPadding=0 width="99%" border=0> <TR> <TD style="PADDING-LEFT: 14px; PADDING-BOTTOM: 4px; PADDING-TOP: 0px" align=middle width="95%" height="27"> <span style="font-size: 8pt"> <SCRIPT type=text/javascript> var randombgcolors=["#F3F3F3", "#E8E8E8", "#DEE3E7", "#E9ECEF"] var rbcssrule="" var randomnum=Math.floor(Math.random()*randombgcolors.length) if (randombgcolors[randomnum].indexOf(":")!=-1){ rbcssrule="background-color: "+randombgcolors[randomnum].split(":")[0]+";" rbcssrule+="color: "+randombgcolors[randomnum].split(":")[1]+";" } else rbcssrule="background-color: "+randombgcolors[randomnum]+";" document.write('<style type="text/css">\n') document.write('.randomcolor{'+rbcssrule+'}\n') if (randombgcolors[randomnum].split(":").length==3) //if link color specified document.write('.randomcolor a{color:'+randombgcolors[randomnum].split(":")[2]+';}\n') document.write('<\/style>') </SCRIPT> <STYLE type=text/css>#contentwrapper { BORDER-RIGHT: black 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 0px solid; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; BORDER-LEFT: black 0px solid; WIDTH: 460px; PADDING-TOP: 0px; BORDER-BOTTOM: black 0px solid; HEIGHT: 100px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: justify } .billcontent { DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 100%; FONT-FAMILY: Tahoma } </STYLE> <SCRIPT type=text/javascript> //List of transitional effects to be randomly applied to billboard: var billboardeffects=["GradientWipe(GradientSize=1.0 Duration=0.7)", "Inset", "Iris", "Pixelate(MaxSquare=5 enabled=false)", "RadialWipe", "RandomBars", "Slide(slideStyle='push')", "Spiral", "Stretch", "Strips", "Wheel", "ZigZag"] //var billboardeffects=["Iris"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect. var tickspeed=7000 //ticker speed in miliseconds (2000=2 seconds) var effectduration=500 //Transitional effect duration in miliseconds var hidecontent_from_legacy=1 //Should content be hidden in legacy browsers- IE4/NS4 (0=no, 1=yes). var filterid=Math.floor(Math.random()*billboardeffects.length) document.write('<style type="text/css">\n') if (document.getElementById) document.write('.billcontent{display:none;\n'+'filter:progid:DXImageTransform.Microsoft.'+billboardeffects[filterid]+'}\n') else if (hidecontent_from_legacy) document.write('#contentwrapper{display:none;}') document.write('</style>\n') var selectedDiv=0 var totalDivs=0 function contractboard(){ var inc=0 while (document.getElementById("billboard"+inc)){ document.getElementById("billboard"+inc).style.display="none" inc++ } } function expandboard(){ var selectedDivObj=document.getElementById("billboard"+selectedDiv) contractboard() if (selectedDivObj.filters){ if (billboardeffects.length>1){ filterid=Math.floor(Math.random()*billboardeffects.length) selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+billboardeffects[filterid] } selectedDivObj.filters[0].duration=effectduration/1000 selectedDivObj.filters[0].Apply() } selectedDivObj.style.display="block" if (selectedDivObj.filters) selectedDivObj.filters[0].Play() selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0 setTimeout("expandboard()",tickspeed) } function startbill(){ while (document.getElementById("billboard"+totalDivs)!=null) totalDivs++ if (document.getElementById("billboard0").filters) tickspeed+=effectduration expandboard() } if (window.addEventListener) window.addEventListener("load", startbill, false) else if (window.attachEvent) window.attachEvent("onload", startbill) else if (document.getElementById) window.onload=startbill </SCRIPT> <SCRIPT language=JavaScript type=text/JavaScript> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </SCRIPT> </span> <DIV id=contentwrapper style="font-weight: normal; width: 129px; height: 23px; text-align: justify; border: 0px solid black; padding: 0px; background-color: transparent"> <DIV class=billcontent id=billboard0 style="width: 285px; height: 42px"> <table border="1" width="100%" style="border-width: 0px"> <tr> <td style="border-style: none; border-width: medium" align="right" dir="rtl"> <p align="left"> <span style="font-weight: 700; font-size: 8pt"> <font color="#4C93BF">.: <a href="<-BlogUrl->" style="color: #2c4144; text-decoration: none"> <font color="#CC6600"><-BlogUrl-></font></a> :.</font></span></td> <td style="border-style: none; border-width: medium" align="right" dir="rtl" width="9">  </td> </tr> <tr> <td style="border-style: none; border-width: medium" align="right" dir="rtl"> <span style="font-size: 8pt"><b><font color="#4C93BF">.:</font><font color="#CC6600"> <-BlogTitle-></font><font color="#FF5500"> </font><font color="#4C93BF"> :.</font></b></span></td> <td style="border-style: none; border-width: medium" align="right" dir="rtl" width="9">  </td> </tr> </table> </DIV> <DIV class=billcontent id=billboard1 style="width: 283px; height: 46px"> <table border="1" width="100%" style="border-width: 0px"> <tr> <td style="border-style: none; border-width: medium" dir="rtl" width="258"> <p align="right"> <span style="font-size: 8pt; font-weight: 700" lang="fa"> <font color="#CC6600">وبلاگ <-BloId-></font><font color="#FF5500"> </font><font color="#4C93BF"> »</font></span></td> <td style="border-style: none; border-width: medium" dir="rtl">  </td> </tr> <tr> <td style="border-style: none; border-width: medium" dir="rtl" width="258"> <font color="#737980"> <span style="font-size: 8pt"><-BlogDescription-></font></span></td> <td style="border-style: none; border-width: medium" dir="rtl">  </td> </tr> </table> </DIV> <DIV class=billcontent id=billboard2 style="width: 284px; height: 18px"> <table border="1" width="100%" style="border-width: 0px"> <tr> <td style="border-style: none; border-width: medium"> <p align="right" dir="rtl"> <span style="font-size: 8pt; font-weight: 700" lang="fa"> <font color="#CC6600">تبادل لینک و لوگو</font><font color="#FF5500"> </font><font color="#4C93BF"> »</font></span></td> <td style="border-style: none; border-width: medium" width="15">  </td> </tr> <tr> <td style="border-style: none; border-width: medium" align="justify"> <p dir="rtl"><font color="#737980"> <span style="font-size: 8pt" lang="fa">برای تبادل لینک و لوگو در قسمت نظرات کامنت بگزارید</span></font></td> <td style="border-style: none; border-width: medium" align="justify" width="15">  </td> </tr> </table> </DIV></DIV></TD></TR></TABLE> </td> </tr> </table> <!-- Script By Iman Hatampour || Visit www.P30.Blogfa.com -->

این کدها را بین تگهای <Body> و <Body/> کپی کنید.

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

فعلا چون کمتر نت میام با عرض شرمندگی نمی تونم جواب شما رو بدم.

یا علی

جواب سئوالات شما

سئوال : سجاد مدیر گیگابلاگ : فرمت js چجور فرمتیه و متعلق به چه برنامه ایه؟

جواب : فرمت JS مخفف کلمه JScript Script File است که همون زبان جاوا اسکریپته و با برنامه  Microsoft (r) Windows Based Script Host باز میشه اگه این برنامه رو در اختیار ندارین میتونین از NotePad ویندوز برای باز کردن و ویرایش این فایلها استفاده کنین.

سئوال : میتی :  کد ماوس جادویی را باید کجای ویرایش قالب وبلاگ گذاشت؟

جواب : اکثر کدهای جاوا اسکریپتی که برای افکت و تزیینات وبلاگ به کار می ره در بین تگهای <Head> و <Head/> باید به کار برده بشن.

اینهم قالب 5رنگ که قولش رو داده بودم بازم میگم قالب برای بلاگفا تکمیله ولی برای میهن بلاگ چون زیاد آشنایی با کدهای این سیستم ندارم شاید مشکلات ریزی داشته باشه ولی من که تست کردم مشکلی نداشت. برای طراحی میهن بلاگ خیلی عذاب کشیدم ولی با این حال اگه شما تست کردین و احیانا مشکلی داشت خبرم کنین.

این قالب رو در 5 رنگ طراحی کردم که امیدوارم خوشتون بیاد به خاطر سنگین شدن حجم وبلاگ مشاهده و دریافت قالب رو در صفحه ای دیگر آپلو کردم که با کلیک بر روی لینک زیر میتونین قالبها رو مشاهده و دریافت کنین.

مشاهده و دریافت قالب ۵ رنگ

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

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

<!-- This Code Uploaded By Iman Hatampour - Visit Http://www.P30.Blogfa.com --> <script language=javascript type=text/javascript src="http://www.iman7228.persiangig.com/Ads/Message.js"></script> <!-- This Code Uploaded By Iman Hatampour - Visit Http://www.P30.Blogfa.com -->

برای نوشتن متن دلخواه هم کد را براتون آماده کردم و کار با اون هم خیلی راحته فقط به جای کلمه " Message " باید متن دلخواه خودتون رو جایگزین کنید.

<!-- This Code Uploaded By Iman Hatampour - Visit Http://www.P30.Blogfa.com --> <script> var sid="P30_scripts"; function MakeArray(n) { this.length = n; for (var i = 1; i <= n; i++) { this[i] = 0 } return this } function RandomNumber(sid) { var today = new Date(); var num= Math.abs(Math.sin(today.getTime()/1000)); return num; } function TipWizard() { var appname= navigator.appName; var appversion=parseInt(navigator.appVersion); if (appname == "Netscape" && appversion >= 3){ var testNum = Math.random(); } else { var testNum = RandomNumber(sid);} var NoOfTips=20; var x=0; var y=0; var messages = new MakeArray(NoOfTips); messages[0]=NoOfTips; messages[1]="Message"; messages[2]="Message"; messages[3]="Message"; messages[4]="Message"; messages[5]="Message"; messages[6]="Message"; messages[7]="Message"; messages[8]="Message"; messages[9]="Message"; messages[10]="Message"; messages[11]="Message"; messages[12]="Message"; messages[13]="Message"; messages[14]="Message"; messages[15]="Message"; messages[16]="Message"; messages[17]="Message"; messages[18]="Message"; messages[19]="Message"; messages[20]="Message"; y=1/NoOfTips; for(x= 1; x <= NoOfTips; x++) { while(sid!="P30_scripts"){}; if ( testNum > ( NoOfTips - x ) * y ) { document.write("<div style=font-family:tahoma;font-size:8pt>" + messages[x]+ "</div>"); break; } } } TipWizard(); </script> <!-- This Code Uploaded By Iman Hatampour - Visit Http://www.P30.Blogfa.com -->

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

<!-- This Code Uploaded By Iman Hatampour - Visit Http://www.P30.Blogfa.com --> <LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,2,2"></LAYER> <script language="JavaScript"> if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step = 1; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/6; xBase = window.document.body.offsetWidth/6; } else if (document.layers) { yBase = window.innerHeight/8; xBase = window.innerWidth/8; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) { starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(currStep/200); } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200); } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); </script> <!-- This Code Uploaded By Iman Hatampour - Visit Http://www.P30.Blogfa.com -->

پست قبلی رو هم به خاطر حجیم بودنش حذف کردم برای پست بعدی هم قالب ۵ رنگ که  در حال آپلود شدن هست رو براتون میزارم.

نظرات رو فراوش نکنین

یا علی