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

آخرین ارسال های تالار مشاهده انجمن

عنوانپاسخبازدیدتوسط
iconforumراهنمایی کنید1167H A S A N
iconforumقیمت کانکس114H A S A N
iconforumسایت خانومانه116H A S A N
iconforumفیلتر حرفه ای ووکامرس252AmiRoo
iconforumکدام مرورگر امن‌ تر است؟010AynaZ
iconforumمعرفی سریع ترین مرورگرها برای ویندوز 708AynaZ
iconforum" صندلی داغ " - 25 بهمن ماه 1395 - mrrashidpour247876AynaZ
iconforumبهینه سازی سایت227AynaZ
iconforumکسب درآمد از تلگرام349AynaZ
iconforumچت544AynaZ
iconforumدانلود قالب راحت دانلود برای وردپرس5101AynaZ

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش سوئیفت SWIFT آموزش سوئیفت Swift برنامه نویسی اپل

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

هاست درگاه پرداخت

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

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

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

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

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

 

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

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

در ادامه بخوانید  آموزش اجرای فیلم در پس زمینه وب سایت توسط Html5 و CSS3

 

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

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

بخش HTML

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

 

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

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

در ادامه بخوانید  آموزش ساخت اتوماتیک برچسب نوشته با افزونه Automatic Post Tagger

 

 

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

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

 

 

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

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

 

 

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

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

در ادامه بخوانید  کد انتقال ( ریدایرکت ) حرفه ای php

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

دانلود

خرید هاست پربازدید با منابع کاملا اختصاصی


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

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,630آموزش گام به گام HTML5 تاریخ : 1395/08/7
2,569آموزش ساخت ابزارک در وردپرس تاریخ : 1394/05/21
2,646افزونه آپلود همزمان چندین فایل در وردپرس به صورت Ajax تاریخ : 1394/06/14
2,454طرح آبی برای فرم ورود وردپرس + آموزش تاریخ : 1393/05/10
1,336پلاگین سنجاق کردت تصاویر با جی کوئری تاریخ : 1394/12/1
2,305غیر فعال کردن رونوشت ها در نوشته های وردپرس تاریخ : 1392/12/10
5,165آموزش استفاده از Child Theme و کاربرد آن در وردپرس تاریخ : 1395/04/12
2,648افزونه ساخت آواتار سفارشی به صورت SVG برای وردپرس تاریخ : 1395/06/30
12,027افزونه تبلیغات حرفه ای با NagAds برای وردپرس تاریخ : 1393/09/20
2,093اسکریپت کراپ کردن تصاویر به صورت آنلاین Slim تاریخ : 1395/05/6
4,863دانلود افزونه تماس با ما Ninja Kick v.2.2.4 برای وردپرس تاریخ : 1393/10/21
4,337دانلود قالب HTML رستوران و فست فود Cooker تاریخ : 1395/01/18
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب