اضافه کردن آیکون به منو بدون افزونه + بدون کدنویسی
هدر یکی از اصلی ترین بخش های هرسایت است و در بالاترین بخش سایت نشان داده می شود. در بیشتر هدرها بخش هایی مانند دسترسی به بخش های مختلف سایت، جستجو و عضویت دیده می شود.
دسترسی به بخش های سایت با استفاده از منو صورت می گیرد. طراحان سایت معمولا تلاش می کنند هدری ایجاد کنند که تجربه کاربری راحتی داشته باشد و در عین حال جذاب باشد.
یکی از مواردی که طراحان سایت مایلند جهت جذابیت هدرها انجام دهند، آیکون دادن به منو است.
با اینکه با المنتور، طراحی های زیبایی برای هدر می توان انجام داد ولی المنتور این قابلیت را ندارد که بتواند بدون نصب افزونه های جانبی آیکون به منو اضافه کند.
اینجاست که تعدادی افراد با کدنویسی، آیکون های مورد نظر خود را به منوها اعمال می کنند. حالا تکلیف افرادی که با کدنویسی آشنایی چندانی ندارند، یا اینکه بخاطر یک آیکون نمی خواهند افزونه های جانبی نصب کنند، چیست؟
باید بگیم که نگران این موضوع نباشید، ما در این آموزش با چند کلیک و به راحتی این کار را انجام می دهیم.
بنابراین بدون افزونه های جانبی المنتور و بدون کدنویسی می توانید منوهای هدر و یا پنل کاربری تان را با قرار دادن آیکون، جذاب تر کنید.
ولی اگر میخواهید استایل هم به آیکون بدهید مانند تغییر رنگ و فاصله، همانطور که در فیلم اشاره کردیم، می توانید از قطعه کد زیر استفاده کنید.
style=”margin-left:5px; color:blue;”
این کد را بعد از <i> قرار دهید. اگرنیاز به تغییر رنگ ندارید، فقط style=”margin-left:5px; این تکه کد را کپی کنید.
همچنین اگر نیاز است فاصله آیکون و نوشته بیشتر باشد، بجای 5 عدد بزرگتری قرار دهید.
حتما فیلم آموزشی آن را ببینید تا کامل متوجه مبحث شود. با دنبال کردن آموزش های پیشرفته المنتور ما طراحی سایت حرفه ای تری انجام دهید.
آموزش قرار دادن آیکون در منو ویدئو
17 دقیقه
بله با دیدن فیلم آموزشی ما می توانید با چند کلیک به منوها آیکون اضافه کنید.
بله ولی باید یک تکه کد به منو اضافه کنید که با دیدن فیلم آموزشی می توانید به راحتی آن را انجام دهید.
درخواست مشاوره
برای کسب اطلاعات بیشتر درباره این دوره درخواست مشاوره خود را ارسال کنید و یا با ما در تماس باشید.
درخواست مشاورهدوره های مرتبط
آموزش لینکدین قدم به قدم + ساخت اکانت حرفه ای
درباره دوره در توضیح آموزش لینکدین قدم به قدم می توان گفت که، زندگی در عصر ارتباطات، رسانه و وجود…
آموزش کاربردی برچسب های پویا (محتوای دینامیک) در المنتور
درباره دوره برچسب های پویا در المنتور، ویژگی است که باعث تولید محتوای دینامیک می شود. دینامیک یعنی اینکه بر…
آموزش عملی کار با حلقه (لوپ) در المنتور
درباره دوره اگر طراحی سایت را با استفاده از المنتور انجام می دهید، حتما متوجه شدید که المنتور دائما ویژگی…
آموزش عملی کار با کانتینر در المنتور به زبان ساده
درباره دوره فلکس باکس کانتینر ویژگی جدیدی است که در نسخه های جدید المنتور اضافه شده تا با استفاده از…
امتیاز دانشجویان دوره
نظرات
30000 – رایگان!
مرضیه هدایت پناه
طراح سایتکارشناسی ارشد IT خوندم و به مدت 9 ساله در دانشگاه های مختلف، به تدریس دروس تخصصی رشته های کامپیوتر و IT مشغول هستم.
حمیدرضا( خریدار محصول )
سلام ممنونم فقط لینک اموزش اشتباه هست و ادرس اصلی سایت هست
7taz(مدیریت)
سلام
خیلی ممنون که خبر دادید. لینک اصلاح شد.
آرزو( خریدار محصول )
من واقعا لازم داشتم این دوره رو. ممنون از استاد عزیز بابت تدریس عالی شون
7taz(مدیریت)
خوشحالم که از این ترفند اضافه کردن ایکون به منو خوشتون اومده:)