کدهاي جاوا اسکريپت
فـضـاي رايـگـان
قالب وبلاگ

آموزش Html
آموزش هاي کاربري
آموزش طراحي در فتوشاپ
آموزش تگ هاي ميـهن بلاگ
آموزش تگ هاي بــــلاگـــــــفا

ترفندهاي ويـنـدوز
ترفندهاي ياهو

كتاب هاي آموزشي
مركز دانلود
فونت

تصاوير و مطالب جالب
موزيک خــارجـــي
موزيک ايراني
فلش

برنامه هاي طراحي شده
نتايج نظر سنجي ها
اخبار سايت
عمومي

قالب هاي عمومي :

قالب C 130 ( ميهن بلاگ )

ديدن نمونه دريافت کد

قالب C 130 ( بلاگفا )

ديدن نمونه دريافت کد

قالب ريمام ( ميهن بلاگ )

ديدن نمونه دريافت کد

قالب ريمام ( بلاگفا )

ديدن نمونه دريافت کد

قالب اورنگ ( ميهن بلاگ )

ديدن نمونه دريافت کد

قالب اورنگ ( بلاگفا )

ديدن نمونه دريافت کد

بسياري از دوستان تقاضا داشتند تا منو هاي مختلف يك وبلاگ رو براشون معرفي و بررسي كنم . منم براي اولين منو ، منوي كاربري كه كاربردش خيلي زياده رو براتون انتخاب كردم .

منوي كاربري براي وبلاگ هاي موجود در سيستم ميهن بلاگ :

اضافه به علاقه مندي ها .:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<Script>var bookmarkurl="http://[myblog]";var bookmarktitle="[blogtitle]";function addbookmark(){;if (document.all);window.external.AddFavorite(bookmarkurl,bookmarktitle)}</Script><a href="javascript:addbookmark()">افزودن به علاقه مندي ها</a>

صفحه خانگي سازي .:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://[myblog]');return false;" href="javascript:void(0)">صفحه خانگي سازي</a>

ارسال ايميل به مدير يا ارتباط با ما .:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<a href="[contact]">ارسال ايميل / ارتباط با ما</a>

پرينت يا چاپ صفحه.:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<a onclick="javascript:window.print()" href="javascript:void(0)">چاپ</a>

ذخيره سازي صفحه.:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<Script>function doSaveAs(){if (document.execCommand){document.execCommand("SaveAs")}else {alert("Save-feature available only in Internet Exlorer 5.x.")}}</Script><a onclick="doSaveAs()" href="javascript:void(0)">ذخيره صفحه</a>

تمامي پنج مورد بالا رو در يك چهار چوب كلي براتون به صورت زير آماده كردم كه فقط كافيه كد زير  رو كپي كنيد :

<!-- Start --- http://www.iroweb.com --> <Script>function doSaveAs(){if (document.execCommand){document.execCommand("SaveAs")}else {alert("Save-feature available only in Internet Exlorer 5.x.")}}</Script> <Script>var bookmarkurl="http://[myblog]";var bookmarktitle="[blogtitle]";function addbookmark(){;if (document.all);window.external.AddFavorite(bookmarkurl,bookmarktitle)}</Script> <div align="center"> <center> <table border="1" cellpadding="3" cellspacing="3" style="border-style:dotted; margin:0; border-collapse: collapse; text-align:justify; text-indent:0; word-spacing:0; line-height:100%" bordercolor="#111111" id="AutoNumber1"> <tr> <td width="100%" align="justify" style="text-align: justify; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0"> <p dir="rtl" style="margin-top: 0; margin-bottom: 0"><a href="javascript:addbookmark()">افزودن به علاقه مندي ها</a> <br> <a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://[myblog]');return false;" href="javascript:void(0)">صفحه خانگي سازي</a> <br> <a href="[contact]">ارسال ايميل / ارتباط با ما</a> <br> <a onclick="javascript:window.print()" href="javascript:void(0)">چاپ</a> <br> <a onclick="doSaveAs()" href="javascript:void(0)">ذخيره صفحه</a> <p dir="ltr" style="margin-top: 0; margin-bottom: 0"><span lang="en-us"> <a target="_blank" href="http://www.iroweb.com">Iroweb.com</a></span></td> </tr> </table> </center> </div> <!-- End --- http://www.iroweb.com -->

اينم نمونه نمايش كد :

منوي كاربري براي وبلاگ هاي موجود در سيستم بلاگفا :

اضافه به علاقه مندي ها .:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<Script>var bookmarkurl="http://www.<-BlogId->.blogfa.com";var bookmarktitle="<-BlogTitle->";function addbookmark(){;if (document.all);window.external.AddFavorite(bookmarkurl,bookmarktitle)}</Script><a href="javascript:addbookmark()">افزودن به علاقه مندي ها</a>

صفحه خانگي سازي .:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.<-BlogId->.blogfa.com');return false;" href="javascript:void(0)">صفحه خانگي سازي</a>

ارسال ايميل به مدير يا ارتباط با ما .:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<a href="mailto:<-BlogEmail->">ارسال ايميل / ارتباط با ما</a>

پرينت يا چاپ صفحه.:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<a onclick="javascript:window.print()" href="javascript:void(0)">چاپ</a>

ذخيره سازي صفحه.:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<Script>function doSaveAs(){if (document.execCommand){document.execCommand("SaveAs")}else {alert("Save-feature available only in Internet Exlorer 5.x.")}}</Script><a onclick="doSaveAs()" href="javascript:void(0)">ذخيره صفحه</a>

تمامي پنج مورد بالا رو در يك چهار چوب كلي براتون به صورت زير آماده كردم كه فقط كافيه كد زير  رو كپي كنيد :

<!-- Start --- http://www.iroweb.com --> <Script>function doSaveAs(){if (document.execCommand){document.execCommand("SaveAs")}else {alert("Save-feature available only in Internet Exlorer 5.x.")}}</Script> <Script>var bookmarkurl="http://www.<-BlogId->.blogfa.com";var bookmarktitle="<-BlogTitle->";function addbookmark(){;if (document.all);window.external.AddFavorite(bookmarkurl,bookmarktitle)}</Script> <div align="center"> <center> <table border="1" cellpadding="3" cellspacing="3" style="border-style:dotted; margin:0; border-collapse: collapse; text-align:justify; text-indent:0; word-spacing:0; line-height:100%" bordercolor="#111111" id="AutoNumber1"> <tr> <td width="100%" align="justify" style="text-align: justify; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0"> <p dir="rtl" style="margin-top: 0; margin-bottom: 0"><a href="javascript:addbookmark()">افزودن به علاقه مندي ها</a> <br> <a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.<-BlogId->.blogfa.com');return false;" href="javascript:void(0)">صفحه خانگي سازي</a> <br> <a href="mailto:<-BlogEmail->">ارسال ايميل / ارتباط با ما</a> <br> <a onclick="javascript:window.print()" href="javascript:void(0)">چاپ</a> <br> <a onclick="doSaveAs()" href="javascript:void(0)">ذخيره صفحه</a> <p dir="ltr" style="margin-top: 0; margin-bottom: 0"><span lang="en-us"> <a target="_blank" href="http://www.iroweb.com">Iroweb.com</a></span></td> </tr> </table> </center> </div> <!-- End --- http://www.iroweb.com -->

اينم نمونه نمايش كد :

ديگه فكر كنم از اين كاملتر نشده . فقط مي مونه منوي كاربري به صورت شكلي كه توي مطالب بعدي براتون مي زارم .

سلام . اگر يادتون باشه توي چند پست قبل آموزش قرار دادن يك لودينگ در اول صفحات وب مانند يكي خودم رو دادم . توي اين پست مي خوام يك كد ديگر كه نوعي لودينگ هست و در استاتوس بار نمايش داده ميشه رو براتون معرفي كنم .

اين كد توسط ويژوال بيسيك كدنويسي شده :

<!-- Start --- http://www.iroweb.com --> <Script Language=VBScript> Dim Bar, Line, SP Bar = 0 Line = "|" sP = 2 Function Window_onLoad() Bar = 0 sP = 1000 END Function Function Count() If Bar < 100 Then Bar = Bar + 1 Window.Status = "www.iroweb.com ==> Please Wait To Load Site : " & Bar & "%" & " " & String(Bar, Line) setTimeout "Count()", SP Else Window.Status = "" Document.Body.Style.Display = "" End If End Function Call Count() </Script> <!-- End --- http://www.iroweb.com -->

من خودم اين كد رو يكسري تغييرات دادم و به يك شكل ديگه در آوردم كه فقط در استاتوس بار درصد لود ذكر ميشه . اينم كدش :

<!-- Start --- http://www.iroweb.com --> <Script Language=VBScript> Dim Bar, Line, SP Bar = 0 Line = "|" sP = 2 Function Window_onLoad() Bar = 0 sP = 1000 END Function Function Count() If Bar < 100 Then Bar = Bar + 1 Window.Status = " " & Bar & "%" setTimeout "Count()", SP Else Window.Status = "" Document.Body.Style.Display = "" End If End Function Call Count() </Script> <!-- End --- http://www.iroweb.com -->

براي استفاده از اين كد بهتره اين رو در اول قالبتون و قبل از تگ <body> و <head> قرار دهيد .

با استفاده از اين كد ميتونين يك افكت جالب روي متن هاي خودتون وارد كنيد . بيشتر توضيح نميدم چون نمونه كد خودش گوياي مطلب هست . فقط دقت كنيد كه بايد متن شما انگليسي باشه .

دريافت كد :

<!-- Start --- http://www.iroweb.com --> <script>function uphilltext(text){var temptext=text.toUpperCase();var size=1;for (i=0;i<temptext.length;i++){document.write(temptext.charAt(i).fontsize(size).bold());if (size<7)size++;else size=1}}//طراح و كدنويس : ساسان نوبخت//www.iroweb.com</script> <script>uphilltext("متن شما")</script> <!-- End --- http://www.iroweb.com -->

نمونه كد :

خوب براي اين كار ابتدا كد زير رو در ابتداي قالب خوب بعد از تگ <Body> قرار دهيد :

<!-- Start --- http://www.iroweb.com --> <script>var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function ap_showWaitMessage(div,flag) { if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden' ;if(! document.getElementById) if(document.layers) x.left=280/2; return true; }</script> <div id="waitDiv" style="border: 1px dotted ; POSITION:absolute;TOP: 90;RIGHT:400;TEXT-ALIGN:center; visibility:hidden; width:211; background-color:#b3c3e4" padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px> <p dir="rtl" style="margin-top: 5; margin-bottom:5"> <font color="#0000FF" face="Tahoma" style="font-size: 8pt">صفحه در حال بارگذاري است!<br>لطفا کمي صبر کنيد...</font></p> <p dir="rtl" style="margin-top: 0"><font face="Tahoma" style="font-size: 8pt"> <img alt="Please wait ..." src="http://www.iroweb.com/Photo/90a.gif" width="150" height="13" border="0"><br> <span style="visibility:''"> <a target="_blank" href="http://www.iroweb.com" style="text-decoration: none">Loading by : iroweb.com</a></span></font></p> </div> <SCRIPT> ap_showWaitMessage('waitDiv', 1)</SCRIPT> <!-- End --- http://www.iroweb.com -->

مثل زير :

<body>
<script>var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function a ....

.....

بعد از اينكه كد بالا رو جايي كه گفتم گذاشتيد نوبت به گذاشتن كدي مي رسه كه بعد از لود صفحه ، لودينگ رو حذف كنه . لذا بايد اين كد رو در آخر كد قالبتون و قبل از تگ <html/> قرار دهيد :

<!-- Start --- http://www.iroweb.com --> <SCRIPT> ap_showWaitMessage('waitDiv', 0) </SCRIPT> <!-- End --- http://www.iroweb.com -->

مثل زير :

<SCRIPT>ap_showWaitMessage('waitDiv', 0)</SCRIPT>
</html>

خوب ديگه كار تموم ميشه . ولي چون ممكنه بعضي ها از شكل نوار لودينگ خوششون نياد من چند تا شكل براتون زير ميزارم كه هركدوم رو دوست داشتيد استفاده كنيد :

سلام . نميدونم كه تا حالا به نحوه ورود و خروج از اين سايت دقت كرديد . ( در سري جديد ) ؟ اگر كمي دقت كنيد مي بينيد كه با يك افكت جالبي مياد و ميره . چند نفر از دوستان طراح كه اينو ديده بودند براشون جلب توجه كرده بود و تقاضا داشتند كه اين آموزشو براشون بزارم . خوب ما هم كه بخيل نيستيم ، لذا اين آموزشو براشون آماده كردم :

كدهاي اصلي : در اصل اين كد هاي افكت دهنده از نوع تگ هاي Meta مي باشند كه يك خط بيشتر نيستند .

<Meta http-equiv="Site-Enter">              براي زمان ورود از صفحه

<meta http-equiv="Site-Exit">                براي زمان خروج از صفحه

زير كدهاي افكت دهنده : با استفاده از اين زير كدها ميتوان افكت آمدن و خروج از صفحه رو مشخص كرد .

افكت به صورت باكس :

<Meta http-equiv="Site-Exit" Content="revealTrans(Duration=1.0,Transition=1)">

<Meta http-equiv="Site-Enter" Content="revealTrans(Duration=1.0,Transition=1)">

<Meta http-equiv="Site-Exit" Content="blendTrans(Duration=1.0)">

<Meta http-equiv="Site-Enter" Content="blendTrans(Duration=1.0)">

يكي از دوستان تقاضا كد ماكزيموم كردن خودكار صفحه رو داده بودند . خوب بنا به قولي كه داده بودم اين مطلب رو براشون آماده كردم :

خيلي از قالب ها هستند كه براي حالت ماكزيموم صفحه طراحي شده اند و اگر صفحه كوچكتر باشد اون طراحي جلوه خودشو از دست ميده . لذا با استفاده از اين كد مي توانيد به مرورگر فرمان دهيد كه خودكار صفحه رو ماكزيموم كند :

<!-- Start --- http://www.iroweb.com --> <script language="JavaScript1.2">top.window.moveTo(0,0);if (document.all) {top.window.resizeTo(screen.availWidth,screen.availHeight);}else if (document.layers||document.getElementById) {if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){top.window.outerHeight = screen.availHeight;top.window.outerWidth = screen.availWidth;}}</script> <!-- End --- http://www.iroweb.com -->

تا حالا حتما توي وبلاگ ها يا سايت ها مختلف نوشته هاي متحرك رو مشاهده كرديد . توي اين پست مي خوام آموزش كامل متحرك سازي نوشته ها رو براتون ياد بدم تا خودتون هر جوري كه دوست دارين از اون استفاده كنيد .

نمونه :

كدهاي متحرك سازي در اول خود به سه نوع تقسيم مي شوند :

1 - كد متحرك سازي از راست به چپ

2 - كد متحرك سازي از چپ به راست

3 - كد متحرك سازي از بالا به پايين

خوب حالا مرحله به مرحله بريم جلو تا كامل شما رو با اين كد كاربردي آشنا كنم :

شكل كلي اين كد :

<marquee>سايت آموزش ايرانيان</marquee>

ريز كدهاي موجود :

شما ميتوانيد با گسترش دادن كد اصلي توسط ريز كدها از اين كد كاربردي به نحو دلخواه استفاده كنيد :

          الف : ريز كدهاي جهت دهنده : اين ريز كدها جهت حركت نوشته رو مشخص ميكنند كه عبارتند از :

direction="right"      به سمت راست

direction="left"           به سمت چپ

direction="down"            به پايين

          طريقه استفاده از اين ريز كدها اينجوريه :

<marquee direction="right">سايت آموزش ايرانيان</marquee>              سايت آموزش ايرانيان

<marquee direction="left">سايت آموزش ايرانيان</marquee>               سايت آموزش ايرانيان

<marquee direction="down">سايت آموزش ايرانيان</marquee>                 

   سايت آموزش ايرانيان

          ب : ريز كدهاي مشخص كننده نوع رفتار : اين ريز كدها يك حالت خاصي به اين متحرك مي دهند . مثلا معلوم ميكند كه بعد از برخورد با كنار صفحه بايستند يا اينكه بازتاب بشوند يا ... .

behavior="scroll"                                  گذر از دو طرف صفحه

behavior="slide"                        با رسيدن به انتهاي صفحه مي ايستد

behavior="alternate"                      با برخورد به كنار صفحه بر ميگرده

          طريقه استفاده از اين ريز كدها اينجوريه :

<marquee direction="right" behavior="scroll">سايت آموزش ايرانيان</marquee>              سايت آموزش ايرانيان

<marquee direction="right" behavior="slide">سايت آموزش ايرانيان</marquee>               سايت آموزش ايرانيان

<marquee direction="right" behavior="alternate">سايت آموزش ايرانيان</marquee>         سايت آموزش ايرانيان

          ج : ريز كدهاي مشخص كننده سرعت اسكرول :

scrolldelay="1"                   ميزان جهش در اسكرول

scrollamount="1"                            سرعت

          طريقه استفاده از اين ريز كدها اينجوريه : ( هرچه عدد سرعت بيشتر شود مسلما سرعت بيشتر مي شود )

<marquee direction="right" scrollamount="1">سايت آموزش ايرانيان</marquee>              سايت آموزش ايرانيان

<marquee direction="right" scrollamount="20">سايت آموزش ايرانيان</marquee>            سايت آموزش ايرانيان

خوب ديگه فكر كنم از اين كامل تر نشه . به هر حال اگر خوشتون اومد در نظرات ذكر كنيد .