در آموزش های قبلی، نحوه طراحی سربرگ شفاف و چسبان را توضیح داده بودیم. ولی این آموزش توسط کدهای CSS قابل اجرا بود. امروز قصد داریم نحوه طراحی سربرگ شفاف و چسبان را با استفاده از ویژگی های المنتور پرو انجام دهیم. در ادامه با ما همراه باشید.
طراحی سربرگ شفاف در المنتور پرو
تنظیم سربرگ به صورت شفاف
برای طراحی سربرگ شفاف، وارد قالب سربرگ شده و ویرایش با المنتور آن را بزنید.
روی بخش اصلی کلیک کنید و در تب پیشرفته، به میزان ارتفاع سربرگ، مارجین منفی از پایین بدهید. برای مثال در این جا، سربرگ ما دارای 76 پیکسل ارتفاع بوده که -76 پیکسل فاصله منفی از پایین تنظیم می کنیم.
تنظیم پس زمینه
حالا به تب استایل رفته و یک رنگ پس زمینه تعریف کنید. این رنگ در حالت اسکرول قابل نمایش می باشد.
در همان تب استایل، کمی پایین تر از بخش پس زمینه، ابتدا گزینه افکت اسکرول را فعال کنید. سپس در قسمت تاثیر مرتبط با، گزینه کل صفحه را انتخاب کرده و سپس روی گزینه شفافیت کلیک کنید.
در تنظیمات شفافیت، گزینه جهت یابی را روی Fade In قرار دهید. مقدار گزینه سطح را روی 10 و در قسمت مشاهده، نشانگر را به سمت گزینه بالا تنظیم کنید. نشانگر اولی رو صفر درصد و نشانگر دومی روی 9 درصد قرار بگیرد.
حالت شناور
تنظیمات پس زمینه در حالت اسکرول انجام شد. حالا کافیه به تب پیشرفته سربرگ رفته و سربرگ را در حالت شناور قرار دهیم.
تب موشن افکت را انتخاب کنید و سپس گزینه شناور را روی گزینه بالا قرار دهید.
بعد از انجام مراحل بالا، سربرگ را ذخیره کرده و به صفحه اصلی سایت برید.
امیدواریم که از این آموزش هم به خوبی استفاده کرده باشید. اگر مشکل یدر طراحی سربرگ شفاف دارید، در بخش نظرات با ما در میان بگذارید.
6 پاسخ
سلام
عالیه
چند وقتی هست آموزش جدید نذاشتید
ممنون میشم آموزشی در رابطه با گرد کرد هدر و فوتر قرار بدید.
با سلام
آیا نمونه هم دارید؟
عـــالـــیــــه!
محمدرضا و تیمِ المنتور فارسی حرف ندارن! فقط ای کاش تند تند آموزش‌های المنتور بگذارید 😁
ممنووونم 💚💗
با سلام
ممنون از همراهی تون
خیلی از ترفند هایی که با کد هستند + خیلی از قابلیت هایی که افزودنی های المنتور دارند + خیلی از ویجت های خاص ( به جز خانوده جت ) رو میشه با خود المنتور ساخت.
البته نیاز به تسلط و فکر باز داره