مدرس دوره

مدرس دوره

نبی عبدی

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

زمان ویدیو

16:44 دقیقه

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

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

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

دانلود ویدیو

دانلود ویدیو

دانلود ویدیو

آموزش ساخت آیکون باکس زیبا با المنتور (کار با المنتور- جلسه ۷)

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

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

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

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

نظرات در “آموزش ساخت آیکون باکس زیبا با المنتور (کار با المنتور- جلسه ۷)

  1. امیر حسین میگوید:

    بیزحمت بگین که این تصاویر و خودتون تولید میکنین یا از گوگل تهیه میکنید مثلا طرح آچار یا مثلا طرح مداد و خط کش

  2. امیرحسین اخلاق دوست میگوید:

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

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

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

  3. sep میگوید:

    سلام . تو این نسخه المنتور پرو رایگانی که خودتون گذاشتین در قسمت تنظیمات پیشرفته ، نمایش دستگیره رو نداره و نمیتونم سه ستون رو مثه شما داخل سکشن ایحاد کنم. ممنون میشم راهنمایی کنید.

  4. علیرضا جمشیدی میگوید:

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

  5. هستی میگوید:

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

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

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

  6. ali-taheri میگوید:

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

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

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

  7. سجاد باوفا میگوید:

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

  8. سپهر میگوید:

    سلام و عرض تشکر از آموزشهای خوب شما

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

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

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

  9. مجتبی میگوید:

    سلام و درود
    ممنون از آموزش زیباتون
    در قسمت تنظیمات برای فعالسازی کپی سکشن و المان ها، من چنین گزینه ای را پیدا نکردم. از شما رو دیدم ۵ تیک بود ولی از من ۴ تیک بود. مشکل چیه؟

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

      با سلام و احترام برای فعال سازی دستگیره ها در نسخه جدید المنتور، جلسه ۴۰ ام آموزش مقدماتی المنتور را مشاهده بفرمایید.

  10. بهروز میگوید:

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

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

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

  11. محمد میگوید:

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

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

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

  12. امیر میگوید:

    سلام
    من میخوام یه باکسی شبیه به باکسی که عکسش توی لینک زیره درست کنم ممنون میشم کمکم کنید
    اینم لینک:***

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

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

  13. امیرحسین امینی میگوید:

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

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

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

  14. شمس میگوید:

    سلام خسته نباشید ممنون از آموزش‌های خوبتون. یه سوال داشتم پس زمینه آبی رنگی که گذاشتید توی سایت اصلی زیر باکس‌ها است ولی اینی که شما آموزش دادید میاد روی باکس‌ها.میشه بفرمایید چطور بفرستیمش زیر باکس‌ها؟

  15. سید سجاد حسینی نژاد میگوید:

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

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

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

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

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

  16. علیرضا امیری میگوید:

    آموزشتون واقعا عالی بود.کاش دقیقا همون تصاویر رو برای دانلود میزاشتید که دقیقا مثل خودتون کار میکردیم.
    پاینده باشید.

  17. مرتضی میگوید:

    سلام . تشکر از سایت خوبتون
    ببخشید وقتی که من یه زمینه svg قرار میدم در سکشن و مثل شما اون رو در حالت شامل قرار میدم باز هم مثل تصویر svg شما کامل پس زمینه رو نمیگیره و حتی وقتی روی سفارشی میذارم نمیتونم مثل شما در بیارم نهایتش با کادر برخورد میکنه و زاویه میگیره که البته باز هم در این حالت تمام بک گراند سکشن رو پوشش نمیده ..
    تصویر svg رو هم از همون سایتی که فرمودید برداشتم ..

  18. hakhsa میگوید:

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

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

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

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

      با سلام خدمت شما، اگر منظورتان از: “خطی که به سطر دوم منتقل میشه” => عنوان یا توضیحات در المان کادر تصویر است، زمانی که شما المان کادر تصور را وسطچین می کنید، تنظیمات پیشفرض المنتور به گونه ای است که تمام اجزای کادر تصویر اعم از: تصویر، عنوان و توضیحات نیز وسطچین می شوند، حال اگر می خواهید برای مثال یکی از آنها راست چین باشد باید با کدنویسی دستی اینکار را انجام دهید.

  20. اشکان میگوید:

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

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

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

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

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

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