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

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

عنوانپاسخبازدیدتوسط
iconforumکسی قالب گود نیوز رو داره ؟ا06H A S A N
iconforumسفارش پلاگین وردپرس09yosef67
iconforumاسکریپت و افزونه بانک پاسارگاد224H A S A N
iconforumهشدار درباره ادامه حملات سایبری به بانکها033AynaZ
iconforumقالب های ایرانی وردپرس * مارکت مجمع طراحان وب و گرافیک ایران014wwwha
iconforumلوگو سایت تفریحی562AynaZ
iconforumاسکریپت ptciran8106AynaZ
iconforumافزونه کوتاه کننده490AynaZ
iconforumلایک وردپرس118AynaZ
iconforumدرخواست اسکریپت کوتاه کننده لینک116AynaZ
iconforumدوزبانه کردن سایت116AynaZ
درگاه پرداخت
درگاه پرداخت

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

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

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

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

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

 

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

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

حتما بخوانید  کد نمایش چند تبلیغ بنری در یک مکان به صورت تصادفی

 

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

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

بخش HTML

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

 

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

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

حتما بخوانید  توابع مهم و پرکاربرد شیرترانیکس

 

 

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

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

 

 

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

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

 

 

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

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

حتما بخوانید  ۸ هک کاربردی برای بهبود جستجوی وردپرس

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

دانلود

خرید هاست حرفه ای سازگار با انواع اسکریپت همراه با نصب رایگان

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

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,639ایجاد منوی اندروید با استفاده از jQuery و CSS3 تاریخ : 1392/12/7
4,667آموزش قرار دادن تبلیغات بعد از پست اول در وردپرس تاریخ : 1392/07/28
5,164آموزش وردپرس افزودن ابزارک به قالب وردپرس تاریخ : 1393/12/3
5,565آموزش ویدیویی تغییر نام کاربری وردپرس بدون افزونه تاریخ : 1394/12/26
1,889افزونه ایجاد منو های حرفه ای برای موبایل در ودرپرس Touchy تاریخ : 1394/02/29
1,619اطلاعیه های گرد و شفاف CSS و jQuery تاریخ : 1392/09/6
31,101آموزش حرفه ای ریپ کردن قالب های وردپرس تاریخ : 1393/01/22
1,775صفحه اختصاصی برای خطای پایگاه داده تاریخ : 1392/08/5
2,489اسکریپت آپلود فایل قدرتمند و واکنش گرا Arfaly.js تاریخ : 1393/12/25
1,614ویجت نمایش آب و هوا با جی کوئری تاریخ : 1394/12/1
7,150ایجاد اسلایدر حرفه ای در وردپرس با Slider Revolution فارسی نسخه 4.6.93 تاریخ : 1394/03/6
3,428قالب مدیریت وب سایت AppUI به صورت HTML تاریخ : 1395/07/14
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب