سايت تخصصی آموزش جاوااسكريپت ، وب و طراحي

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

لقمان آوند — Wed, 23 May 2012 22:13:59 +0000

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

دیدن پیش نمایش ابزار استخاره قران کریم

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

:: برای دریافت این ابزار می تونید به آدرس زیر مراجعه کنید :

http://tools.7learn.com/fal/get/estekhare

:: نظرات و پیشنهادات مفید و کاربردیتون رو در رابطه با این ابزارها با ما در میون بگذارید .

.: مطالب مرتبط با این پست :.

آموزش جاوااسکریپت (قسمت ۷) آرایه ها – Arrays

لقمان آوند — Tue, 22 May 2012 21:11:58 +0000

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

:: مطالبی که در این ویدیو مطرح میشن ، عبارتند از :

معرفی مختصری در مورد مفهوم Object Oriented و شئ گرا بودن جاوااسکریپت .
شئ و Object چیست .
معرفی مفهوم متدها (Method) و ویژگی (Property) در Object ها
معرفی آرایه ها (arrays) در زبان جاوااسکریپت
۳ راه مختلف تعریف ارایه ها در جاوااسکریپت
شیوه دسترسی به اعضای ارایه
شیوه تغیر و اضافه کردن یک مقدار جدید به ارایه ها در جاوااسکریپت
متدها و ویژگی های مختلف ارایه ها
مرتب سازی ارایه ها با استفاده از متد Sort
جستجو (Search) در آرایه ها با استفاده از متد indexOf

:: در این ویدیو هم چنین با هم به نوشتن اسکریپت های زیر می پردازیم :

اسکریپت چاپ تمام مقادیر درون یک ارایه
اسکریپت چاپ چندین متن مختلف در صفحه وب با توجه به رنگ های ذخیره شده در یک ارایه
اسکریپ مرتب سازی یک ارایه نامرتب و چاپ آرایه مرتب شده
اسکریپت دریافت نام کاربر و ذخیره سازی در ارایه نام ها (با نمایش پیام برای کاربران موجود در لیست)
اسکریپت چاپ روز هفته به زبان فارسی (خروجی تاریخ روز هفته به صورت : امروز چهارشنبه)

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

:: پیشنهاد میشه برای داشتن کیفیت کامل ، این ویدیو رو به صورت تمام صفحه (Full Screen) ببینید :

.: مطالب مرتبط با این پست :.

ارسال داده های فرم های html به یک iframe

لقمان آوند — Mon, 21 May 2012 20:57:41 +0000

:: فرم های موجود در صفحات html برای دریافت ورودی از کاربر استفاده می شن . معمولا به این شکله که پس از پر کردن فیلدهای یک فرم دکمه submit رو می زنید تا داده های وارد شده رو به سمت سرور بفرستید تا اونجا عملیات مورد نیاز ( مثلا ثبت نام ، لاگین شدن ، ذخیره مشخصات و …) روی داده های ورودی شما چک و اعمال بشه .
:: در حالت پیش فرض پس از پر کردن فرم و زدن دکمه submit به یک صفحه دیگه منتقل میشید و در اونجا نتیجه ارسال اطلاعاتتون رو میبینید . مثلا در صفحه جدید نمایش داده میشه که اطلاعات شما با موفقیت ثبت شد و یا یه چیزی تو این مایه ها …
:: در آموزش امروز می خوایم بگیم که چطور اطلاعات ارسال شده رو به یک iframe بفرستید که نخواید پس از زدن دکمه submit به صفحه جدید منتقل بشید .
:: محض یادآوری بگم که با استفاده از تگ iframe شما می تونید یک صفحه وب رو درون یک صفحه وب دیگه قرار بدید . مثلا با تگ iframe زیر من صفحه دیگه ای رو که شامل یک باکس و منوی منوی تب دار هست درون این پست میزارم :

که نمایشش به شکل زیر میشه :

:: حالا می خوایم یه چنین چیزی رو با هم بنویسیم . که اطلاعات یک فرم رو به یک iframe در زیر اون بفرستیم .

:: یک رنگ رو انتخاب کنید و دکمه submit رو بزنید تا نتیجه رو ببینید .
:: برای این کار شما به دو تا فایل نیاز دارید . یکی فایلی که فرم html شما رو در بر داره (form.html) و دیگری فایلی که اطلاعات فرم به اون ارسال می شه تا پردازش لازم روی اطلاعات ورودی رو انجام بده (print.php) .

