آموزش ساخت مگامنو دیجی کالا با المنتور ( بدون افزونه جانبی) - قدم به قدم
HTML-код
- Опубликовано: 11 сен 2024
- آموزش طراحی و ساخت مگامنو دیجی کالا با المنتور - دیجی کالا یکی از پربازدیدترین و موفق ترین فروشگاه های اینترنتی ایران هست که یه تیم قوی مشغول طراحی ظاهر این سایت هستند. مگا منو دیجی کالا بصورت اصولی طراحی شده و خوبه که ما بتونیم از سایت های موفق ایده بگیریم (کپی کردن با ایده گرفتن فرق داره)
من توی این ویدئو بهتون آموزش میدم چطور مگامنو دیجی کالا رو با المنتور طراحی کنید. اون هم بدون نیاز به افزونه جانبی و فقط با دو تا افزونه المنتور و المنتور پرو
هدف این آموزش این نیست که شما برای سایت خودتون دقیقا همین منو رو طراحی کنید. شما باید با توجه به تعداد دسته بندی های فروشگاه اینترنتی خودتون و محصولاتتون یک مگا منو کاربردی طراحی کنید.
افزونه المنتور که آموزش های زیادی از این افزونه صفحه ساز توی کانال یوتیوب امیر یامی منتشر کردیم، یک افزونه بسیار کاربردی است که شما میتونید با کمک اون تقریبا اکثر طراحی ها رو پیاده سازی کنید.
طراحی مگامنو دیجی کالا با المنتور شدنی هست و میتونید علاوه براون منو یا مگامنو های حرفه ای با المنتور طراحی کنید.
البته میتونید با استفاده از افزونه های جت منو یا جت تب هم مگا منو حرفه ای طراحی کنید. اما تاجایی که میتونید از نصب افزونه های جانبی اجتناب کنید. چون باعث میشه سایت وردپرسی شما سنگین تر بشه.
اگر نصب یک افزونه ضروری هست، میتونید نصب کنید ولی باید حواستون به قدرت سرور یا هاستتون هم باشه که سایتتون کند نشه.
طراحی سایت وردپرسی با المنتور تقریبا اکثر محدودیت های طراحی رو حذف کرده و شما میتونید هر المانی رو طراحی کنید.
برای مشاهده آموزش های بیشتر المنتور و طراحی سایت با وردپرس بصورت رایگان، کانال من رو سابسکرایب کنید و زنگوله رو روشن کنید تا اگر آموزش منتشر کردم، اولین نفر ها باشید که تماشا میکنید.
چرا مگامنو داشته باشیم؟
مگا منو درواقع یک منو گرافیکی است که اجزا و المان های زیادی رو داخل خودش جا داده و باعث میشه کاربر بصورت گرافیکی تری منو سایت رو مشاهده کنه و این باعث راحت تر شدن تجربه کاربری در سایت میشه. کاربر ها میتونن به راحتی دسته بندی مورد نیاز خودشون رو از مگامنو فروشگاه اینترنتی شما پیدا کنند و نیازشون رو برطرف کنن.
مگا منو دیجی کالا تقریبا یک مگا منو کامل هست که میتونید ازش ایده بگیرید و مگامنو کاربری برای سایتتون طراحی کنید.
کدی که در این ویدئو استفاده شده است در کانال تلگرام قرار دارد:
t.me/amiryami_...
اگر پیدا نکردید کافیه هشتگ زیر رو جستجو کنید: #کد_مگامنو
آموزش های مکمل این ویدئو :
آموزش فونت سفارشی و تایپوگرافی در المنتور :
• آموزش تایپوگرافی در و...
افزون آیکون دلخواه به المنتور:
• افزودن آیکون به کتابخا...
آموزش کانتینر ها در المنتور :
• آموزش کانتینر المنتور ...
آموزش ساخت مگامنو حرفه ای در المنتور :
• آموزش ساخت مگا منو با ...
آموزش رسپانسیو کردن هدر :
• آموزش رسپانسیو کردن هد...
برای دیدن آموزش های بیشتر وارد کانال بشید
💚 جهت حمایت از من لایک و کامنت رو فراموش نکنید
کانال رو به دوستان خود معرفی کنید.
#المنتور #دیجی_کالا #طراحی_سایت #طراحی_فروشگاه_اینترنتی #ساخت_فروشگاه_اینترنتی
این هم یک آموزش دیگه برای طراحی مگامنو با المنتور
ruclips.net/video/4SVeAP9fwNU/видео.htmlsi=w_iy8OIzAZnH8vQF
جناب اون کد رو کجا گذاشتید؟
@@user-sv7uk1ee4n توی کانال تلگرام جستجو کنید
#کد_مگامنو
آموزش به این خفنی چرا باید پنجتا لایک داشته باشه یه هفته بود درگیر ادان های المنتور بودم برا ساخت همچین مگامنوایی . ممنونم مهندس جان بابت همچین آموزش عالی ای❤ بی حاشیه بدون اتلاف وقت صریح و مفید و گویا همشو گفتین عالی بود عالی . خسته نباشید
خواهش میکنم
خوشحالم که براتون مفید و کاربردی بوده
ممنون بابت انرژی مثبتتون 🌹❤️
چقدددددر عالی و کامل بود واقعا ممنون
خوشحالم مورد رضایت بوده 🌹
به جرات میتونم بگم که تو بهترین مدرسی هستی که من تا حالا دیدم . نکات و ترفندهایی که آموزش دادین رو هیچ جا ندیدم. برعکس خیلی از مدیرهای سایت های معروف وردپرسی که همش قربون صدقه خودشون میرن شما.صبور و بی ادعا خلاصه ومفید بدون زیاده گویی و حرافی لپ کلام رو میگی. زنده باشی و برقرار.❤🎉
خواهش میکنم
لطف شماست
خوشحالم که راضی هستید
ممنون بابت انرژی مثبت ❤️❤️❤️
سلام
خیلی ممنونم بابت آموزش خیلی خوب تون
اگر میشه یه قسمت بسازید راجب کد نویسی css در المنتور
❤❤
خیلی عالی بود ، مرسی
ممنون از نظرتون
درود بر شما ، مدتها بود که برای مگامنو از افزونه های آماده استفاده میکردم و اصلا راضی نبودم تا با ویدئو شما آشنا شدم و مگامنو مدنظرم رو قدم به قدم ساختم ، سپاس بی حد برای آموزش بی نقصتون😊🌹
خواهش میکنم
خوشحالم براتون کاربردی بوده 🌹
همه ی آموزشهای یوتیوب رو دیدم به جرعت میگم شما از همه حرفه ای تر و با جزئیات بهتر آموزش میدید
خواهش میکنم
لطف دارید
🙏🌹
سلام استاد گرامی؛
بسیار ممنون و متشکر از شما بابت این آموزش
لطفا در مورد ایجاد مگامنو بر اساس دسته بندی محصولاتی که قبلا در سایت ایجاد کردیم راهنمایی بفرمائید(مگامنوی داینامیک) که با تغییر کردن دسته بندی ها مگامنو هم تغییر کنه و نیاز نباشه به صورت دستی تغییرات را اعمال کنیم.
متشکرم
چشم حتما
واقعا عالی بود خیلی ممنون ازتون .واقعا ساخت مگا منو با افزونه ها هم دردسر داره اما آموزش شما خیلی روان و راحت بود
خواهش میکنم
نظر لطفتونه
دمتون گرم🎉🎉❤
very good man
😍
22:30
سلام مهندس چطوری لینک دسته بندی محصول رو پیدا کنیم بزاریم اونجا یک ویدیو آموزشی در مورد این بسازید
سلام
کار سختی نیست
وارد قسمت محصولات و دسته بندی محصولات بشید و روی نمایش هرکدوم بزنید وارد صفحه همون دسته بندی میشید که میتونید آدرسش رو کپی کنید
عالی
❤❤
عالی🎉🎉🎉🎉🎉
🌹
سلام آموزشتون بسیار کامل بود و تو سایتم هم یه مگامنو ساختم با کمک این آموزش. فقط یه مورد که دیدین وقتی رو منو میریم پسزمینه یه خورده تیره تر میشه تا منو بهتر نمایش داده بشه ؟ خیلی تلاش کردم این مورد رو پیاده سازی کنم ولی هر کاری کردم نشد. ممنون میشم آموزشش رو بدید چطور میتونم یه پس زمینه تیره بزارم وقتی رو منو هاور میشه
روش ساده ای با المنتور نداره
باید با جاوا اسکریپت و سی اس اس یه کد براش بنویسید که وقتی مگا منمو فعال شد لایه زیریش هم فعال بشه
سلام. ممنون از اموزش خوبتون. یک سوال: الان با اون کد که اضافه کردین با هاور کردن روی گزینه های تب ها کلیک هر کدوم فراخونی میشه.
حالا من الان میخوام برای کلیک یه فانکشن بنویسم چطور میتونم این کارو کنم؟
سلام
متوجه نشدم دقیقا
میتونید از همون کد جاوااسکریپت استفاده کنید و فانکشن کلیک رو فراخوانی کنید داخلش
مرسی ممنون بابت آموزش دقیق و کامل تون فقط اگر قسمت اسکرو سر دسته هارو میگفتیم که عالی تر میشد
خواهش میکنم
باید با css اوکی کنید
باید به بخشی که محتوا ها داخلش هست ارتفاع مشخصی بدید و بعد
overflow: scroll
سلام استاد گرامی
اول اینکه خیلی تشکر میکنم بابت وقتی که صرف میکنید برای آموزش، دوم یه سوال از شما دارم و اون اینکه در این آموزش با شما یک مگا منو ساختم ولی موقعه ویرایش در المنتور منوها رو چطور باز کنم و تغییر مورد نظرم رو انجام بدم ممنون میشم راهنمایی بفرمایید
🙏🙏🙏🙏
سلام خواهش میکنم
از منوی مشکی پایین صفحه گزینه ناوبر رو بزنید تا بتونید به تمام لایه های المنتوری دسترسی پیدا کنید
Usefull ❤🎉
سلام و سپاس از آموزش عالی که گزاشتید لطففا کد html هاور تب رو هم قرار بدید.
سلام
خواهش میکنم 🙏🌹
توی تلگرام قرار دادم
سلام وقت بخیر
با عرض خداقوت خدمت شما استاد گرامی سوال من این است که در مگامنوی سایت دیجی کالا نوار اسکرول بار را چطور اضافه کنیم مانند منوی دسته بندی دیجی کالا. ممنون میشم راهمنایی بفرمایید.
با تشکر
باید با کد سی اس اس اضافه کنید
ایول دارید
لطف دارید
عالی بود فقط یک سوال اگر تعداد دسته ها زیاد باشه اون اسکرول کنار دسته ها رو چجوری باید ست کنیم تا کاربر مجبور نشه خیلی از هدر سایت بیاد پایین
با کد سی اس اس
باید یه تگ رو پیدا کنید و بهش ارتفاع مشخص بدید و بعد آورفلو رو اسکرول انتخاب کنید
من میخوام این فسمت منوی کشویی کلا حذف شه، و از اول روی قالب بوده خودم طراحی نکردم، تو ویرایش المنتور هم محتواشو پاک میکنم ولی زمینه سفید باقی میمونه چیکار کنم کلا. پاک شه
مشکل شما چیزی نیست که راه حل ساده داشته باشه و باید سایتتون بررسی بشه و بعد راهکار بدیم
سوال من اینه که چرا همون اول از بخش دوتایی استفاده نکردیم؟یه سطر انتخاب کردیم و بعد کانتینر اضافه کردیم؟
اونم درسته
گاهش اوقات اول طراحی نمیدونیم چند تا کانتینر نیاز داریم بخاطر همین ساده ترین حالت رو جلو میریم و نهایت یه کانتینر اضافه میکنیم
هدف من توی این ویدئو های آموزشی اینه که جوری آموزش بدم تا کاربر نحوه کار خود المنتور هم آشنا بشه
در واقع این آموزش مگامنو فقط نیست، اموزش آپشن های مختلف المنتوره که یه تمرین میشه تا طرف ذهنش باز بشه که میتونه همچین کار هایی هم بکنه
عرض سلام و ادب خدمت شما. و ممنون بابت آموزش های خوب شما.
ببخشید بنده مشکلی که دارم اینه که وقتی صفحه رو طراحی کردم، با زوم کردن کلا هم چیز بهم میریزه
سلام
خواهش میکنم
طبیعیه، چون همه سایز ها برای صفحه شماست و اگر سایز تغییر کنه، احتمال بهم ریختگی هست.
باید رسپانسیو کنید
سلام لطفا جواب بدید ممنون میشم .. از تنظیمات ویژگی های اونایی که میگی فعال میکنم گزینه منو نداره برای فعال شدن حتی میام توی ویرایشگر اونجام این منو نیست ممنون میشم راهنمایی کنید
سلام
با تشکر از آموزشهای عالی شما
امکان داره که کدهای استفاده شده را هم در زیر ویدئوهای همان آموزش قرار دهید؟
سلام خواهش میکنم
امکان قرار دادن کد توی کپشن ویدئو ها نیست
یوتیوب مانع میشه
به همین دلیل توی کانال تلگرامی منتشر کردم
@@amir-yamiجناب یامی با تشکر از اموزش مفید و کاربردیتون. فقط اینکه من تو کانال کد اسکریپت مگامنو رو پیدا نمیکنم. محبت میکنید مجددا بزارید. ممنون
خواهش میکنم
همین الان متوجه نشدم که اصلا کد رو توی کانال تلگرام نذاشته بودم
ممنون بابت یادآوری
الان منتشر کردم
ممنون عالی بود🙏🙏
خواهش میکنم
🙏🌹
عالی بود استاد . فقط یه موضوع اینکه تب ها پیوند نداره نمی تونم پیوند بدم به دسته مورد نظر چیکار باید کرد
نه نمیشه
میتونید یه گزینه اضافه کنید که نوشته باشه مثلا همه دسته بندی فلان
باید یه ترفندی بزنید برهر حال
آموزشتون عالی بود فقط اگه بخواهیم با کلیک روی دسته بندی اصلی کل زیر دسته نمایش داده بشه چیکار میشه کرد (مانند خود دیجی کالا که با کلیک روی کلمه موبایل در دسته بندی کل دسته بندی موبایل نمایش داده میشه)
اون نوشته اول داخل هر تب رو میتونید لینک دار کنید
سلام برای من منو نیست چجوری از تنظیمات فعالش کنم
از قسمت المنتور و تنظیمات باید گزینه منو رو فعال کنید
توی ویدئو ها مگامنو گفتم
سلام این گزینه ی منو که اول ویدیو گفتید تو قسمت تنظیمات برای من نیست ،خود المنتور و پرو رو هم اپدیت کردم نیومد بازم ،به نظرتون چه کار کنم الان؟😢
امکان نداره
یکم با دقت بیشتر بگردید
المنتور و المنتور پرو رو اپدیت کنید
و مطمئن بشید نوع قالب رو سربرگ یا هدر انتخاب کردید
@@amir-yami سلام به نظرم ورد پرس یا المنتور قاطی کرده بود من جفتشون رو حذف و نصب کردم و بازم هم نشد دیگه اخرش از توی هاست اومدم یه ساب دومین درست کردم ینی تو پابلیک اچ تی ام ال یه پوشه ساختم و یه وردپرس دیگه نصب کردم، المنتور و پرو رو نصب کردم گزینه منو ظاهر شد و جالب این که توی توی سایت اصلی هم گزینه ی منو اومد. به نظر میرسه که برای یه عده زیادی این طوری میشن
سلام وقتتون بخیر
چقدرررر این آموزش مفید بود و مدتها دنبالش بودم.فقط یه مشکی برام پیش اومده که وقتی روی دسته بندی کالاها کلیک میکنم dropdown اجرا نمیشه زینش هم فهال کردم.ممنون میشم راهنمایی کنید
سلام وقت شما هم بخیر
خواهش میکنم
مطمئن بشید که سایت خطایی نداره و همه مراحل رو کامل طی کردید
ویدئو خطا های المنتوری رو مشاهده کنید
ruclips.net/video/-c6bWZZgOis/видео.html
1:47 @@amir-yami
لطفا یک بار دیگر این سوال را توضیح دهید با تشکر
بسیار عالی بود فقط اون کدها را جایی نیست کپی کنیم؟
خواهش میکنم
توی کانال تلگرام هست
سلام جناب یامی
تشکر می کنم از آموزشهای خوبتون و یک سوال هم داشتم
چجوری به دسته بندیها لینک بدیم؟یعنی وقتی کاربر رو یک دسته بندی کلیک میکنه فقط محصولات همون دسته رو نشون بده؟
سلام
به همون نوشته ها لینک بدید
لینک دسته بندی محصولات رو میتونید از بخش دسته بندی محصولات توی پنل وردپرس پیدا کنید
سلام وقت بخیر
ممنون از آموزش خوبتون من همه مراحل رو پیش رفتم فقط یک مشکلی هست که dropdown منو برای من باز نمیشه که دسته بندی هارو داخلش قرار بدم مواردی هم که گفتین داخل المنتور فعال کنم فعال کردم
راه دیگه ای نیستش؟
سلام
مطمئن بشید که افزونه ها آپدیت باشه
اگر نشد، افزونه های دیگه رو غیرفعال کنید و تست کنید ببینید شاید مشکل از افزونه های دیگه باشد
شاید مشکل از قالب باشد که با تغییر موقتی میشه مشخص کرد
سلام وقتتون بخیر چندتا سوال داشتم
وودمارت کور چیه و چه فرقی با وودمارت داره و اینکه رایگان هستش؟
شما تو کانالتون دارید؟
اگر بخواییم یه سایت مثل دیجی کالا بسازیم ، المنتور و ووکامرس و دکان کافیه یا باید از وودمارت هم استفاده کنیم؟
سلام وقتتون بخیر
وودمارت کوور یک افزونه هست که همراه وودمارت باید نصب کنید تا از امکانات قالب وودمارت بتونید استفاده کنید
این افزونه با خود قالب وودمارت معمولا هست
برای ساخت دیجی کالا خیلی موارد رو باید بررسی کنید
اما بابت ظاهرش
بستگی به مهارت خودتون داره
من با المنتور و قالب هلو المنتور راحت ترم
کاش منو موبایل دیجیکالا رو هم طراحی کنید، و همچنین یه منوی موبایل آف-کنوس، فقط با المنتور بدون افزونه جانبی بزنید
سلام
چشم حتما
الان شما تا مگا منو باز میکنی زیر دسته کامل نمایش داده میشه ولی اگه نخوایم نمایش داده شه چی یعنی مثلا بخوایم برای باز شدن حتما روی کالاهای دیجیتال کیلیک کنه بعد زیر دسته ها نمایش داده بشه چکار کنیم
یه ترفند ساده اینه که میتونی منوی اول رو خالی بزاری ولی با css دکمه اش رو مخفی کنی
سلام استاد ممنون بابات ویدیو خوبتون من یه سوال دارم قسمت دراپ کانتنت اصلا برای من باز نمیشه ینی روی ایتم که کلیک مینکنم هیچ اتفاقی نمیوفته
و من ورژن المنتور پرو رو عوضکردم و... اما همچنان بران کار نمیکنه ممنون میشم اگر بهم راهنمایی کنید
سلام
خواهش میکنم
توی آیتم منو که اضافه کردید یه گزینه داره که باید فعال کنید، فعال کردید؟
اره اما همچنان تفاوتی نکرد در واقع نمیتونم دراپ داون کانتنت رو ادیت کنم@@amir-yami
توی تلگرام اسکرین شات بفرستید
منم همین مشکل و داشتم
مشکل از تداخل نسخه های المنتور بود
از نسخه های قدیمی المنتور استفاده کنید فعلا
تا توی آپدیت های بعدی المنتور مشکل برطرف بشه
ویدئو رفع خطا های المنتور رو ببینید :
ruclips.net/video/-c6bWZZgOis/видео.html
سلام و خدا قوت . من بجای گزینه منو گزینه سبد منو دارم و وقتی اونو میزارم جای منو سبد خرید رو میاره اینو میشه کاریش کرد؟
سلام
از قسمت تنظیمات المنتور منو رو فعال کردین؟
سلام یک بار تنظیمات رو بردم به حالت پیش فرض درست شد گزینه منو اومد توی لیست
بسلامتی پس 🍾
با عرض سلام و خدا قوت، میخواستم بدونم چجوری میتونم اون کدی که آخر کلیپ زدین رو پیدا کنم؟
توی کانال هشتگ زیر رو جستجو کنید
#کد_مگامنو
عالی بود تا آخرش دیدم و مو به مو انجام دادم
فقط یه چیزی
وقتی تو سایت لاگین نیستم کلا منوی بالا بهم ریخته نمایش داده میشه
لاگین که میکنم اوکی میشه
چکار باید بکنم؟
این ویدئو شاید مشکل رو حل کنه
ruclips.net/video/-c6bWZZgOis/видео.htmlsi=dDIRO2xyQYxNky-1
سلام.یه سوال. تو این روش بایدد حتما روی تب کلیک بشه .راهی هست با رفتن موس روی تب ها زیر منو بازبشه؟چون تو حالت افزونه جت هم همین مشکل وجود داره
سلام تا انتهای ویدئو رو ببینید
روش غیر کلیک رو هم گفتم
قطعا با جت انجین و جت منو و جت تب میشه حرفه ای تر پیاده سازی کرد
اما نصب این چند تا افزونه خودش بار زیادی روی سایت میزاره
مهندس من گزینه منو تو که ثانیه 3.07 گفتی اضافه کنم و ندارم اصلا تو تنظیمات المنتور هم رفتم همچین چیزی نیست کلا ، فلکس باکس و فعال کردم بازم نیومد راهنمایی میکنی ؟؟؟
حتما مطمئن باشید که المنتورتون آپدیت هست و گزینه منو رو فعال کردید
و المنتور پرو هم آپدیت باشه
آقا تب ها رو چطور حالا لینک دار کنیم؟ نمیشه تب ها رو لینک دار کرد؟ فقط منو های زیرمجموعه ش میشه؟ میخوام تب ها رو لینک بدم مثلا تب "کالای دیجیتال" ب دسته بندی خودش لینک بشه
اگر تب ها رو لینک دار کنید دیگه با کلیک کردن وارد اون لینک میشه و نمیشه محتوای تب رو دید
برای اینکه کاربر بتونه وارد دسته بندی کالای دیجیتال بشه باید توی محتوای تب یه لینک بزارید و مثلا بنویسید "همه محصولات کالای دیجیتال " و این رو لینک کنید به دسته بندی
سلام
میشه ویدیو بعدیتون طراحی صفحه محصول دیجی کالا باشه ؟
سلام
صفحه محصول دیجی کالا خیلی جزئیات داره و قطعا ضبط اموزشش طولانی میشه
این روز ها هم درگیر ضبط یک دوره آموزشی هستم و هم چند تا پروژه طراحی سایت سنگین قبول کردم
ولی قول میدم توی اولین فرصت صفحه محصول دیجی کالا رو بزنم
بازم اگر ایده ای برای ویدئو های بعدی دارین، بگین
چون اکثر موضوعات رو از توی همین کامنت ها مشخص میکنم
سلام قدم به قدم مثل خودت پیش رفتم ولی نمیدونم چرا وقتی لاگین نیستم کلا سایت بهم ریخته دیده میشه
سلام
ویدئو آشنایی با خطا های المنتور و وردپرس رو نگاه کنید
توروقران فایل اینو بدید به من
ممنونم
سلام
توی کانال تلگرام هست
ریسپانسیو گوشیو نگفتین، الان توی گوشی ۲ تا همبرگر میاد تا منو باز بشه ...😢
اخه رسپانسیو دیجی کالا چیز خاصی نیست فقط یه کادر جستجو تمام عرض داره
مهم اون نوار پایینش توی حالت گوشی هست که گفتم
نیازه همون کادر جستجو رو مجدد توضیح بدم؟(چون فکر میکردم ساده باشه نگفتم)
استاد سوال منم هست لطفا بگین چه طور تو حالت موبایل اون همبرگر دوم رو حذف کنیم @@amir-yami
سلام استاد عزیز اسکریب برای من کار نکرد راهی دیگه داره ؟ با تشکر
سلام
مطمئن باشید المنتور اپدیت باشه
المان اچ تی ام ال رو دقیقا بالای المان تب بزارید
کلاس ها رو بدرستی بدید
این منو توی المنتور من نیست
از توی تنظیمات باید فعال کنی
کد اسکریپت کجاست اوستا
توی کانال تلگرام جستجو کنید #کد_مگامنو
سلام وقت بخیر
با عرض خداقوت خدمت شما استاد گرامی سوال من این است که در مگامنوی سایت دیجی کالا نوار اسکرول بار را چطور اضافه کنیم مانند منوی دسته بندی دیجی کالا. ممنون میشم راهمنایی بفرمایید.
با تشکر
سلام
باید با کد css اضافه کنید
ممنون از اینکه پاسخگو هستید آموزشی تحت این موضوع دارید
خیر هنوز به آموزش های css نرسیدیم