0

وبلاگ

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


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

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

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

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

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

قسمت لیست

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

قسمت آیکن

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

قسمت متن

تایپوگرافی، سایه و رنگ متن قابل تنظیم است. برای مطالعه بیشتر سایت رسمی المنتور را ببینید. (Icon List)

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

آموزش المنتور به زبان ساده

کاملترین دوره آموزش 0تا100 المنتور را در آکادمی سعید شریفی مشاهده کنید. این دوره ویدیویی علیرغم زحمات زیادی که داشت بطور کاملا رایگان برای شما عزیزان در سایت قرار داده شده است.

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

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

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