خرید vps ارزان

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


آخرین ارسال های تالار مشاهده انجمن
  • ايميل ايزي گرام 0 پاسخ 37 بازدید
  • درخواست قالب Zephyr 5.1 7 پاسخ 46 بازدید
  • رکود بازار لوازم جانبی 0 پاسخ 8 بازدید
  • نگرانی گوگل از تسلط مایکروسافت برپلتفرم تلفن همراه 0 پاسخ 5 بازدید
  • Help - Grameasy version 2 1 پاسخ 212 بازدید
  • آموزش تصویری جامع نصب و تنظیمات اسکریپت NextPost 220 پاسخ 4829 بازدید
  • ثابت کردن اسلایدر 1 پاسخ 13 بازدید
  • کوپن 3 پاسخ 19 بازدید
  • مبتلایان به بواسیر این غذاها را نخورند 4 پاسخ 144 بازدید
  • درخواست افزونه user pro 1 پاسخ 31 بازدید
  • هاست

    کد جی کوری : تکه کدهای جی کوری مفیدی که باید یاد بگیرید!

    مقالات,آموزش,ترفند
    کد جی کوری : تکه کدهای جی کوری مفیدی که باید یاد بگیرید!Reviewed by جواد on Oct 20Rating: 3.5کد جی کوری : تکه کدهای جی کوری مفیدی که باید یاد بگیرید!امروز قصد دارم یه سری کدهای هر چند کوچک ولی کاربردی جی کوری رو به شما آموزش بدم که توی طرح هاتون خیلی میتونه مفید باشه و میتونید ازشون استفاده کنید.

    کد جی کوری : تکه کدهای جی کوری مفیدی که باید یاد بگیرید!

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

    اسکرول افکت دار به بالا

    اولین کد جی کوری را با کد معروف اسکرول به بالا یا برو به بالا شروع میکنیم ، ابتدا باید هدف را مشخص کنیم به یکی از عناصر صفحه تان که در بالای صفحه هست یک id  با مقدار top بدهید، در اینجا من برای اینکه چیزی بالاتر از body وجود ندارد آی دی را به body میدم.

     

    حالا باید کد زیر را به پایین صفحه قبل از  </body> اضافه کنید دلیل اینکه میگم کد رو به پایین صفحه اضافه کنید برای لود سریع تر صفحه هست هر چند این کد سریع لود میشه اما همیشه سعی کنید کد های جاوااسکریپتی که اشکال نداره آخر از بقیه عنصر ها لود بشن رو آخر صفحه بذارید

    حالا تنها کاری که مونده ایجاد لینک برو به بالا ست، کد زیر رو بذارید جایی که دوست دارید لینک نشان داده بشه

     

    چک کردن قدرت پسورد

    با این تکه کد جی کوری فوق العاده ساده میتونید به کاربراتون این امکان رو بدید که بدونند پسوردی که وارد میکنند چقدر قوی هست

    بخش HTML

    بخش جاوا اسکریپت

     

    مساوی کردن ارتفاع height عناصر

    در سی اس اس در حالت عادی این امکان وجود ندارد که height یا ارتفاع div ها را با هم برابر کنید و باید از هک استفاده کنید در حالی که با کد جی کوری زیر به راحتی میتونید این کار رو انجام بدید

     

     

    تغییر استایل عناصر به صورت یکی در میان

    تاحالا پیش اومده که بخواید مثلا یک جدول درست کنید که پس زمینه سطر هاش یکی در میان فرق کنه ، یا بخواید به چند div یکی در میان استایل بدید ؟؟ راه حل اینجاست!!! این کد جی کوری دقیقا چیزی که میخواهید را به شما میدهد

     

     

    تمام div را قابل کلیک کردن کنید

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

     

     

    به زودی آموزش های بیشتری در مورد جی کوری قرار داده خواهد شد

    اگر آموزش خاصی مد نظرتون هست در قسمت نظرات اعلام کنید


    The product includes software licensed under GNU General Public License (GPL) or GNU

    دانلود
    .

    خرید هاست وردپرس با SSL رایگان



    مطلب مفیدی بود ؟
    نویسنده : admin 4 مقالات,آموزش,ترفند

    لینک کوتاه مطلب : https://www.20script.ir/?p=158

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    2,331اسکریپت مدیریت رمز عبور Passworx نسخه 3.0 تاریخ : 2016/01/5
    1,108آموزش قرار دادن فرم ثبت نام وردپرس در قالب تاریخ : 2018/06/4
    3,921آموزش ترفندهای جستجو در گوگل تاریخ : 2016/08/2
    3,163افزونه ایجاد آیکون پرتاب اسکرول به بالا Scroll Back To Top تاریخ : 2016/03/11
    4,062افزونه ایجاد کتاب های سه بعدی Real 3D FlipBook نسخه 2.9.4 تاریخ : 2015/11/20
    5,909آموزش گرفتن درگاه پرداخت مستقیم بانک برای سایت تاریخ : 2016/09/19
    5,147افزونه ایجاد کتاب های الکترونیک سه بعدی در وردپرس dFLIP نسخه 1.3.3 تاریخ : 2017/11/28
    15,219آموزش ساخت متن چشمک زن در Html با استفاده از jQuery تاریخ : 2015/06/30
    3,983محدود کردن تعداد برچسب ها در ابزارک ابر برچسب وردپرس تاریخ : 2014/04/17
    3,847اسکریپت فروشگاه ساز ایجکس اینترنتی LivelyCart تاریخ : 2015/03/5
    3,802آموزش برنامه نویسی PHP از سطح پایه تاریخ : 2016/11/1
    4,342افزونه ایجاد لایت باکس حرفه در وردپرس ilightbox نشخه 1.6.4 تاریخ : 2017/12/4
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب