ابزارها قالب

به نام خدا

سلام دوستان مهدی مزرعه هستم عصو جدید تیم نویسندگان سایت ابزار ها امید وارم که لحظات خوبی رو در کنار همدیگه داشته باشیم. و به عنوان اولین مطلب ارسالی بنده میخوام نصب ویندوز 7 رو به صورت تصویری خدمت شما دوستان آموزش بدم.

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

در php متغیر ها با علامت دلار ($) نمایش داده می شوند و لازم نیست قبل از استفاده از آن ها حتما آن ها را مثل جاوا اسکریپت تعریف کنید. در php مشخص کردن نوع متغیر هم لزومی ندارد ولی برای کار کردن با آن نیاز به دانستن انواع آن ها دارید. در کد های زیر ، قسمت های قرمز رنگ ، همان متغیر ها هستند. توجه کنید که انتخاب نام یک متغیر آزاد است و شما می توانید هر نوع اسمی را با استفاده از کاراکتر های انگلیسی و _ (underline) انتخاب کنید.

برای مشاهده ی آموزش به طور کامل به ادامه ی مطلب بروید.

php یک زبان سمت سرور است. به این معنی که کد هایی که شما می نویسید برای این که اجرا شوند ، مستقیما به سمت کاربر ارسال نمی شوند ، بلکه قبل از ارسال به سمت کاربر ، در سمت سرور تجزیه و تحلیل می شوند و نتیجه ی آن ها به صورت یک کد ، به غیر از کد php به سمت کاربر ارسال می شود. شاید برای افرادی که اولین بار است با یک زبان سمت سرور آشنا می شوند به نظر پیچیده بیاید. اما زیاد نترسید! در ضمن ، php یک زبان منبع باز (open source) است. به این معنی که کد هایی که شما در آن می نویسید به شکل اصلی خود حفظ می شوند و اگر کسی به آن ها دسترسی داشته باشد می تواند به راحتی محتویات آن ها را مشاهده کند.

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

برای دیدن مطلب به طور کامل به ادامه ی مطلب بروید.

این ابزار به درخواست یکی از کاربران در سایت قرار داده شده است.

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

قابل اجرا در:

• همه ی سایت ها و وبلاگ ها

برای دریافت کد ابزار به ادامه ی مطلب بروید.

حتما شما هم تا به حال با صفحاتی که تصویر پس زمینه ی آن ها به نسبت حرکت اسکرول (scroll) ، حرکت می کند روبرو شده اید. این صفحات با یک رویداد از jquery به نام scroll کار می کنند. این رویداد هنگامی است که کاربر ، صفحه را به سمت بالا و پایین و یا چپ و راست می برد (یعنی اسکرول را حرکت می دهد). حال اگر ما با استفاده از این رویداد ، حالتی را ایجاد کنیم که همزمان با بالا و پایین رفتن صفحه ، پس زمینه ی ما نیز مقدار حرکت کند ، می تواند حالت زیبایی به صفحه ی ما بدهد. شاید درست متوجه نشده باشید: در حالتی که پس زمینه ی ما با استفاده از css در حالت fixed قرار داده شده است ، پس زمینه هیچ حرکتی نمی کند و همیشه در جالی خود ثابت است. و هنگامی هم که پس زمینه با استفاده از css در حالت scroll قرار داده شده است ، پس زمینه کاملا هم سرعت و هم زمان با حرکت اسکرول ، حرکت می کند. اما چیزی که ما می خواهیم در اصل یک حالت بین این دو حالت است. یعنی حرکتی نه به سرعت scroll و نه به ثابتی fixed. این حالت در زیبایی صفحه کمک زیادی می کند.

اول این نمونه را برای درک بهتر ببینید

این مطلب کامل نیست. متد ها و متغیر هایی که برای تابع آژاکس در جی کوئری وجود دارند خیلی پرتعداد هستند و به همین دلیل وقت توضیح دادن همه ی آن ها در این مطلب را ندارم. اگر سوالی دارید در انجمن بپرسید.

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

در این مطلب توابع مربوط به نمایش و پنهان کردن جی کوئری با انیمیشن به همراه توضیحات قرار داده شده است.

مواردی که علامت ستاره (*) در کنار آن ها درج شده است ، توضیح بیشتری در پایین جدول دارند.

برای دیدن آموزش به ادامه ی مطلب بروید.

اگر تا به حال با php کار کرده باشید با foreach روبرو شده اید. این دستور کاری را بر روی تمام اعضای یک آرایه انجام می دهد. این موضوع می تواند در برنامه نویسی جاوا اسکریپت هم کاربرد زیادی داشته باشد. به همین دلیل ما در این مطلب foreach برای جاوا اسکریپت را به شما نشان می دهیم. این مسئله شاید به نظر ساده بیاید اما برای خیلی ها سوالی بزرگ است.

اگر چه ما در جاوا اسکریپت دستور foreach را نداریم ، اما می توانیم از تابع for برای جایگزینی آن استفاده کنیم.

این ابزار به درخواست یکی از کاربران در سایت قرار داده شده است.

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

شما می توانید اشتراک گذاری در این سایت ها را با استفاده از این ابزار ایجاد کنید:

• reddit
• myspace
• digg
• bogger
• stumbleupon
• youtube
• facebook
• delicious
• flickr
• google
• linkedin
• twitter
• cloob
• facenama

قابل اجرا در:

• همه ی سایت ها و وبلاگ ها

برای دریافت کد به ادامه ی مطلب بروید.

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

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

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

قابل اجرا در:

• همه ی سایت ها و وبلاگ ها

برای مشاهده ی نمونه ی این ابزار اینجا کلیک کنید.

این ابزار به درخواست یکی از کاربران در سایت قرار داده شده است.

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

قابل اجرا در:

• همه ی سایت ها و وبلاگ ها

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

 برای دیدن خروجی کد های خود از این لینک استفاده کنید

خیلی سریع میریم سروقت آموزش.

در css برای ایجاد انیمیشن باید از @keyframes استفاده کرد. ما هم همین کار را می کنیم:

<<<code>>>

@keyframes toolstheme

{

      ....

}

<<</code>>>

برای دیدن ادامه ی آموزش به ادامه ی مطلب بروید.