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

هاست

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

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

معمولا در هر سایتی که هستیم برای مشاهده بقیه مطالب و امکانات سایت به سمت پایین پیمایش یا اصطلاحاً اسکرول می‌کنیم. این امکان برای راحتی کار کاربران و مشاهده بیشتر مطالب در یک سایت ایجاد شده و واقعا هم امکان خوبیست تا از به وجود آمدن صفحات متعدد و زیاد جلوگیری کند. اما نظرتان در مورد اسکرول افقی چیست؟ آیا کاربردی دارد؟ مسلما باید در مواردی کاربردی باشد و به کارمان بیاید اما در کجا و چگونه را باید بررسی کنیم. امروز قصد داریم ایجاد اسکرول افقی در پس‌زمینه با المنتور را یاد بگیریم.

 

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

در قانون طراحی سایت معمولا از اسکرول‌های افقی جلوگیری می‌کنند و از طرفی کاربران تمایلی به مشاهده آن ندارند. گاهی حتی باعث سردرگمی آن‌ها نیز می‌شود. ولی گاهی برای نمایش یک تصویر خیلی بزرگ که معمولا بصورت بک‌گراند هم قرار دارد می‌توانیم به یک صفحه این امکان را اضافه کنیم که در گوشی‌ تلفن همراه شما نیز به خوبی نشان داده می‌شود. مثلا تصور کنید یک صفحه را بصورت کاتالوگ ایجاد می‌کنید و نیت شما این است که آن را بصورت کاملا Landscape بسازید، اینجاست که نیازمند پیمایش افقی صفحات المنتوری هستیم. پس بد نیست که با این امکان نیز تنها در ۵ قدم  برای ساخت یک پس‌زمینه زیبا آشنا شویم.

 

قدم اول: افزودن یک بلوک جدید در المنتور

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

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

حال تعداد ستون و سطرهای مورد نظر خود را انتخاب کنید:

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

قدم دوم: افزودن عنصر سربرگ

برای اینکه بتوانیم عنصر جدیدی را اضافه کنیم از منوی سمت راست، عنصر سربرگ را انتخاب کرده و به گزینه پیشرفته>> پس‌زمینه می‌رویم.

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

قدم سوم: تنظیمات تصویر پس‌زمینه

در اینجا می‌توانید تصویر پس‌زمینه خود را تنظیم کرده و برای ایجاد اسکرول افقی در پس‌زمینه با المنتور عملیاتی را در ادامه انجام دهید.

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

قدم چهارم: افزودن CSS

حال نیازمند تنظیماتی فراتر هستیم و باید برای اینکه عملیاتی پیشرفته‌تر انجام دهیم از کدهای سی‌اس‌اس استفاده کنیم. برای این منظور از بخش پیشرفته>> سی‌اس‌اس سفارشی، کد زیر را وارد نمایید:

نکته: در حال حاضر این انتخابیست که ما برای سربرگ خود انجام دادیم. در هر صورت اگر می‌خواهید اطلاعاتی از سربرگ را تغییر دهید، مجدد این بخش را بروزرسانی کنید.

قدم پنجم: مشاهده تصویر بک‌گراند

حال می‌توانیم نتیجه عملکرد خود را با اسکرول کردن به صورت افقی مشاهده کنیم.

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

همان‌طور که مشاهده می‌کنید می‌توان تصویر بک‌گراند را بصورت افقی پیمایش کرد. اگر شما هم تمایل دارید چنین اتفاقی برای صفحه موردنظرتان بیفتد به همین راحتی این‌کار را انجام دهید.

لطفا به این مطلب امتیاز بدید


دانلود


هاست مناسب برای تمامی اسکریپت های 20script MyHBD.net >

هاست
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
1,480Visual Composer یا Elementor ، کدامیک را انتخاب می‌کنید؟ تاریخ : 2019/08/11
2,028افزونه پاورپک با 60 ابزارک کابردی برای المنتور PowerPack تاریخ : 2019/12/13
10,512افزایش امکانات صفحه ساز Elementor با افزونه فارسی JetElements نسخه 2.2.11 تاریخ : 2020/03/29
940چگونه تصاویر سه بعدی با المنتور بسازیم؟ تاریخ : 2020/01/22
1,064افزایش سرعت سایت ساخته شده با المنتور تاریخ : 2020/01/25
796ایجاد دکمه در المنتور با کمک آیکون‌ها تاریخ : 2020/02/13
5,372افزایش امکانات صفحه ساز Elementor با افزونه Elementor Extras نسخه 2.2.20 تاریخ : 2020/02/20
908ساخت آیکون های سفارشی در المنتور چگونه است؟ تاریخ : 2020/01/9
1,244چگونه سرعت سایت وردپرسی را افزایش دهیم؟ تاریخ : 2019/09/24
692چگونه صفحه نخست سفارشی در وردپرس بسازیم؟ تاریخ : 2019/10/22
1,280چگونه صفحات ساخته شده با المنتور را بهینه کنیم؟ تاریخ : 2019/12/5
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب