Use Advanced Search

آموزش کامپیوتر به زبان ساده - مطالب هفته چهارم آذر 1389
صفایی ندارد ارسطو شدن، خوشا پر گشودن پرستو شدن...

کد پیام خوش آمد گویی و خداحافظی

یکشنبه 28 آذر 1389 08:00 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز قصد دارم بهتون یك كد بدم تا با اون بتونید به ازدی كنندگان وبلاگتون پیام خوش آمد و خداحافظی بدید. یعنی وقی كه صفحه لود میشه یك پنجره باز میشه و یك پیام مبنی بر خوش آمد گویی رو به شخص اعلام میكنه.. و همچنین هنگامی كه كاربر پنجره رو می بنده هم یك پیام خداحافظی برای فرد صادر میشه.
این كار هم خیلی سادست. فقط كافیه كه تگ <Body> تون رو پاك كنید و تگی رو كه این زیر براتون گذاشتم جایگزینش كنید.





شما توی كد بالا م تونید پیام ها رو به صورتی كه می خواهید تغییر شكل بدید. مكانشون هم اگر یك كم دقت كنید كاملاً مشخصه..

ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

ریزش برف از بالای وبلاگ

یکشنبه 28 آذر 1389 07:53 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش های نرم افزاری ،
با قرار دادن این كد توی وبلاگتون از بالای وبلاگ شروع به باریدن برف میكنه. جلوه جالبیه. البته اگر می خواستید ازش استفاده كنید سعی كنید كه زمینه وبلاگتون یه رنگ تیره باشه. چون اونجوری بهتر دیده میشه.
قواعد: قرار دادن این كد یه قواعدی هم داره. این كد به دو دسته تقسیم میشه كه باید دسته اول رو در قسمت Head و قسمت دوم رو در قسمت Body وبلاگتون قرار بدید. برای همین من توی خود كدها این قسمت ها رو مشخص كردم. امیدوارم كه از این كد هم خوشتون بیاد.





اگر مشكلی داشتید یا Comment بزارید و یا اینكه روی مسنجر برام آفلاین بزارید.

ارتباط آنلاین با رضا غفاری


دیدگاه ها : نظرات
آخرین ویرایش: - -

کد تقویم میلادی و شمسی

یکشنبه 28 آذر 1389 07:48 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز براتون كد دو نوع تقویم رو می زارم. اولیش تاریخ شمسی رو نمایش می ده و دومیش تاریخ میلادی رو به نمایش می زاره. در ضمن این كدها رو در قسمت Body وبلاگتون قرار بدید.

تقویم شمسی:





تقویم میلادی:





امیدوارم كه از این كدها خوشتون اومده باشه.. اگر مشكلی داشتید Comment بزارید.

ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

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

یکشنبه 28 آذر 1389 07:37 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز هم با یك كد جاوا اسكریپت اومدم. امیدوارم كه ازش خوشتون بیاد.
شما با استفاده از این كد می تونید عنوان یا همون تایتل وبلاگتون رو متحرك كنید . به این صورت كه هر متنی رو كه شما به عنوان تایتل وبلاگتون در نظر بگیرید كلمه به كلمه ظاهر میشه. درست مثل موقعیكه شما دارید یك كلمه رو تایپ میكنید. در ضمن نوشته مورد نظرتون هم باید توی اون قسمتی كه مشخص كردم قرار بدید. امیدوارم كه خوشتون بیاد.





اگر مشكلی داشتید برام Comment بزارید. موفق باشید !!!!!!


ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

کد پرواز پروانه در وبلاگ

یکشنبه 28 آذر 1389 07:34 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما با قرار دادن كد زیرتوی وبلاگتون شاهد پرواز چند تا پروانه خواهید بود. فقط توجه داشته باشید كه این كد رو باید در قسمت Body وبلاگتون قرار بدین.
نكته: اصلاً بزارید یه نكته كلی در مورد كدهای Html و Java بهتون بگم. در مورد نحوه قرار گیری این كدها باید این نكته رو در نظر داشته باشید كه شما اون كدهایی رو كه قراره توی وبلاگتون دیده بشن رو باید در قسمت Body وبلاگتون قرار بدین. اما قالب كدهایی كه در قسمت Head وبلاگ قرار می گیرن در قابل دیدن نیستند و معمولاً وضعیت قسمت های دیگه رو تعریف می كنند، مثل: نوع فونتها اندازه اونها، رنگ لینكها و ....
كد مربوط به پرواز پروانه:





امیدوارم كه از این آموزش هم خوشتون اومده باشه. اگر مشكلی هم بود برام Comment بزارید.


دیدگاه ها : نظرات
آخرین ویرایش: - -

کد یك صلیب سرخ رنگ به عنوان نشانه گر موس شما

یکشنبه 28 آذر 1389 07:30 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
با استفاده از این كد؟ راستش رو بخواهید نمی تونم قشنگ تشریحش كنم كه چه جوریه !؟ فقط همین قدر می تونم بگم كه با استفاده از این كد یك صلیب یا همون بعلاوه بزرگ به اندازه تمام صفحه در وبلاگتون نمایش داده میشه كه مركز این صلیب محل موستون رو مشخص میكنه. یعنی موس شما به هر طرفی كه حركت كنه مركز این صلیب هم به اونجا میره. فكر میكنم اگر بخواهید دقیقاً متوجه بشید كه چجوریه بهتره كه امتحانش كنید.


این كد رو در قسمت Head وبلاگتون قرا بدید



این كد هم در قسمت Body قرار بدید



ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

جستجوی یك كلمه در صفحه جاری

یکشنبه 28 آذر 1389 07:27 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما با اتفاده از این كد یك موتور جستجو رو در وبلاگتون خواهید داشت.اما این موتور جستجو با بقیه یه فرق كلی داره؟ اون هم اینه كه شما با استفاده از این موتور فقط قادر به جستجوی یك كلمه در همون صفحه جاری خواهید بود. پس دقیقاً مثل همون دستور Find توی منوی Edit هستش و هیچ فرقی با هم ندارند.راستی یه موضوع دیگه هم مونده. این كد دو تا قسمت داره كه باید در دو قسمت متفاوت قرار بگیرند. یعنی اینكه قسمت اول رو باید در قسمت Head و قسمت دوم رو باید در قسمت Body وبلاگتون قرار بدید.


این كد رو در قسمت Head قرار بدید


این كد رو در قسمت Body قرار بدید



اگر مشكلی داشتید برام Comment بزارید. موفق باشید.

ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

این صفحه را ببینید source

یکشنبه 28 آذر 1389 07:24 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
توی این جلسه یك كد اچ تی ام ال براتون گذاشتم كه هر جایی از وبلاگتون قرارش بدید اونجا یك كلید ظاهر میشه كه با كلیك كردن روی اون می تونید Source صفحه و یا همون كدهای Html تشكیل دهنده اون رو ببینید. نتیجه كار هم به این صورت در میاد. امتحانش كنید تا منظورم رو متوجه بشید






:كد مربوطه



ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

کد ساعت کامپیوتری

یکشنبه 28 آذر 1389 07:22 ب.ظ

نویسنده : reza ghaffari
امروز هم یك كد جاوا اسكریپت گذاشتم كه با استفاده از اون یه ساعت كامپیوتری رو توی وبلاگتون خواهید داشت. امیدوارم كه خوشتون بیاد. در ضمن این ساعت زمان سیستم رو نشون می ده.




ارتباط آنلاین با رضا غفاری






دیدگاه ها : نظرات
آخرین ویرایش: - -

متن چشمك زن در استاتیوس بار

یکشنبه 28 آذر 1389 07:15 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما بعد از به كار بردن این كد جاوا اسكریپت در وبلاگتون شاهد یك متن چشمك زن در نوار استاتیوس بار اینترنت اكسپلورر خواهید بود. دقیقاً مثل همین متنی كه توی استاتیوس بار این صفحه می بینید.
محل قرارگیری: شا باید این كد رو در قسمت Body وبلاگتون قرار بدید.



كد مربوطه:



ارتباط آنلاین با رضا غفاری


دیدگاه ها : نظرات
آخرین ویرایش: - -

کد یك ماشین حساب باحال

یکشنبه 28 آذر 1389 07:02 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما با استفاده از این كد جاوا یه ماشین حساب خواهید داشت. این كد رو هم باید هر جایی كه می خواهید این ماشین حساب دیده بشه قرارش بدید.



كد مربوط به این ماشین حساب:



ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

نوشته متحرک به صورت کلمه به کلمه در استاتیوس بار

یکشنبه 28 آذر 1389 06:52 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
سلام به همه. شما با استفاده از کد زیر یک نوشته متحرک رو در قسمت استاتیوس بار خواهید داشت که به صورت کلمه به کلمه ضاهر میشه. درست مثل اینکه دارید یک متن رو تای÷ میکنید.





دیدگاه ها : نظرات
آخرین ویرایش: - -

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

یکشنبه 28 آذر 1389 06:50 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش شگرد های اینترنتی ،
براتون یه نرم افزار گذاشتم كه به وسیله اون می تونید هركسی رو كه وب كم داره بدون اینكه ازش اجازه بگیرید ببینید. خیلی باحاله نه.
حالا اول برید از توی این صفحه ای كه لینكشو براتون گذاشتم این برنامه رو دانلود كنید. البته برای دانلود كردنش باید تا حدودی رو سرش تكنیك پیاده كنید كه براتون توضیح می دم.


صفحه مربوط به دانلود برنامه


بعد از اینكه وارد این صفحه شدید باید روی فایل Amir.jpg راست كلیك كنید و بعد از انتخاب گزینه Save As اسم فایل رو به Amir.Exe تغییر بدید و Save رو انتخاب كنید تا فایل مورد نظر دانلود بشه. بعد از اینكه این فایل رو دانلود كردید باید اون رو اجرا كنید كه با این كار كادری باز میشه كه باید آیدی فرد مورد نظر ( البته در صورتی كه وب كمش فعال باشه ) رو توی اون كادر قرار بدید و گزینه Connect رو بزنید تا ارتباط تون برقرار بشه. البته باید این رو هم در نظر بگیرید كه هر كسی كه آیكونش نشون دهنده این بود كه وب كم داره حتماً هم به این صورت نیست. چون میشه اون آیكون رو در هنگام ارتباط با یاهو تغییر داد. پس برای اطمینان از صحت انجام كار این برنامه از یك نفر استفاده كنید كه مطمئن هستید وب كم داره.


ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

.پرده سینما را در وبلاگتان تجربه كنید

یکشنبه 28 آذر 1389 06:45 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ، آموزش شگرد های اینترنتی ،

می تونم به جرأت بگم كه یكی از زیباترین اسكریپت هایی كه تا بحال دیدم همین كده. به خاطر همین هم به محض اینكه پیداش كردم اولین كاری كه كردم این بود كه توی وبلاگ نوشتمش.
مطمئن باشید كه بعد از دیدنش شما هم با من هم عقیده خواهید شد كه خیلی جالبه.
قبل از اینكه این كد رو قرار بدید می تونید رنگش و همچنین سرعت باز شدنش رو تغییر بدید. البته من حالت پیش فرضش رو به مشكی و سرعت 10 تغییر دادم. حالا برای این كه بخواهید این تغییرات رو اعمال كنید به قسمت زیر توجه كنید.
نكته: اگر می خواهید كه قبل از قرار دادن این كد توی وبلاگتون عملكردش رو ببینید اول از همه كدی رو كه این پایین براتون گذاشتم رو كپی كنید توی Note Pad و اون رو با پسوند Html ذخیرش كنید. راستی یادتون باشه كه در پنجره Save As در نوار كشویی Encoding كه پایین اون پنجره قرار داره حتماً گزینه Utf-8 رو انتخاب كنید و بعد از این كه اون فایل رو اجرا كنید نتیجه كار رو خواهید دید.



توضیحات مربوط به این آموزش:
1- اول از همه كدی رو كه براتون توی پایین این صفحه گذاشتم رو كپی كنید داخل Note Pad و از منوی Format گزینه Word Warp رو غیر فعال كنید. ( چون من آدرسها رو نسبت به خطها براتون نوشتم، حتماً این كار رو انجام بدید )

2- تغییر دادن رنگ این پرده:
برای تغییر دادن رنگ این پرده باید در خط نهم و دقیقاً در جلوی كلمه background-color رنگ دلخواه خودتون رو وارد كنید. ( رنگ پیش فرض Black می باشد )

3- تغییر سرعت حركت این پرده:
برای اینكه بخواهید سرعت حركت این پرده رو هم تغییر بدید باید در خط بیست و یكم و دقیقاً در جلوی كلمه var speed سرعت مورد نظر خودتون رو تایپ كنید. ( حالت پیش فرض 10 می باشد )

4- توجه كنید كه این كد رو باید دقیقاً بعد از تگ <Body> قرار بدید. وگرنه اونجوری كه دلتون می خواد از كار در نمیاد.



:كد مربوط به این آموزش

راستی یه چیزی رو هم یادم رفت بهتون بگم. می خواستم بگم كه ان كد حتماً باید بین تگ های <body> و <body/> قرار بگیره تا عمل كنه.



دیدگاه ها : نظرات
آخرین ویرایش: - -

غیر فعال كردن راست كلیك در وبلاگ

یکشنبه 28 آذر 1389 06:28 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ، آموزش شگرد های اینترنتی ،
شما با استفاده از این كد می تونید راست كلیك كردن رو توی وبلاگتون غیر فعال كنید. البته من نمی دونم كه چرا بعضی ها این كد رو توی وبلاگشون قرار می دن. ولی طبق اون چیزهایی كه شنیدم میگن بعضی ها برای اینكه افراد نتونن عكس های توی وب سایت یا وبلاگشون رو Save كنند. البته با وجود این كد باز هم ذخیره كردن عكس ها امكان پزیره. بعضی افراد دیگه هم از بیكاری این كار رو انجام می دهند. البته من این كد رو براتون گذاشتم ولی علی رغم اینكه خیلی ها از این كد توی وبلاگشون استفاده می كنند من بهتون توصیه می كنم كه از این كد استفاده نكنید. چون ممكنه موجب رنجش خاطر بازدید كنندگان وبلاگتون بشه. در ضمن این كد رو هم باید در قسمت Head وبلاگتون قرار بدید.
راستی یك نكته دیگه هم موند كه یادم رفت بگم. این كد دو تا حالت داره. حالت اول ( و كد اول ) به اینصورته كه بعد از اینكه فرد راست كلیك كرد یك پیغام اختیاری براش صادر میشه كه با Ok كردن اون پیغام رفع خواهد شد. ولی حالت دوم ( و كد دوم ) به اینصورته كه فقط راست كلیك غیر فعال میشه و بعد از راست كلیك هیچ پیغام خاصی صادر نخواهد شد.

كد اول





كد دوم




ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

اسکرول بار رنگی

یکشنبه 28 آذر 1389 06:09 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز یك كد جالب Html براتون گذاشتم كه مطمئنم خیلی باهاش حال می كنید. اونهایی كه كارشون وب گردی و از صبح تا شب توی سایتهای مختلف چرخ می زنن حتماً توی روز چند تا سایت به پستشون می خوره كه اسكرول بارهاشون رنگیه. همونطوری كه خودتون می دونید و دیدید این حركت خیلی وبلاگ رو قشنگ می كنه. حالا من هم این كد رو براتون گذاشتم كه حسابی كیف كنید. حالا تنها كاری كه شما باید بكنید اینه كه كد زیر رو در قسمت Head وبلاگتون قرار بدید. البته اگر یك كم دستكاریش كنید می تونید رنگ مورد نظرتون رو ایجاد كنید كه به رنگ زمینه وبلاگتون هم بخوره..در ضمن شاید توی نوشته بعدیم كد بعضا از رنگها رو كه كاربردهای بیشتری دارند روبنویسم. خوب بهتره كه زیاد كشش ندیم و بریم سر اصل مطلب... امتحانش كنید



ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

موتور جستجو در وبلاگ

یکشنبه 28 آذر 1389 05:59 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز می خوام بهتون یك كد بدم كه به وسیله اون می تونید جستجوگر سایت MSN رو توی وبلاگتون قرار بدید. به این معنی كه هر كاربری بتونه از توی وبلاگ شما به سرچر MSN دسترسی داشته باشه و كلمه دلخواه خودش رو جستجو كنه. برای این كار فقط كافیه كه كدی رو كه این پایین براتون گذاشتم كپی كنید و توی محل دلخواهی كه می خواهید قرار بدید.

<table border="0" width="582" height="18"> <tr> <td width="576" height="10"> <form name="search" id="search" method="get" action="http://search.msn.com/results.asp"> <p align="left"><a href="http://www.msn.com"> <img src="http://r.office.microsoft.com/r/rlidFPMsnSearchBot" width="61" height="33" border="0" alt="Go to msn.com"></a><font face="arial" size="2"><strong>Search <font color="#808080">the Web for:</font></strong></font><br> <input type="text" id="q" size="71" maxlength="251" name="q" vcard_name="SearchText"> <input type="submit" value="Search" name="B1"><input type="hidden" name="FORM" value="FRNT"><input type="hidden" name="un" value="doc"><input type="hidden" name="v" value="1"></p> </form> </td> </tr> <tr> <td width="576" height="21" valign="bottom"> <p align="center"><font size="1" face="arial"> <a href="http://search.msn.com/advanced.asp?MT=&RS=CHECKED&amp;Form=FRNT"> Use Advanced Search</a></font></td> </tr> </table>

در ضمن یك كار دیگه هم می مونه كه اینه: برای اینكه وقتی این كد رو توی وبلاگتون قرار دادید قالبتون به هم نخوره باید یك كم اندازه هاشو دستكاری كنید كه فكر می كنم همتون این كار رو بلدید. بخاطر همین قسمتهایی رو كه شما می تونید تغییر بدید رو با رنگ سفید نوشتم. پس رنگ های سبز رو دستكاری نكنید.
ارتباط آنلاین با رضا غفاری

Use Advanced Search




دیدگاه ها : نظرات
آخرین ویرایش: - -

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

یکشنبه 28 آذر 1389 05:56 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما در این آموزش به صورت كامل یاد می گیرد كه كدهای بلاگر چی هستند به چه صورت میشه از اونها استفاده كرد و اصلاً كاربردشون چیه. شما با استفاده از كدهای بلاگر میتونید نوشته هاتون رو به وبلاگتون پست كنید، اونها رو توی یك آرشیو قرار بدید و .... به عنوان مثال در بین این كدها كدی به این صورت وجود داره (<$Blogitemtitle$> ) كه این كد رو در هرجایی از وبلاگتون كه قرار بدید در اون قسمت عنوان نوشته ای كه پست می كنید نوشته میشه. البته در این نوشته در مورد این كدها به صورت كامل صحبت خواهم كرد تا درك مطلب براتون راحت تر بشه. خوب! كدهای بلاگر به دو دسته تقسیم میشن. دسته اول: دسته اول كدهایی هستند كه تنها وقتی عمل می كنند كه بین دو تگ <blogger> و <blogger/> قرار بگیرند. دسته دوم: اما دسته دوم كدهایی هستند كه حتی اگر بیرون دو تگ فوق هم قرار بگیرند باز هم عمل می كنند. خوب حالا به صورت یك به یك تمامی كدهای مورد نظر رو با هم مرور می كنیم. دسته اول:این دسته دارای پنج كد هست. البته این نكته رو هم در نظر بگیرید كه من مهمترین كدهای موجود كه برای شما لازم هستند رو ذكر میكنم، پس اگر سوالی خارج از این مسائل داشتید در قسمت Comments بنویسید. كدهای این قسمت به شرح زیر هستند. 1- <$Blogdateheaderdate$> : با استفاده از این كد شما می تونید تاریخی كه یك نوشته رو پست می كنید نمایش بدید. مثلاً شما یك نوشته رو در تاریخ 2004/12/10 پست كردید در هر جایی كه شما این كد رو قرار بدید این تاریخ نیز در اون قسمت درج خواهد شد. البته حتماً باید بین كدهای بلاگر قرار داشته باشه. این كد به غیر از اینكه باید بین كدهای بلاگر قرار بگیره باید بین دو تگ دیگر هم قرار بگیره كه به صورت زیر هستند <blogdateheader> و <blogdateheader/> . و در آخر شكل نهایی این كد به صورت پائین در میاد. پس شما فقط كافیه كه كد پایین رو در همون قسمت مورد نظر وبلاگتون كپی كنید و تموم... 2- <$Blogitemtitle$> : شما با استفاده از این كد میتونید عنوان نوشته خودتون رو نمایش بدین. حالا اگر نمی دونید عنوان نوشته چیه توجه كنید تا یاد بگیرید ؟! در كنترل پنل شما و در قسمتی كه نوشته هاتون رو پست میكنید قسمتی وجود داره به اسم Title كه شما هر نوشته ای رو كه توی اون قسمت وارد كنید بعد از اینكه اون نوشته رو پست كردید به عنوان تایتل یا همون عنوان نوشتتون شناخته می شه و شما این كد رو هرجایی كه قرار بدید اون نوشته جایگزین این كد میشه. برای استفاده از این كد هم میتونید از این قسمت پایین استفاده كنید. 3- <$blogitembody$> : شما با استفاده از این كد هم می تونید متن ارسالی خودتون رو نمایش بدین. یعنی دقیقاً همین متنی رو كه دارید می خونید. پس دیگه فكر نمی كنم احتیاج به توضیح بیشتری داشته باشه چون به اندازه كافی واضح هست. فقط یك تذكر مهم: من بهتون توصیه می كنم كه این كد رو توی یك مكان جادار قرار بدید تا قالبتون به هم نریزه. برای این قسمت هم از كد زیر استفاده كنید. 4- با استفاده از كدی هم كه این پایین براتون گزاشتم میتونید ساعت و تاریخی رو كه یك نوشته رو پست كردید رو مشخص كنید. درست مثل همین تاریخ و ساعتی كه در قسمت پایین و سمت چپ این نوشته می بینید. در ضمن این كد یك كار دیگه هم انجام می ده. اگر روی این نوشته راست كلیك كنید و قسمت Properties رو انتخاب كنید ( البته بعد از اینكه نوشته رو پست كردید) میتونید در قسمت Address آدرس دقیق اون نوشته رو در آرشیوتون ببینید. البته این در مواقعی به كار می ره كه یك نفر بخواد از یك سایت یا وبلاگ دیگه به یك نوشته بخصوص در وبلاگ شما لینك بده. برای این كار باید آدرس اون نوشتتون رو از این طریق به دست بیاره. حالا فقط كافیه كه كد زیر رو در محل مورد نظر در وبلاگتون قرار بدید. 5- <$BlogURL$> : با استفاده از این كد هم میتونید برای خانه وبلاگتون یا همون Home Page وبلاگتون یك لینك قرار بدید. یعنی با كلیك كردن بر روی اون به صفحه اول وبلاگ هدایت خواهید شد. خوب كدهای مربوط به قسمت اول تموم شدند. حالا می خوایم بریم سر قسمت دوم فقط یادتون نره كه تمام كدهای قسمت اول باید بین كدهای بلاگر قرار بگیرن. دسته دوم:كدهای این قسمت بدون قرار گرفتن در بین كدهای بلاگر هم عمل خواهند كرد. 1- <$BlogMemberProfile$> :شما با استفاده از این كد می تونید پروفایل یا همون مشخصاتی رو كه در مورد خودتون در سایت بلاگر وارد كردید رو به نمایش بگزارید. یعنی اسم و فامیل و سن و .... حالا فقط كافیه كه كد زیر رو در محل مورد نظر قرار بدید. 2- <$Blogpreviousitemtitle$> : با قرار دادن این كد هم در قسمتی كه بخواهید می تونید لیست نوشته هایی رو كه به وبلاگتون فرستادید داشته باشید. یعنی تمام نوشته های شما رو به صورت لینك لیست می كنه و می تونید به هر كدوم از نوشته هاتون كه بخواهید سر بزنید و یا اینكه آدرسشون رو پیدا كنید. 3- لینك آرشیو: با استفاده از این كد هم می تونید برای وبلاگتون لینك آرشیو بگزارید


'<MainOrArchivePage><ul




ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

تعداد افراد بازدید كننده

یکشنبه 28 آذر 1389 05:46 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما توی این نوشته یاد میگیرید كه چطوری می تونید یك كنتور توی وبلاگتون داشته باشید و از این طریق بفهمید كه تعداد افرادی كه وارد وبلاگتون می شن و مطالبتون رو می خونن چند نفرن. مثل همین كنتوری كه توی منوی سمت راست وبلاگ من میبینید. همین الان كه من این مطلب رو می نویسم عددی رو كه كنتور وبلاگم نشون می ده 140 نفره!!! راجع به این مسأله سایتهای زیادی هستند كه این سرویس رو در اختیارتون قرار می دن ولی یكی از بهترین این سایتها سایت Netsups هست كه یك سایت كاملاً فارسیه و به همین خاطر هم كار من خیلی ساده تر میشه و هم كار شما. خوب! اولین كاری كه شما باید بكنید اینه كه از اینجا وارد قسمت ثبت نام این سایت بشید و بعد از اینكه فیلدهای مورد نظر رو پر كردید به شما یك كد اچ تی ام ال داده میشه كه باید اونو توی هر قسمتی از سایتتون كه می خواهید كنتور دیده بشه قرار بدین تا اینكه شما هم از این به بعد یك كنتور داشته باشید


ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

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

یکشنبه 28 آذر 1389 05:31 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز هم براتون انواع حالتهای یك نوشته متحرك رو می نویسم. امیدوارم كه خوشتون بیاد.
نوشته های متحرك سه حالت دارند. حالت اول به اینصورته كه یك متن از یك سمت حركت می كنه و از سمت دیگه خارج میشه و این چرخه تا به آخر وجود دارهlمثال اول (آموزش کامپیوتر به زبان ساده)
  



حالت دوم هم به این صورته كه نوشته از یك سمت حركت می كنه و بعد از اینكه به سمت دیگه می رسه به طور كامل از حركت می ایسته. بخاطر همین هم به اسلاید معروفهمثال دوم ( آموزش کامپیوتر به زبان ساده) .


نوع سوم هم به صورت برخورد به ستونه. یعنی نوشته بعد از رسیدن به آخر خط دوباره بر میگرده به اول خط و بالعكسمثال سوم (آموزش کامپیوتر به زبان ساده)ه





كدهای مربوطه:
1- برای قسمت اول شما باید از این كد استفاده كنید:





2- برای قسمت دوم هم باید از این كد استفاده كنید:





3- و بالاخره برای این قسمت هم باید از این كد استفاده كنید.





مقادیر مربوطه:
توی همه كدهای بالا مقادیری وجود داره كه بعضی هاشون باید توضیح داده بشن.

1- Behavior : با استفاده از این گزینه می تونید نوع متن متحركتون رو مشخص كنید. یعنی اینكه از نوع اول باشه یا دوم و یا سوم كه مقادیرش به صورت زیر هستند.
حالت اول: برای حالت اول شما باید گزینه Scroll رو در جلوی این گزینه وارد كنید.
حالت دوم: برای این قسمت هم باید از گزینه Slide استفاده كنید.
حالت سوم: برای این قسمت هم گزینه alternate به كار می ره.

2- direction : با استفاده از این گزینه هم شما می تونید مسیر حركت نوشته و یا همون سمتی رو كه شروع به حركت می كنه مشخص كنید كه مقادیرش به صورت زیر می باشد.
Right: با استفاده از این گزینه متن از سمت چپ شروع به حركت می كنه و به سمت راست ختم میشه و بیشتر برای متن های فارسی به كار میره.
Left: این گزینه هم درست بالعكس گزینه قبل عمل می كنه.
Up: با استفاده از این گزینه هم متن از سمت پایین شروع به حركت می كنه و به سمت بالا ختم میشه.
Down: این گزینه هم دقیقاً بالعكس گزینه قبل عمل می كنه ، یعنی از سمت بالا به سمت پایین حركت می كنه.

Width & Height: با استفاده از این دو گزینه هم می تونید عرض (Width) و ارتفاع (Height) متن متحركتون رو مشخص كنید. این مقدار می تونه هم به صورت پیكسلی و هم به صورت در صدی% باشه.





دیدگاه ها : نظرات
آخرین ویرایش: - -

چت بازدید کنندگان با شما

یکشنبه 28 آذر 1389 05:20 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما توی این آموزش می تونید اد بگیرید كه چطوری میشه با بازدید كننده های وبلاگتون چت كنید.
منظور از چت بازدید كنندگان با شما اینه كه شما آی دیتون رو توی وبلاگ قرار می دید و در كنار آی دی شما یك چراغ قرار می گیره كه در صورت آنلاین بودن شما روشن و در صورت آفلاین بودن شما به صورت خاموش نمایش داده میشه. شما از این طریق می تونید با بازدیدكنندگان وبلاگتون به صورت آنلاین چت كنید و در صورت آفلاین بودن شما افراد می تونند برای شما آفلاین بزارند تا شما بعداً اونها رو چك كنید. برای این كار شما باید كد زیر رو در محل مورد نظر قرار بدید ولی قبل از اون باید آی دیتون رو توی اون وارد كنید ( توی اون محلی كه نوشتم: Your Id ). نتیجه كار هم به صورت زیر در میاد.


ارتباط آنلاین با رضا غفاری

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



دیدگاه ها : نظرات
آخرین ویرایش: - -

افزودن عكس به زمینه وبلاگ

یکشنبه 28 آذر 1389 05:16 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
خوب امروز اومدم كه بهتون یاد بدم كه چطوری میشه برای زمینه وبلاگتون یك عكس قرار بدید. درست مثل زمینه وبلاگ خود من. افكت جالبیه ولی باید روش یك كم فكر كنید. چون یك نكته داره كه می خواهیم با هم دربارش بحث كنیم.
اول از همه می خوام یك نصیحت بهتون بكنم. یك نكته خیلی مهم در این زمینه اینه كه شما باید به این نكته توجه كنید كه لود شدن عكس ( اونم با این سرعتهای در پیت ) خیلی طول می كشه و ممكنه كه بازدید كننده رو از خوندن مطالب منصرف كنه ( یعنی اینكه با خودش بگه به لود شدنش نمی ارزه ) و بی خیال وبلاگ بشه. البته این كه شما میبینید من توی بعضی از آموزشهام از عكس استفاده كردم از مجبوری بوده. پس شما سعی كنید كه برای زمینه وبلاگتون از عكس های با حجم بالا استفاده نكنید. ( مثل وبلاگ من كه كل حجم عكس زمینش 402 بایته كه لود شدنش فكر نمی كنم بیشتر از دو ثانیه وقت ببره ). خوب بگزریم و بریم سر اصل مطلب:

گذاشتن عكس در زمینه وبلاگ دو حالت داره. اول اینكه شما یك عكس بزرگ به اندازه تمام صفحه دارید، مثلاً 768*1024 و یا 600*800 و یا هر سایز دیگه ای. حالا شما می خواهید طوری این عكس رو قرار بدید كه كل صفحه رو بگیره و با بالا و پایین كردن صفحه از جاش تكون نخوره. برای این كار باید یك كم تگ Body تون رو دستكاری كنید و به صورت زیر تبدیلش كنید:







حالت دوم هم به این صورته كه شما یك عكس دارید كه می خواهید با بالا و پایین كردن صفحه اون هم حركت كنه. برای این كار هم باید تگ Body تون رو به این صورت تبدیل كنید:



این هم از گذاشتن عكس به عنوان پس زمینه. امیدوارم كه خوشتون اومده باشه . راستی یه نكته. ممكنه كه شما توی این آموزش یك كم گیج شده باشید؟ تنها راه حلش اینه كه هر دو راه حل رو امتحان كنید. مطمئن باشید جواب میده.


دیدگاه ها : نظرات
آخرین ویرایش: - -

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

یکشنبه 28 آذر 1389 10:14 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز یك كد جاوا اسكریپت براتون میزارم. اگر در جریان باشید این هم یكی از مباحث همون تبلیغه هست كه قبلاً دربارش حرف زده بودم ها. خوب بگذریم. با استفاده از این كد بعد از اینكه كاربر توی وبلاگ شما راست كلیك كرد صفحه IE به طرز وحشتناكی شروع به لرزش میكنه (البته بعد از اینكه یك پیغام براش صادر كرد). چه بسا كه طرف سكته هم بزنه ( البته شوخی كردم ). فرقی نمیكنه كه شما این كد رو توی چه قسمتی از قالبتون قرار بدید چون هر جا كه بزاریدش عمل می كنه. در ضمن تنها قسمتی رو كه شما می تونید تغییرش بدید پیامیه كه صادر میشه. محلش هم كاملاً مشخصه پس توضیحی لازم نداره.


امیدوارم كه از این آموزش هم خوشتون اومده باشه.

ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

نحوه وارد کردن فایل های فلش در وبلاگ

یکشنبه 28 آذر 1389 10:11 ق.ظ

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

همونطوری كه می بینید تنها فرقی كه این كد با كد مربوط به عكسها داره اینه كه در اول كد به جای كلمه Img از كلمه Embed استفاده شده و یك قسمت اضافه به نام No Embed هم بهش اضافه شده كه مشخص می كنه در صورت لود نشدن اون فایل فلش چه متنی به نمایش در بیاد. بقیه گزینه ها هم كه دقیقاً مثل عكس هاست و فكر نمی كنم احتیاجی به توضیح باشه.
موفق باشید.


دیدگاه ها : نظرات
آخرین ویرایش: - -

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

یکشنبه 28 آذر 1389 10:09 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
سلام به همگی...
امروز هم یك كد جاوا اسكریپت براتون گذاشتم. به وسیله این كد یك نوشته دلخواه به دنبال موس حركت می كنه. كد جالبیه حتماً امتحاش كنید.





شما توی بعضی از قسمتهای این كد هم می تونید یك كم دستكاری كنید. مثلاً مثل نوع فونت سایزش و حالتش و صد البته اون متن مورد نظرتون. كه برای قسمت های اولی می تونید توی خط های حدوداً پنجم تا دهم یك كم دستكاری كنید و همچنین محل متن مورد نظرتون هم كاملاً مشخصه.( همون قسمتی كه نوشتم Matne morede nazare shoma ).
موفق باشید.

ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

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

سه شنبه 23 آذر 1389 09:39 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش شگرد های اینترنتی ،
ساخت کد آهنگ آنلاین
 
     شما ابتدا باید آهنگ مورد نظر خود را آپلود کنید و آدرس URL بدست آمده را در  کادر زیر وارد کنید

جهت آپلود موسیقی خود اینجا کلیک کنید

      آدرس url آهنگ را در کادر پایین وارد کنید و دکمه ساخت کد آهنگ را بزنید!

1.لینک آهنگ حتما باید لینک مستقیم باشه

2.برای پخش آهنگ باید از فرمت های mp3, wma , midi استفاده کنید

آدرس لینک مستقیم آهنگ را در کادر زیر وارد کنید


      
     


ارتباط آنلاین با رضا غفاری


دیدگاه ها : نظرات
آخرین ویرایش: یکشنبه 28 آذر 1389 08:29 ق.ظ

تنظیم خاصیت float برای عناصر HTML از طریق جاوا اسکرپت

سه شنبه 23 آذر 1389 01:31 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

احتمالاً با خاصیت float در CSS آشنایی دارید. این خاصیت به ویژه وقتی مورد استفاده قرار میگیرد که طراح قصد داشته باشد بدون استفاده از جدولها چهارچوب صفحه را طراحی کند.

این خاصیت باعث میشود تا یک بلوک HTML بسته به مقداری که به این ویژگی داده میشود تا حد امکان در سمت چپ یا راست المنت والد آن نمایش داده شود، به طوری که سایر المنتها و متن موجود در المنت والد در اطراف بلوک مورد نظر قرار گیرند. توضیح بیشتر در مورد این خاصیت مربوط به بخش آموزش CSS هست بنابراین به همین مقدار توضیح بسنده میکنیم.

برای اختصاص دادن یک ویژگی CSS به المنتهای HTML از شیء style استفاده می شود. اما این نکته را باید در نظر داشته باشیم که float از کلمات کلیدی رزرو شده در جاوا اسکرپت است. به همین دلیل نمیتوانیم از متد style.float برای این منظور استفاده کنیم.

برای جلوگیری از تداخل بین float مورد استفاده در CSS و کلمه کلیدی float در جاوا اسکرپت به منظور اختصاص این ویژگی به المنتهای HTML از متد cssFloat استفاده میکنیم. برای درک بهتر میتوانید به مثال زیر در دو حالت قبل و بعد از اختصاص این ویژگی با به المنت توجه کنید:

<div style="border:1px #666 dashed; width:50%; margin:10px auto">
<div style="width:100px; height:100px; background: #fc0;">بلوک مورد نظر قبل از اختصاص ویژگی</div>
<p>این متن قبل از اختصاص ویژگی به المنت در زیر بلوک نمایش داده میشود</p>
</div>

