مدرس دوره

مدرس دوره

نبی عبدی

مدت زمان ویدیو

زمان ویدیو

07:46 دقیقه

دیگر جلسات دوره

برو به دیگر جلسات

آموزش المنتور

دانلود ویدیو

دانلود ویدیو

دانلود ویدیو

آموزش طراحی دکمه های مختلف در المنتور (جلسه ۱۴)

آخرین بروزرسانی در تاریخ : 2, دی, 1399

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

 آموزش طراحی دکمه های مختلف در المنتور
آموزش طراحی دکمه های مختلف در المنتور

هر گونه سوال، پیشنهاد یا انتقادی در رابطه با دوره کار با المنتور دارید در بخش دیدگاه ها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به طراحی سایت تهیه کنیم.

نظرات در “آموزش طراحی دکمه های مختلف در المنتور (جلسه ۱۴)

  1. نعمت بخش میگوید:

    آموزش عالی و فوق العاده . دستتون درد نکنه . من از دکمه استفاده میکنم ولی زمانی که لینک خارج از سایت بهش میدم ، یعنی میخوام وقتی دکمه زده شده بره داخل یک سایت دیگه ، هیچ اتفاقی نمیفته ! ممنون از راهنماییتون

    • پشتیبانی میگوید:

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

  2. مهدی پرهیزکار میگوید:

    سلام، یه سوال داشتم، جایی هست که ما بتونیم سایز خود دکمه رو دقیق وارد کنیم؟ من میخوام دوتا دکمه کنار هم داشته باشم و اندازه هاشون یکی باشه. (ولی چون متن های داخلش متفاوته، بر اساس متن داخل، دکمه تغییر اندازه میده).
    حتی میام به هرکدوم پدینگ میدم تا هم اندازه شن، ولی صرفا چشمی میشه اندازه هاشون رو برابر کرد (اما وقتی میره با اینسپکت نگاه میکنی، میبینی اندازه هاشون یکی نیست، حتی کمتر از یک پیکسل)
    راهی برای حل کردن این مسئله هست؟ (غیر از برنامه نویسی و گذاشتن عکس به جای دکمه)

    • پشتیبانی میگوید:

      با سلام و احترام، تنها ۲ راه حل برای این کار وجود دارد، یا متن های دکمه ها را طوری انتخاب کنید که اندازه هاشون یکسان باشند، یا دکمه کوچکتر را مقدار بیشتری پدینگ بدید تا تقریبا تنظیم بشه، توجه کنید که سایز دکمه ها حتی اگه حدود ۱۰ پیکسل هم با یکدیگر متفاوت باشند زیاد قابل نشخیص نیست و نیازی هم نیست که در این رابطه زیاد حساسیت به خرج بدید.

  3. صفائی میگوید:

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

  4. [email protected] میگوید:

    سلام روز بخیر. من دوتا سوال داشتم
    اول: چه جوری میتونیم دکمه ای توی صفحه طراحی کنیم که دقیقا مثل دکمه back مرورگر عمل کنه یعنی کاربر رو به صفحه قبل برگردونه؟
    دوم: دکمه ای توی صفحه داشته باشیم که کاربر رو به یک صفحه دیگه و سر یک سکشن خاص درواقع در موقعیت یک شناسه css قرار بده؟
    ممنون

      • ایزدی میگوید:

        سلام
        سوال دوم من منظورم انتقال به یک صفحه دیگه و سر یک سکشن خاص بود.
        برای سوال اول هم لطفا توضیح بدید که این کد رو از کجا بیارم و کجا باید نوشته بشه توی المنتور?
        ممنون

      • پشتیبانی میگوید:

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

  5. علی اکبر میگوید:

    سلام خسته نباشید خیلی سایتتون عالی من یک سوال داشتم چجوری میتونم از طریق المنتو یک دکمه روی عکس قرعر بدم نه زیر عکس

    • پشتیبانی میگوید:

      با سلام و احترام، اگر می خواهید با المنتور این موارد را یاد بگیرید باید از ابتدا تا انتهای دوره مقدماتی آموزش المنتور را با دقت مشاهده کنید.

  6. مهدی میگوید:

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

    • پشتیبانی میگوید:

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

  7. سمانه میگوید:

    سلام وقت بخیر. یک فایل پی دی افی اپلود کردم داخل کتابخونه وردپرس بعد میخوام داخل المنتور براش دکمه بزارم، لینک این دکمه چه جوری میشه؟ ممنون از راهنمایتون

    • پشتیبانی میگوید:

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

      • سمانه میگوید:

        خیلی ممنون از شما که تو فاصله کوتاه جوابم دادید واقعا لطف کردیدکارمو راه انداختید، تشکر از آموزش های عالیتون و پشتیبانی خوبی که دارید خداقوت مرسی از وقتی که میزارید

  8. سمانه میگوید:

    سلام خسته نباشید ممنون میشم راهنماییم کنید، من میخوام ۴ تا دکمه کنارهم داشته باشم که با انتخاب هرکدوم سمت راست همون قسمت اطلاعات مربوطه رو نشون بده چه جوری میتونم این کارو انجام بدم؟

      • سمانه میگوید:

        اقای عبدی ممنون از پاسختون من همه ویدیوهارودیدم و خیلی هم برام مفید بوده ممنون از زحماتتون، ولی تب نمیخوام باشه، چندتا دکمه اس ک اطلاعاتشون مخفی فقط عنوان داره، وقتی روش کاربرکلیک میکنه اون اطلاعاتو نشونش میده، این رو من روی عکس هم دیدم مثلا عکس اعظای بدن، ک روی هرعضو کلیک میشه اطلاعاته مربوطه نشون میده. راستی من ایمیلم هرروز چک کردم منتظر پاسختون بودم ولی ایمیلی دریافت نکردم که پاسخ پیامم داده شده

      • نبی عبدی میگوید:

        قابلیتی که شما می خواهید، دکمه نیست و نام آن HotSpot است که برای طراحی آن باید از افزونه Jet Tricks استفاده کنید، برای تهیه افزونه Jet Tricks میتوانید از صفحه => خرید افزونه المنتور پرو اقدام کنید.

  9. نوید میگوید:

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

    • پشتیبانی میگوید:

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

  10. michael میگوید:

    سلام و تشکر بابت آموزش ها
    ویدیو درس ۱۴ در صفحه لود نمی شود و اجرا نمی شود ، آیا مسیله از مرورگر من هست ؟

    • پشتیبانی میگوید:

      با سلام، احتراما ویدیو چک شد و مشکلی در نمایش و دانلود ندارد، با مرورگر گوگل کروم و جدیدترین نسخه تست کنید.

  11. امیرحسین حاجی پور میگوید:

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

    • نبی عبدی میگوید:

      نه آقا امیر گل این چه حرفیه! بخشید اگه بنده بد منظورمو رسوندم! بنده قصد ندشتم خدای نکرده شما را ناراحت کنم، قصد بنده ترغیب شما به دیدن آموزش ها همراه با تمرین کردن بود تا مراحل طراحی با المنتور را به صورت حرفه ای یاد بگیرید! آخه قبلش گفته بودید تازه آشنا شدید با المنتور، در هر صورت پاسخ سوالتان را به زودی توسط یک ویدیوی آموزشی خواهم داد 😉

      • امیرحسین حاجی پور میگوید:

        خیلی ممنونم، پس منتظر یه آموزش حرفه ای دیگه از شما هستیم

  12. امیرحسین حاجی پور میگوید:

    باسلام
    من به تازگی به المنتور و قابلیت های اون آشنا شدم، سوالی داشتم:
    چطور میشه داخل المنتور روی حالت موبایل در یک ردیف دو دکمه ایجاد کرد؟

    • نبی عبدی میگوید:

      با سلام خدمت شما، اگر به تازگی با المنتور آشنا شدید، پیشنهاد می کنم از جلسه اول آموزش المنتور را مشاهده کنید، همچنین جلسه ۱۳ که مربوط به بحث ریسپانسیو در المنتور است را مشاهده کنید، قطعا پاسخ سوالتان را خواهید یافت.

    • امیرحسین حاجی پور میگوید:

      باسلام دوباره
      تمام ویدیو هایی آموزش المنتور رو که قرار داده بودید نگاه کردم و متاسفانه چون تا زمان ساخت آموزش ۱۳ (رسپانسیو) دکمه ای طراحی نشده بود، پاسخ جوابم رو پیدا نکردم!
      ممنون میشم اگه بیشتر راهنمایی کنید…خسته نباشید

      • نبی عبدی میگوید:

        سلام آقا امیر عزیز، منظور بنده این بود که اگر جلسات را تا انتها مشاهده کنید، در طی جلسات به صورت زنجیر وار مسائلی گفته شده است که باعث می شود بسیاری از سوالاتی که در ذهن شما وجود دارد پاسخ داده شود، و اینکه شما در طی یک روز ۱۳ جلسه را بدون اینکه تمرینات هر جلسه را انجام دهید مشاهده کردید، خوب معلوم است که چیزی یاد نمی گیرید! مطمئن باشید تا زمانی که فقط آموزش ها را بدون تمرین کردن مشاهده کنید، نه تنها پاسخ سوالتان را دریافت نخواهید کرد، بلکه سوالات جدیدی هم ذهن تان را درگیر خواهد کرد، تنها در صورتی کار را به صورت کامل یاد می گیرید که خودتان دست به کار شوید و طراحی ها را مطابق با آموزش ها انجام دهید، با این حال به زودی آموزشی جدید در رابطه بخش های دیگر ریسپانسیو منتشر می کنیم و سعی می کنیم پاسخ سوال شما را نیز بدهیم. ممنون از اینکه همراه ما هستید.

  13. احمدی میگوید:

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

    • نبی عبدی میگوید:

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

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

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

جشنواره عید فطـــر آغاز شد! از 30 تا 65٪ تخفیف ویژه...!بزن بریم!
+