هدر شفاف یکی از روشهایی است که به وبسایتها زیبایی و جذابیت بیشتری میبخشد . این نوع هدر به کمک پس زمینههای شفاف ، اجازه میدهد تا محتوای زیرین آن ، به چشم خواننده نمایش داده شود ، در حالی که هدر همچنان دیده میشود.
در این جلسه ، ما به شما نکات و تکنیکهای طراحی هدر شفاف را آموزش میدهیم ، از جمله انتخاب مناسب پس زمینه ، استفاده از افکتهای ویژه مانند رنگهای تراکم و ایجاد تعادل و هماهنگی بین هدر و محتوای زیرین.
297 دیدگاه. Leave new
درود
هدر شفافی که کاملا شفاف نباشه چطور بسازم؟ منخوام یه افکت بلر داشته باشه.
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از ساخت هدر چسبان برای وب سایت زیبا در المنتور دیدن فرمایید
با تشکر.
مهندس دمتگرم ممنون از این اموزش خوبی که گذاشتی خدا برکت بده به مال و سلامتیت که نشر علم میکنی
سلام وقت شما بخیر،
از لطف و محبت شما بسیار ممنونیم
با تشکر.
سلام برا ساخت هدر شفاف اول ویرایش اون برگه رو زدید عکس رو گذاشتید بعدش رفتید به قالب ساختید و منو رو گذاشتید و بعد انداختید روی هم
چرا اول عکس رو تو ویرایش برگه با المنتور گذاشتید بعدش قالب سر برگ رو ساختید و منو رو قرار دادی
نمیشه همون اول یه قالب بسازی و عکس رو هم اونجا بزاری منو روهم بزاری
سلام وقت شما بخیر،
این حالت نیز امکان امکان پذیر است و میتوانید از آن نیز استفاده کنید.
با تشکر.
سلام وقت بخیر
برای اون اون باکس که توش نوشته ابزارک را اینجا بکشید و رها کنید . خیلی بالاتر قرار داره
یکم از هدرم گرفته
تو اموزشای قبلی میتونستم باهاش کار کنم ولی الان که برگه ی جدید میسازم عنوان برگه زیر هدر میمونه و دیده نمیشه
سلام وقت شما بخیر،
ممکن است کد css را روی سایتتان بصورت اشتباه تنظیم کرده باشید یا تداخلی بین افزونه ها وجود داشت باشد که می توانید تغییرات اخیر خود را برسی کنید.
با تشکر.
تنظیمات درست css چطوریه؟اموزشی در این رابطه دارید که بتونم اصلاح کنم؟
آیا شما کدی برای تعریف هدر شفاف در سایت اضافه نکردید؟ اگر اضافه شده آنها را یکبار برداشته و تست فرمایید.
اخه مشکل فقط سر هدر شفاف نیست قبلشم همین مشکل بود , کلا وارد هر صفحه ی طراحی که میشم باکسی که نوشته ” ابزارک را اینجا بکشید” موقعیتش ناجوره و زیر هدر میمونه
پیشنهاد میشود از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا تنظیمات سایت شما برسی شود.
باتشکر
سلام وقتتون بخیر .
وقتی برای سایت دوتا برگه قرار میدیم چطور روی سایت دوتا برگه رو داشته باشیم
سلام وقت شما بخیر،
منظورتان را متوجه نشدم ، خواهشمند است توضیحات بیشتری ارایه فرمایید.
با تشکر.
منظورم اینه که الان دوتا برگه طراحی کردیم یکی هدر ساده و شفاف ولی داخل سایت فقط همون برگه اول نمایش داده میشه چطور میتونیم هدر شفاف رو هم روی سایت ببینیم
سلام وقت شما بخیر،
برای یکی از برگه ها هدر شفاف و برای برگه دیگر هدر ساده را تعریف کنید. کافیست هدر ها را ویرایش و در قسمت شرط آنها این محدودیت را لحاظ کنید
با تشکر.
آموزشی در این رابطه دارید؟از چه قسمتی باید انجام بدم
درحال حاضر آموزش دیگری در سایت برای این مورد ارایه نشده و صرفا همان جلسات مربوط به طراحی حالات هدر در سایت فعال است.
باتشکر
سالام وقت بخیر من مو به مو مراحل رفتم ولی نشد آخرین نسخه پرو المنتورم دارم از خود سایت تون گرفتم چیکار کنم؟
سلام وقت شما بخیر،
دقیقا با چه مشکلی مواجه شدید؟
با تشکر.
داخل صفحه ویرایش المنتور که تنظیمات وجود داره .نوار بالا قسمتی که برگه هایی که اخیر ساخته شده رو نشون میده و قسمت افزودن برگه داره .چطوری میتونیم برگه و هدری که قبلا ساختیم رو از قسمت اخیر پاک کنیم؟
سلام وقت شما بخیر،
منظورتان را از قسمتی که میفرمایید متوجه نشدم ، خواهشمند است تصویری ارسال کنید.
با تشکر.
قسمتی نیست که بتونم عکس ارسال کنم
سلام وقت شما بخیر،
میتوانید تصویر خود را در سایت های آپلود فایل ارسال نموده و لینک آنرا در دیدگاه ارسال فرمایید
با تشکر.
قسمتی نیست که بتونم عکس ارسال کنم .
سلام وقت شما بخیر،
تصویر خود را در سایت های آپلود فایل ارسال کرده و لینک دریافت آنرا در دیدگاه ارسال فرمایید.
با تشکر.
سوالم اینه که چطور میتونیم برگه هدر هایی که ساختیم رو پاک کنیم
سلام وقت شما بخیر،
از منو پیشخوان به قالب ها رفته و در تب هدر میتوانید تمام موارد را مشاهده و حذف کنید.
با تشکر.
ممنونم متوجه شدم
سلام وقتتون بخیر
من از قسمت ویرایش المنتور انجام دادم و پس زمینه برای هدر قرار گرفت ولی قسمت بازدید سایت همون هدر قبلی رو نشون میده و کنترل f5 هم زدم ولی تاثیری نداشت ممنون میشم راهنمایی کنید
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data دیدن فرمایید
با تشکر.
سلام من موبه مو کار استاد رو انجام میدم اما پس زمینه برای هدرم قرار نمیگیره. چه شفاف چه غیر شفاف. کش مرورگرم هم پاک میکنم هیچ تاثیری نداره. علتش چی میتونه باشه؟
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم بررسی فرمایید افزونه المنتور و المنتور پرو در سایت شما آپدیت و آخرین نسخه بوده باشد
با تشکر.
سلام وقتتون بخیر ممنونم از اموزش فوق العاده تون فقط ی مشکلی هست اونم اینه که شما برای هدری که ساختین مارجین سمت پایین رو -100 قرار دادین و کانتینرتون امد روی هدر و فیکس شد اما من این رو قرار دادم مثل شما فیکس نشد و باید مارجین بیشتر میکردم مثلا -230
ایا این از لحاظ استاندارد مشکلی نداره ؟
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم ، این عدد در هر سایت ممکن است متغیر و متفاوت باشد و تفاوت آن مشکلی ندارد.
با تشکر.
سلام وقت بخیر، برای ورود و طراحی با المنتور یک خطا رخ میده و میگه (به منظور عملکرد صحیح المنتور ،می بایست تابع the _content را در پوسته برگه خود فراخوانی کنید)
و پایین هم یه فعالسازی حالت ایمن میاد
چی کار کنم که درست بشه ؟
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از آموزش رفع خطای the_content در المنتور – Elementor The Content Error دیدن فرمایید
با تشکر.
سلام ممنون از شما برای پیدا کردن این عکس های با کیفیت چه سایتی باید بریم ؟ و اینکه برای کم حجم کردن عکس ازونجایی که من فوتوشاپ یاد ندارم سایت فشار دات کو شما کافیه ؟
سلام وقت شما بخیر،
در این خصوص میتوانید از سایت فری پیک تصاویر را دریافت کنید ، بله سایت فشار تا حد زیادی تصاویر شما را فشرده سازی میکند و استفاده از آن توصیه می شود.
با تشکر.
سلام وقت بخیر 7:21 قسمت ویرایش کانتینر ، قسمت ضمیمه داره ک واسه من نیست چطور این قسمت رو بیارم؟
سلام وقت شما بخیر،
این مورد بصورت پیش فرض در المنتور وجود دارد. ممکن است نام آن برای شما بصورت دیگری نوشته شده باشد.
با تشکر.
سلام و عرض ادب خدمت استاد عزیز و همکاران زحمت کش
خواستم تشکری کرده باشم بابت این آموزش جامع و تشکر ویژه بابت نکته های ریزی که تو هیچ سایت دیگه نمیگن یا شاید اصلا بلد نیستن که بخوان بگن !!!
درس قبلی نکته بسیار مهم که ارتفاع کانتینر رو میذاریم روی 100 vh و نکته جالب این درس که اولویت z- index تنظیم می کنیم رو هیچ جای دیگه ندیده بودم !!
بازم تشکر
سلام وقت شما بخیر،
از لطف و محبت شما بسیار ممنونیم
با تشکر.
سلام وقت بخیر، من در بخش استایل جایگاه، ضمیمه، تکرار و اندازه نمایش رو پیدا نمیکنم، حذف شدن؟
سلام وقت شما بخیر،
این بخش ها در آپدیت جدید المنتور تغییراتی داشتند و به همین دلیل با آموزش متفاوت است.
با تشکر.
ببخشید هدری که در قسمت قبل ساختیم و باید پاک کنیم؟؟؟
چون طبق روشی که استاد فرمودن انجام دادم اما هیچ تغییر ی در سایتم ظاهر نشد
سلام وقت شما بخیر،
نیازی به حذف هدر نیست و میتوانید تنظیمات را روی همان لحاظ کنید ،دقت فرمایید ممکن است به دلیل کش مرورگر این مورد رخ داده باشد
با تشکر.
سلام وقتتون بخیر و خسته نباشید
میشه لطفاً بگین این عکسو استاد از چه سایتی کپی کردن؟؟؟
سلام وقت شما بخیر،
برای یافتن منبع عظیم تصاویر میتوانید از سایت فری پیک دیدن فرمایید.
با تشکر.
سلام چطور تغیراتی که در قسمت سایز گوشی اعمال میکنیم روی دسکتاپ هم اعمال نشه؟
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از آموزش طراحی واکنشگرا در المنتور – Elementor Responsive Design دیدن فرمایید
با تشکر.
سلام، چطور روی هدر شفاف وقتی عکس یا متنی میزاریم روی کانتینر بالا نره ؟ یعنی عکس میره روی فهرست که توی کانتینر بالاست
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از آموزش ساخت هدر شفاف در المنتور – Transparent Header دیدن فرمایید
با تشکر.
همانطور که در آموزش نشان داده شده زمانیکه بخواهیم المان ها را نسبت به هم الویت دهیم باید از z-index استفاده کنیم
سلام عکس با کیفیت بالا از کجا پیدا کنیم. از چه سایتی؟
سلام وقت شما بخیر،
میتوانید از سایت فری پیک تصاویر خود را دریافت کنید.
با تشکر.