قبل از اختصاص ویژگی float:


ارتباط آنلاین با رضا غفاری
ادامه مطلب

دیدگاه ها : نظرات
دنبالک ها: منبع:نئوپرشیا ،
آخرین ویرایش: یکشنبه 28 آذر 1389 08:23 ق.ظ

درخواست اطلاعات از کاربر

سه شنبه 23 آذر 1389 01:28 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

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

prompt('سؤال شما', ' ');

این فرمان یک پنجره را قبل از باز شدن صفحه نمایش می دهد که سؤال شما در آن پرسیده می شود و بیننده می تواند جواب خود را در کادری که برای او در نظر گرفته شده بنویسد. دو سینگل کوت بعدی جواب پیش فرض شما برای سؤال است. اگر شما چیزی بین این دو سینگل کوت ننویسید، بیننده با یک لیست خالی، آماده برای نوشتن مواجه می شود. این پیغام قبل از بارگذاری صفحه نمایش داده می شود پس شما می توانید پاسخ بیننده را در صفحه نمایش دهید.
اگر مثالی در این مورد می خواهید لینک زیر را کلیک کنید. در صفحه مثال نام شما پرسیده می شود و پس از وارد کرده آن، نام شما در صفحه جدید نمایش داده می شود:


ارتباط آنلاین با رضا غفاری
ادامه مطلب

دیدگاه ها : نظرات
دنبالک ها: منبع:نئوپرشیا ، منبع: نئوپرشیا ،
آخرین ویرایش: یکشنبه 28 آذر 1389 08:21 ق.ظ

آموزش کار با تاریخچه مرورگر با استفاده از جاوا اسکرپت

سه شنبه 23 آذر 1389 01:27 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

مرورگر ها به صورت پیش فرض آدرس و حتی خود صفحاتی را که کاربر مشاهده می کند ذخیره می کنند. این آدرسها به ترتیبی که کاربر آنها را مشاهده کرده است در تاریخچه (history) مرورگر ثبت می شوند و دکمه های Back و Forward پنجره مرورگر بر اساس این تاریخچه کار می کنند. با استفاده از جاوا اسکرپت می توانیم به این تاریخچه دسترسی داشته باشیم و با کمک آن مسیر کاربران را هدایت کنیم.

ما برای کار با تاریخچه مرورگر در اینجا از دکمه های HTML استفاده می کنیم که با کمک رویداد onclick در هنگام کلیک کردن روی این دکمه ها دستورات مورد نظر ما اجرا خواهند شد. در اینجا می توانید کد HTML مربوط به ساخت این دکمه ها را مشاهده کنید (البته مقدار مربوط به شناسه onclick مربوط به دستورات جاوا اسکرپت است که بعداً وارد خواهد شد) :

<input type="button" value="متن روی دکمه" onclick="">

برای آشنایی بیشتر با رویداد های HTML می توانید از صفحه رویدادهای مربوط به صفحه کلید و ماوس در HTML استفاده کنید. (لینک در صفحه جدید باز خواهد شد)

دستورات مختلفی برای کار با تاریخچه مرورگر وجود دارد که همه آنها از شیء history استفاده می کنند. در ادامه می توانید تعدادی از این دستورات را که با بیشتر مرورگرها کار می کنند مشاهده کنید


ارتباط آنلاین با رضا غفاری

ادامه مطلب

دیدگاه ها : نظرات
آخرین ویرایش: یکشنبه 28 آذر 1389 08:36 ق.ظ

دکمه ها و موارد استفاده آنها

سه شنبه 23 آذر 1389 01:23 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

ما برای نوشتن اسکرپت با استفاده از دکمه ها، ابتدا باید بدانیم چگونه می توان یک دکمه را در یک صفحه قرار داد. برای این کار شما باید از تگهای  <FORM> در اطراف تگ دکمه استفاده کنید. در مثال زیر نمونه یک HTML که یک دکمه را در یک صفحه قرار می دهد آورده شده است:

<FORM>
<INPUT type="button" value="اینجا کلیک کنید" name="button1">
</FORM>

این فرمان یک دکمه را در صفحه شما قرار می دهد، اما اگر روی آن کلیک کنید اتفاقی نمی افتد...

در زیر کار هر قسمت از فرمان بالا را می بینیم:

  1. <FORM>
    این قسمت یک فرم را ایجاد می کند بنابر این ما می توانیم یک دکمه بسازیم.
  2. <INPUT>
    این تگ به ما اجازه می دهد نوعی ناحیه ورودی بسازیم.
  3. "type="button
    این فرمان ناحیه ورودی ما را به عنوان یک دکمه تعریف می کند.
  4. "اینجا کلیک کنید"=value
    این متنی است که افراد روی دکمه می بینند. شما می توانید هر چیزی را که می خواهید بینندگانتان روی دکمه ببینند اینجا بنویسید.
  5. "name="button1
    شما می توانید برای مراجعات بعدی یا احتمالاً استفاده در یک اسکرپت به دکمه خود یک نام بدهید.

ارتباط آنلاین با رضا غفاری

ادامه مطلب

دیدگاه ها : نظرات
دنبالک ها: منبع: نئوپرشیا ،
آخرین ویرایش: یکشنبه 28 آذر 1389 08:38 ق.ظ



تعداد کل صفحات : 2 1 2