• اطلاعیه ها

    • Masih

      برخوردی شدید با تاپیک های تبلیغاتی   شنبه, 12 آبان 1397

      درود، از این لحظه به بعد، تمامی تاپیک های تبلیغاتی سبک رپرتاژ که با هدف جمع آوری بک لینک در انجمن های بیست اسکریپت ایجاد می شوند، حذف شده و دسترسی کاربر خاطی نیز مسدود خواهد شد.
Mohsen_Nirouzad

ویژه
آموزش کامل طراحی با استفاده از کتابخانه های JavaScript

به نظرتون آموزش ها چطوره؟   1 کاربر تاکنون رای داده است

  1. 1. به نظرتون آموزش ها چطوره؟

    • بسیار نیکوست!
      0
    • Absolutely brilliant!
      0
    • کا دمت گرم!
      1
    • جالب نیست! امید است سطح کیفی آموزش ها افزایش یابد.
      0
    • اصلا ایده خوبی نیست!
      0

لطفا وارد حساب کاربری خود شوید یا ثبت نام نمایید تا بتوانید رای خود را در نظر سنجی ارسال نمایید.

4 ارسال در این موضوع قرار دارد

با درود فراوان بر شما کاربران و مدیران گرامی انجمن 20 اسکریپت،

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

هر روز یک کتابخانه Java script و یک آموزش کامل از آن در این مطلب قرار داده خواهد شد.

امیدوارم این موضوع به سرنوشت موضوع آموزش SQL دچار نشه و بهتون قول میدم که تا آخر سرپا نگه دارمش.

در ضمن چرا صفحه هی ریفرش میشه هر یه مدت مطالب که نوشتم میپره؟

پس با ما همراه باشید.cool

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

 

ساخت پس زمینه ( background ) پارالکس با استفاده از parallax.js

نویسنده: محسن نیروزاد

 

 

 

افزودن پرونده ها

پرونده ای که میخواهید در آن از پس زمینه پارالکس استفاده کنید را باز کنید و فرم اصلی html را در آن وارد کنید مثلا:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

خوب حالا قبل از بسته شدن تگ بدنه (body) کد های زیر را بیافزایید:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

حال یک پرونده مثلا به نام application.js در کنار پرونده اصلی تان که میخواهید در آن پارالکس را ایجاد کنید بسازید و آن را با استفاده از تگ اسکریپت به پرونده اصلی بیافزایید:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

در پرونده application.js، تکه کد زیر را بیافزایید:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

توجه: به جای [image_url] آدرس تصویر خود را وارد کنید مثلا image.png

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

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

کد CSS بالا را در style یا یک فایل جدا قرار دهید.

موفق باشید!

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

 

چارچوب VideoJS |

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

نویسنده: محسن نیروزاد

 

 

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

برای شروع استفاده، تکه کد های زیر را قبل تز تگ </head> یا </body> بگذارید:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

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

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

توجه کنید که به جای [my_video].mp4 و [my_video].webm نشانی پرونده های تصویری خود را قرار دهید. ( دو نسخه MP4 و Webm)

تمام شد! پرونده تصویری شما به زیبایی نمایش داده خواهد شد. برای مشاهده سایر امکانات و پوسته ها

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

را مشاهده کنید.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • چه کسانی در حال بازدید هستند؟   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.