• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

آموزش طراحی متریال با Materialize (جلسه 8) - کار با جدول

0 355 ۳۱ فروردین ۹۵

در این جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم.getting-started-materialize-css-framework

Materialize کلاسهای مختلفی در مورد Table داره که میتونین با اعمال کردن اونا به Table مورد نظر، استایل زیبایی رو به اون بدید.

  • None : اگه هیچ کلاسی به Table مورد نظرتون ندید، جدول مورد نظر بدون border خواهد بود و استایلهای پیش فرض به اون اعمال میشه.
  • Stripped : با استفاده از این کلاس جدولتون یک سطر در میون رنگهای مختلف میگیره
  • highlight : با استفاده از این کلاس، ردیفهاتون زمانی که بر روی اون ها هاور میشه، رنگ پس زمینشون تغییر میکنه
  • bordered : با استفاده از این کلاس ردیفهای جدول یک border-bottom میگیرن
  • centered : با استفاده از این کلاس تمام متن ها در سلولهای جدولتون وسط چین میشن
  • responsive-table : با استفاده از این کلاس، جدولتون واکنشگرا میشه و خودشو تطابق میده

مثالها

جدول ساده

میبینید که هیچ کلاسی برای جدول قرار داده نشده. خروجی بصورت زیر هست:table1

جدول stripped و bordered

خروجی:Table2

جدول با سلولهای وسط چین

خروجی:table3

جدول واکنشگرا

خروجی:table4

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram