آموزش ساخت جدول قیمت (استایل دو)

- visibility ۰ mode_comment

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

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

خب برای شروع ابتدا کد زیر به فایل css سایتتون اضافه کنید :

حالا استایل دهی مورد نظر رو انجام دادیم فقط کافیه که اونرو تو html فراخوانی کنیم که این جا یک کد از انواع کاربری VIP تو سون لرن رو آماده کردم که شامل 3 باکس فروش عضویت VIP طلایی، نقره ای و برنزی هست که براحتی می تونید تغییرش بدید:

برای اضافه کردن گزینه به هر ستون از جدول ، مطابق دوره ی آموزشی html ذر سون لرن کافیه که یک تگ <li> استفاده کنید و برای اضافه کردن یک ستون از یک تگ <ul> استفاده کنید.

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

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.