:: فایل form.html رو به شکل زیر داریم که شامل یک فرمه که یک منوی select درون اون هست که رنگ مورد علاقه کاربر رو میخواد دریافت کنه . و در آخر این فایل هم iframe ی که قرار نتیجه رو در اون بیاریم آوردیم .

.: فقط اعضاي سايت مجاز به ديدن اين قسمت هستند :. در صورتي که عضو سايت هستيد از فرم ورود موجود در منوي سمت چپ وارد شويد .
در غير اين صورت در کمتر از 1 دقيقه مي توانيد در سايت عضو شويد : (عضويت سريع در سايت)

ضمنا ، با ورود به يکي از اکانت هاي خود از طريق آيکون هاي زير نيز بلافاصله مي توانيد مطالب را بدون محدوديت مطالعه کنيد :

.: مطالب مرتبط با این پست :.

زیباترین ابزار فال حافظ موجود برای استفاده در سایت و وبلاگ شما !

لقمان آوند — Wed, 16 May 2012 23:09:42 +0000

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

دیدن پیش نمایش ابزار فال حافظ

:: برای دریافت کد این ابزار و استفاده در وبلاگ و یا وبسایت شخصی خودتون می تونید به ادرس زیر مراجعه کنید یا اینکه روی لوگوی زیر کلیک کنید . در اونجا بیش از ۱۰ نمونه دکمه فال حافظ گذاشته شده که می تونید کد هر کدوم رو که دوست داشتید دریافت کنید .

http://tools.7learn.com/fal/get/hafez

:: در مورد این ابزار ، اگر مشکلی مشاهده کردید و یا نظر و پیشنهادی دارید در همین پست مطرح کنید .
:: اگر این ابزار رو هم مفید می بینید ، افتخار بدید و یه +۱ به ما هدیه کنید …

.: مطالب مرتبط با این پست :.

ایجاد انواع منوها و باکس های تب دار در چند گام ساده !

لقمان آوند — Sun, 13 May 2012 23:51:55 +0000

:: حتما در بسیاری از صفحات وب دیدید که قسمتی از صفحه یه باکس یا منو وجود داره که بالای اون چند تب یا لینک هست و با کلیک روی هر کدوم از تب ها ، بلافاصله محتوای منو یا باکس عوض میشه و محتوای مربوط به اون تب در منو نمایش داده میشه . چیزی شبیه همین تب های مرورگر ها ، منتهی در درون صفحه وب !
:: بزارید لپ مطلب رو اینطور ادا کنم :
:: دوست دارید منوها و یا باکس های تب دار (معروف به تبر – tabber) همانند زیر داشته باشید :

:: خوب ، امروز می خوایم بهتون آموزش بدیم که چطور در ۳ گام ساده اینجور منو ها و باکس های tab دار رو بسازید .
:: برای ساخت این جور tabber menu یا tabber box به ترتیب این سه مرحله زیر رو طی کنید که بسیار ساده اند و واضح توضیح داده شده چیکار کنید :

.: مطالب مرتبط با این پست :.

آموزش جاوااسکریپت (قسمت ۶) حلقه ها – for ، while و for…in

لقمان آوند — Tue, 08 May 2012 16:41:47 +0000

:: حلقه ها (Loops) در زبان های برنامه نویسی بسیار کاربردی و مفید هستند . اگر شما نیاز به پردازش ها و عملیات تکراری روی تعداد زیادی داده دارید حتما باید از حلقه ها استفاده کنید . مثلا اگر بخواید نام و اطلاعات هزاران کاربر رو چاپ کنید ، یا اینکه مجذور ۱۰۰۰ عدد رو محاسبه کنید . در این قسمت از مجموعه آموزش های ویدیویی زبان جاوااسکریپت مفصلا در مورد حلقه ها صحبت می کنیم و با مثال های جالب و کاربردی سعی می کنیم به خوبی نحوه استفاده از حلقه ها و ترکیب اونها با دیگر عبارت های برنامه نویسی رو برای شما دوستان عزیز و علاقمندان به طراحی وب و جاوااسکریپت تشریح کنیم .

:: مطالبی که در این ویدیو مطرح میشن ، عبارتند از :

