??????????

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

درود. وقت بخیر

1- وقتی رو آیکونِ همبرگر منو کلیک می‌کنم تا منو بیاد، جای این که آیکون bars به ضربدر تغییر پیدا کنه آیکون سبد خرید تغییر می‌کنه

2- بخش آیتم‌های topnav:

باید دقیقا خودِ آیکون hover شد، tooltip ظاهر شه اما پوینتر ماوس تا یه فاصله ای پایین ترشم بره این اتفاق میوفته و موفق نشدم رفعش کنم

(فکر کنم چون tooltip رو تو li گذاشتم و گفتم li:hover ... تولتیپ نمایش داده باشه، پس اگه بگم a:hover یا i:hover باید درست شه اما عمل نمی‌کنه!)

3- بخش پایینی فوتر که لوگو و یه سری لینک هست رو نمی‌تونم ریسپانسیو کنم چه با فلکس چه گرید?

https://codepen.io/Sahar_Pashaei/pen/vYQvoQM

درود

1- بخاطر سلکتور هست. شما نوشتید:

menuBtnIcon = document.querySelector("i");

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

let menuBtnIcon = document.querySelector("body > nav > div.navbottom > div > div > span > i");

2- بله دقیقا به همین دلیل هست. مشکل اینه که رو هاور آیکون نمیتونیم تولتیپ رو فعال کنیم. این کار یا باید با جاوا اسکریپت مدیریت بشه، یا حداقل یکم بهبود یافته اش این میشه:

.topnav__icons i:hover .tooltip {
  opacity: 1;
}
<i class="fa-solid fa-heart">
  <div class="tooltip">
   <span>Favoritesspan>
  div>
i>

3- میخواید در سایز کوچک چه شکلی بشه دقیقا؟

بهترین پاسخ

نازنین کریمی مقدم ۱۴ شهریور ۱۴۰۲، ۰۵:۵۷

درود. ممنون از پاسختون

3- تقریبا درستش کردم ?

سحر پاشائی ۱۴ شهریور ۱۴۰۲، ۰۷:۵۳