اضافه کردن آیکون به منو بدون افزونه + بدون کدنویسی

هدر یکی از اصلی ترین بخش های هرسایت است و در بالاترین بخش سایت نشان داده می شود. در بیشتر هدرها بخش هایی مانند دسترسی به بخش های مختلف سایت، جستجو و عضویت دیده می شود.

دسترسی به بخش های سایت با استفاده از منو صورت می گیرد. طراحان سایت معمولا تلاش می کنند هدری ایجاد کنند که تجربه کاربری راحتی داشته باشد و در عین حال جذاب باشد.

یکی از مواردی که طراحان سایت مایلند جهت جذابیت هدرها انجام دهند، آیکون دادن به منو است.

با اینکه با المنتور، طراحی های زیبایی برای هدر می توان انجام داد ولی المنتور این قابلیت را ندارد که بتواند بدون نصب افزونه های جانبی آیکون به منو اضافه کند.

اینجاست که تعدادی افراد با کدنویسی، آیکون های مورد نظر خود را به منوها اعمال می کنند. حالا تکلیف افرادی که با کدنویسی آشنایی چندانی ندارند، یا اینکه بخاطر یک آیکون نمی خواهند افزونه های جانبی نصب کنند، چیست؟

 باید بگیم که نگران این موضوع نباشید، ما در این آموزش با چند کلیک و به راحتی این کار را انجام می دهیم.

بنابراین بدون افزونه های جانبی المنتور و بدون کدنویسی می توانید منوهای هدر و یا پنل کاربری تان را با قرار دادن آیکون، جذاب تر کنید.

ولی اگر میخواهید استایل هم به آیکون بدهید مانند تغییر رنگ و فاصله، همانطور که در فیلم اشاره کردیم، می توانید از قطعه کد زیر استفاده کنید.

style=”margin-left:5px; color:blue;”

این کد را بعد از <i> قرار دهید. اگرنیاز به تغییر رنگ ندارید، فقط style=”margin-left:5px;  این تکه کد را کپی کنید.

همچنین اگر نیاز است فاصله آیکون و نوشته بیشتر باشد، بجای 5 عدد بزرگتری قرار دهید.

حتما فیلم آموزشی آن را ببینید تا کامل متوجه مبحث شود. با دنبال کردن آموزش های پیشرفته المنتور ما طراحی سایت حرفه ای تری انجام دهید.