تبلیغات
طراحی و بهینه سازیمشاهده

3,551

ساخت فرم نام نویسی کامل در وردپرس

آموزش ها , مقالات,آموزش,ترفند

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

نويسنده : تیم محتوای 20اسکریپت 2 مشاهده ادامه مطلب
5,912

آموزش ساخت منو ثابت با کمک جی کوئری

آموزش ها , مقالات,آموزش,ترفند

در پست آموزشی_اسکریپتی امروز، میخواهیم با کمک جی کوئری و سی اس اس یک منوی ثابت (fixed) ساده و کاربردی را بسازیم که با حرکت اسکرولر به سمت پایین، این منو نیزهمگام با آن حرکت کند.در ساخت این منو، 3 بخش اساسی CSS ، HTML و جی کوئری دخالت دارند.

نويسنده : تیم محتوای 20اسکریپت 4 مشاهده ادامه مطلب
4,357

چهارمین شماره ماهنامه طراحی وب

آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند

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

نويسنده : تیم محتوای 20اسکریپت 1 مشاهده ادامه مطلب
4,495

افکت به تصاویر با استفاده از اسکریپت Picanim

آموزش ها , اسکریپت ها , ديگر اسكريپتها , مقالات,آموزش,ترفند

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

نويسنده : تیم محتوای 20اسکریپت 2 مشاهده ادامه مطلب
هاست
7,845

اسکریپت افکت قطرات باران در تصاویر

آموزش ها , اسکریپت ها , جاوا اسکریپت/ایجکس , مقالات,آموزش,ترفند

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

نويسنده : تیم محتوای 20اسکریپت 8 مشاهده ادامه مطلب
11,022

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

آموزش ها , اسکریپت ها , جاوا اسکریپت/ایجکس , فرم ها , مقالات,آموزش,ترفند

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

نويسنده : تیم محتوای 20اسکریپت 4 مشاهده ادامه مطلب
3,927

گالری تصاویر کششی با استفاده از ElasticStack.js

آموزش ها , اسلایدر , اسکریپت ها , مقالات,آموزش,ترفند

اسکریپت امروز، با نام ElasticStack شیوه جذاب و متفاوتی را در نمایش گالری تصاویر دارد و به آنها فرم انیمیشنی زیبایی بخشیده است. همچنین، ElasticStack از کتابخانه جاوا اسکریپت modernizr بهره گیری کرده که کاملا سفارشی و ساخت یافته تر (با html5 و css3) از جی کوئری است.

نويسنده : تیم محتوای 20اسکریپت 4 مشاهده ادامه مطلب
6,853

ساخت تولتیپ خودکار با کمک جی کوئری

آموزش ها , تولتيپ , جی کوئری , مقالات,آموزش,ترفند

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

نويسنده : تیم محتوای 20اسکریپت 5 مشاهده ادامه مطلب
درگاه پرداخت
8,318

آموزش ایجاد افکت shake + جی کوئری

آموزش ها , جی کوئری , متفرقه , مقالات,آموزش,ترفند

در پست امروز دنیای جی کوئری، سری به تابع ()animate زدیم و با استفاده از اون، یک افکت جذاب و متفاوت رو برای شما همراهان عزیز آماده کردیم. در این افکت – که نام اون رو shake گذاشتیم – خواهید دید که چطور میشه با استفاده از تابع animate و چند کد ساده دیگه، زمین و زمان رو به لرزه در آورد .

نويسنده : تیم محتوای 20اسکریپت 4 مشاهده ادامه مطلب
5,467

آموزش ساخت autocomplete با کمک php و JQuery

آموزش ها , مقالات,آموزش,ترفند

خود تکمیلی (Auto-completion) یعنی برنامه یا محیط، بتونه کلمه‌ای رو که کاربر قصد تایپ اون رو داره، حدس بزنه و در صورت تایید کاربر، تکمیل کنه. به عنوان مثال: یک محل استفاده از خود تکمیلی، در فرم جستجو سایت هست که کاربر با تایپ چند کلمه، میتونه اطلاعات مطالب شما رو در یک لیست مشاهده کنه. حالا این چه مزیتی داره؟!؟ اولا سهولت در جستجو برای کاربر و ثانیا جلوگیری از خطاهای بی مورد 404.

نويسنده : تیم محتوای 20اسکریپت 3 مشاهده ادامه مطلب
28,021

آموزش انتقال مطالب وبلاگ ها به وردپرس

آموزش ها , مقالات,آموزش,ترفند , وردپرس

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

نويسنده : تیم محتوای 20اسکریپت 19 مشاهده ادامه مطلب
44,246

آموزش اصول طراحی قالب واکنش گرا Responsive

آموزش ها , مقالات,آموزش,ترفند

روز به روز به تعداد کسانی که از ابزارهای قابل حمل برای دسترسی به اینترنت استفاده می‌کنند شامل تبلت و گوشی های لمسی مدل بالا افزوده می‌شود. ریسپانسیو به معنای پاسخ گرا یا واکنشی می باشد. به این معنا که طراحی وب سایت به گونه ای می باشد که در صفحات مختلف و ابزارهای متفاوت سایت به درستی نمایش داده می شود. طراحی سایت به گونه‌ای که در هر عرض و طول صفحه قابل استفاده باشد اصطلاحا طراحی واکنش‌ گرا یا Responsive web design نامیده […]

نويسنده : تیم محتوای 20اسکریپت 58 مشاهده ادامه مطلب