0

وبلاگ

جلسه 25 – ویجت آیکن المنتور (Icon)


ویجت آیکن المنتور چیست؟

آیکن ها المان های بسیار پرکاربردی هستند و تقریبا در همه وبسایت ها وجود دارند. تفاوت آیکون و عکس در فرمت و حجم می باشد. فرمت عکس معمولا jpg، png و ... در حالی که آیکون ها غالبا svg هستند. همچنین حجم آنها در مقایسه با عکس بسیار کمتر می باشد. به همین جهت استفاده از ویجت آیکن المنتور می تواند برای رابط کاربری سایت شما مفید باشد. در جلسه ویجت جداکننده المنتور کمی با آیکن ها آشنا شدیم و در این جلسه بطور کامل موارد آن را بررسی می کنیم:

تب محتوا در ویجت آیکن المنتور

  • کتابخانه آیکن ها: می توانید آیکون خود را از کتابخانه آیکن ها انتخاب یا فایل svg خود را آپلود کنید. دقت کنید فایل svg شما از سایت معتبری دریافت شده باشد در غیر اینصورت می تواند سایت شما را خراب کند.
  • نمایش: آیکن می تواند ساده، انباشته یا قاب دار باشد. در صورتی که انباشته یا قاب دار را انتخاب کنید شکل آن (دایره یا مربع) قابل تنظیم است.
  • پیوند: مشابه سایر المان ها می توانید برای آیکن لینک قرار دهید.

تب استایل در ویجت آیکن المنتور

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

تب پیشرفته

این تب را در چند جلسه قبلی (از جلسه 9 تا 17) توضیح دادیم. تب پیشرفته در همه المان ها یکسان می باشد اما تب محتوا و استایل متفاوت است.

آموزش کامل رایگان المنتور

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

دیدگاهتان را بنویسید

درخواست مشاوره رایگان

در صورت نیاز به مشاوره می توانید فرم را تکمیل نمایید و یا با ما در ارتباط باشید.