حلقه ها و دلیل استفاده از اونها در زبان های برنامه نویسی
موارد استفاده از حلقه ها
معرفی syntax و نحوه ی نوشتاری حلقه های for و while (حلقه for…in در جلسات آینده بحث می شود)
مثال های متونوع استفاده از حلقه های for و while در جاوااسکریپت
معرفی دستور break برای خروج و پایان اجرای حلقه
معرفی دستور continue برای پایان اجرای یک دور از حلقه و پرش به دور بعدی

در این ویدیو هم چنین با هم به نوشتن اسکریپت های زیر می پردازیم :

اسکریپت چاپ اعداد بین دو عدد خاص ، مثلا عددهای بین ۰ تا ۱۰۰
اسکریپت چاپ مجذور (توان دوم) اعداد بین ۰ تا ۱۰ (با هر دو حلقه for و while )
اسکریپت یک بازی جالب حدس عدد توسط کاربر
اسکریپت چاپ اعداد فرد بین ۱ تا ۲۰ (دو ورژن)

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

پیشنهاد میشه برای داشتن کیفیت کامل ، این ویدیو رو به صورت تمام صفحه (Full Screen) ببینید :

.: مطالب مرتبط با این پست :.

انواع دکمه های گوگل پلاس برای سایت یا وبلاگ شما !

لقمان آوند — Sun, 06 May 2012 06:56:58 +0000

:: گوشه پایین ، سمت چپ سایت رو ببینید . دوست دارید یه چنین باکس گوگل پلاسی با رنگ بندی و اندازه دلخواه در سایت و وبلاگ خودتون داشته باشید ؟ مایلید محبوبیت وبسایت خودتون رو افزایش بدید ؟ آیا به فکر ارتقاء رتبه وبلاگ خود در نتایج موتورهای جستجو از جمله گوگل هستید ؟ اگر پاسختون به این سوال ها مثبت هست همین الان می تونید در عرض کمتر از ۱ دقیقه این باکس رو در وبلاگ یا وبسایت خودتون داشته باشید و به مرور زمان و با کسب امتیاز های گوگل پلاس ، محبوبیت سایت و وبلاگ خودتون رو افزایش بدید .
:: همونطور که روز گذشته به اطلاعتون رسونده بودیم ، سیستم ابزاردهی ۷Learn آغاز به کار کرده و در حال توسعه و گسترش اون هستیم . اولین ابزاری که برای شما آماده کردیم همین ابزاریست که در موردش صحبت کردیم . ابزار افزودن باکس دکمه های گوگل پلاس با رنگ بندی دلخواه شما و در ۳ سایز و نمونه مختلف .
:: این ابزار هیچ گونه تبلیغات نمایشی رو در خودش نداره و در آینده هم نخواهد داشت و طوری طراحی شده که شما به راحتی و بدون دغدغه نمایش تبلیغات ضدحال! از اون استفاده کنید .

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

این ابزار مفید رو به دوستان خود هم معرفی کنید …

.: مطالب مرتبط با این پست :.

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

لقمان آوند — Thu, 03 May 2012 21:19:39 +0000

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

ورود به سیستم ابزاردهی ۷Learn

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

.: مطالب مرتبط با این پست :.

آموزش پنل مدیریتی بلاگفا (قسمت سوم) مدیریت نظرات و پیوندها

sanisab — Mon, 30 Apr 2012 02:51:04 +0000

یکی دیگر از اموزشهای بلاگفا رو اماده کردیم که امیدوارم مورد نظر شما باشه . در این آموزش در مورد مدیریت نظرات تایید نشده ، اخرین نظرات بازدیدکنندگان و همچنین مدیریت و افزودن پیونده ها صحبت شده که کتاب pdf اون رو می تونید دانلود کنید . امیدوارم که مورد پسند واقع بشه .

دانلود آموزش پنل مدیریتی وبلاگ در بلاگفا : قسمت سوم

پسورد : www.7learn.com
حجم : ۲۹۸ کیلوبایت

ضمنا در مورد این اموزش ها هم نظر یادتون نره بگین که براتون مفید هست یا نه .

موفق و سر بلند باشید

.: مطالب مرتبط با این پست :.

آموزش پنل مدیریتی بلاگفا (قسمت دوم) تغیر و ویرایش مطالب قبلی

sanisab — Sat, 21 Apr 2012 20:38:45 +0000

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

دانلود آموزش پنل مدیریتی وبلاگ در بلاگفا : قسمت اول
پسورد : www.7learn.com
حجم : ۴۶۸ کیلوبایت