اولین چیزی که هنگام بازدید از یک وب سایت متوجه می شوید چیست؟ هدر، درسته؟ آره! ما همه مثل همیم!
هدر اولین چیزی است که نظر بازدیدکنندگان را در سایت شما جلب می کند. شما می توانید هدر را به عنوان ستون فقرات هر وب سایتی در نظر بگیرید.
مهم نیست که صاحب یک سایت تجارت الکترونیک، سایت وبلاگ، رسانه های اجتماعی، انجمن یا یک سایت نمونه کار شخصی هستید، باید یک منوی ساده و آسان برای پیمایش اضافه کنید.
با این حال، افزودن یک هدر ساده به منو اکنون کافی نیست! شما باید هدر را سفارشی کنید تا بهترین تجربه کاربری را به مخاطبان خود ارائه دهید. و شما می توانید این کار را با ایجاد هدر شفاف Elementor و چسبناک انجام دهید!
در این مقاله، من میخواهم پیشرفتهترین روش اما زمانبر برای افزودن یک هدر چسبناک شفاف برای Elementor به وبسایت خود را به شما نشان دهم!
بیایید یک هدر چسبنده Elementor ایجاد کنیم که بازدیدکنندگان را در نگاه اول عاشق وب سایت شما کند.
.elementor-sticky–effects{
background-color:rgba(0,0,0,0.5) !important;
}
34 دیدگاه. Leave new
سلام اقای جبین پور عزیز. امیدوارم که عالی باشید .
میخاستم بگم این کدی که نوشتد کپی کنیم برای css بعد از sticky همونطور که تو ویدئو فرمودین باید دوتا — داشته باشه . ولی اینجا یدونه – داره .
باسلام خدمت شما
از کدی که قرار گرفته است استفاده نمایید ، مشکلی ندارد.
از حضور شما ممنونیم.
من این کد رو استفاده کردمم بکگراند اعمال میشه اما افست رو هر کار میکنم اعمال نمیشه
وقت شما بخیر
متاسفانه مشکل شما به این صورت قابل بررسی نیست.
ممکن است بخشی از کار اشتباه باشد.
در صورتی که محصولی از ما تهیه کرده اید تیکت ارسال نمایید.
برا اونایی که کار نمی کنه از کد زیر استفاده کنن….
.elementor-sticky{
background-color:rgba(0,0,0,0.5) !important;
}
من این کد رو استفاده کردمم بکگراند اعمال میشه اما افست رو هر کار میکنم اعمال نمیشه
سلام آموزش جالبی بود این جلسه ممنون
سلام و عرض خسته نباشید
واقعا آموزش فوق العاده ای بود، تشکر فراوان.
واسه رسپانسیو کردن تو اندروید نگفتید هیچی که
درود و عرض ادب
بله در ادامه این مورد هم مطرح می شود.
مرسی از اموزش هاتون مهندس جبین پور عزیر
سلام کد css رو اشباه وارد کردین کد درستش اینه
.elementor-sticky–effects{
background-color:rgba(0,0,0,0.5) !important;
}
سلام و عرض ادب
ویدئو خیلی مفیدی بود. آز آقای جبین پور بی نهایت ممنونم.
باتشکر
سلام. در بخش حساب کاربری فقط یک دکمه ایجاد شد و اسمش گزاشتین حساب کاربری.الان من میخوام اول ورود و ثبت نام بزارم و بعد که کاربر وارد شد حساب کاربری نمایش بده که بره تو پنل. چجور میتونم اینکار انجام بدم؟ووکامرس هم دارم
وقت بخیر،
زمانی که بر روی حساب کاربری کلیک می شود ، در صورتی که کاربر ثبت نام نکرده باشد، وارد بخش لاگین ویا ثبت نام می شود.
با تشکر.
من متوجه نشدم که چه لینکی زدین برای اون دکمه؟
سلام و عرض ادب
لینک برگه ناحیه کاربری دارد.
با تشکر.
برگه ناحیه کاربری خودتون طراحی کردین یا از ووکامرس؟
سلام منظور شما سایت ابزار وردپرس است؟ اگر بله توسط خود ما طراحی شده است.
سلام چرا برای من کد css کا نمیکند؟
اصلا بکگراند نمیاد.
وقت بخیر
در وارد کردن آنها دقت نمایید.
با تشکر.
سلام دوست عزیز . شما باید ابتدا یک کلاس برای کل ردیف هدر تعریف کنید .
همانطور که میدونید نام کلاس باید elementor-sticky–effects باشد که با کد css هم خوانی داشته باشد .
بعد از اون استایل های ذکر شده داخل کد css روی هدر شما اعمال میشود
سلام و عرض ادب. سپاس از اموزش خوب شما
فقط یه نکته ای هست که ایا بجز کپی کردن این کد در بخش تنظیمات آیا کار دیگه ای نیاز نیست؟ چون رنگ هدر من اصلا موقع اسکرول تغییر نمیکنه
سلام و عرض ادب
به کل آموزش توجه نمایید از کد هم استفاده نمایید.
در صورتی که مشکلی بود، از بخش ناحیه کاربری ، تیکت ارسال نمایید تا بصورت تصویری طراحی شما مشاهده شود.
با تشکر.
دقیقا مشکل منم هست چجوری باید درست کنیم
سلام امکانش هست کد ccs رو بگذارید چون من از روی ویدیو برداشتم ولی اوکی نشد بک گراند منو . ممنون از شما
عرض ادب و احترام ، دقت نمایید در ویدئو مشخص است، البته به همکاران بیان شد که در محتوا هم قرار دهند.
سلام وقت بخیر
من کد css رو نمیتونم ببینم
حذف شده آیا؟
سلام و عرض ادب
منظور شما از کدام کد است؟
در قسمت تنظیمات پیشرفته ردیف در هدر، آیا امکان حاشیه خارجی از چپ و راست است؟
سلام و عرض ادب
بصورت کلی در بخش استایل، شما برای تقریباً همه المان ها این تنظیمات را دارید.
با تشکر.
سلام وقت بخیر
کد css که استاد جبین پور تو ویدئو فرمودن قرار میدن پیدا نمی کنم ؟
وقت بخیر
به همکار مربوطه اطلاع داده شد.
شما می توانید اکنون از روی ویدئو کد را بردارید ، کد کوتاهی است.
همکارانم در توضیحات نیز اضافه می کنند.
از توجه شما ممنونیم.
ممنون