آموزشگاه فطرس

کار با دکمه ها در المنتور 2

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

کار با دکمه ها در المنتور 2

آموزش ویدئویی

آموزش متنی

در جلسه ی قبلی کار با دکمه ها در المنتور رو شروع کردیم و سربرگ محتوا رو بررسی کردیم.

در این جلسه با استفاده از سربرگ استایل و پیشرفته کار خودمون رو برای دکمه ها پیش می بریم.

در ابتدا کار با بخش استایل رو داریم :

 

آموزش المنتور-کار با دکمه ها در المنتور

 

تایپوگرافی :

در این قسمت خانواده ی فونت و مواردی که مربوط به نوشته ها میشه رو تنظیم می کنیم.

سایه متن :

در این قسمت می توانیم یک سایه برای متن داخل دکمه در نظر بگیریم.

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

رنگ متن :

رنگ متن دکمه ی خودمون رو از این طریق تعیین می کنیم.

(در جلسات قبلی بصورت مفصل تمام قسمت های تایپوگرافی را توضیح دادیم)

رنگ پس زمینه :

در واقع رنگ خود دکمه رو از این طریق اعمال می کنیم.

نوع کادر دور :

در این قسمت می توانیم یک کادر دور به دکمه ی خودمون اختصاص بدیم.

شعاع کادر :

برای منحنی کردن لبه های دکمه می توانیم از این قسمت استفاده کنیم.

سایه کادر :

می توانیم یک سایه برای دکمه ی خودمون ایجاد کنیم.

پدینگ :

ما می توانیم برای تعیین طول و عرض دکمه ی خودمون از پدینگ یا فاصله ی داخلی استفاده کنیم.

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

چون معمولا دکمه ها دارای حالت هاور هستند تا زیباتر و کاربرپسند تر ارائه بشوند.

در اینجا استایل های سربرگ استایل به پایان رسید.

حالا میریم سراغ سربرگ پیشرفته ، تقریبا تمام عناصر ما در المنتور این قسمت پیشرفته رو دارند.

ما میخواهیم برای مثال دو دکمه رو در کنار هم قرار بدیم.

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

به همین منظور در سربرگ پیشرفته و در قسمت موقعیت ، عرض عنصر خودمون رو به حالت در متن تغییر میدیم.

 

آموزش المنتور-کار با دکمه ها در المنتور

 

و بعد یک دکمه ی دیگر رو به سایت خودمون اضافه می کنیم تحت عنوان ثبت نام.

برای اینکه اندازه ی این دکمه با دکمه ی قبلی ما یکسان بشود (ما در قسمت قبلی یک دکمه به نام تماس با ما داشتیم) از تب استایل و بعد پدینگ با کم و زیاد کردن فاصله از چپ و راست اندازه ی دکمه را تعیین می کنیم.

همچنین برای دکمه ی ثبت نام می توانیم از سربرگ محتوا یک آیکن مرتبط را انتخاب کنیم.

آموزش کار با دکمه ها در المنتور هم به پایان رسید.

امیدوارم از این آموزش لذت برده باشید و برای شما این آموزش کاربردی و مفید واقع شده باشد.

نویسنده

نویسنده

میلاد پورزارعی دانش آموخته ی ممتاز رشته ی مهندسی نرم افزار ، طراح سایت ، متخصص سئو ، استراتژیست بازاریابی و فروش

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *