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

- visibility ۹ mode_comment

با سلامی دوباره خدمت شما کاربران عزیز سون لرن ، امروز هم با استایل جدیدی در خدمتتون هستیم که به کمک اون  می تونید یک جدول قیمت (price table) راه اندازی کنید.

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

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

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

اگر هم نیازمند اضافه کردن ستون های بیشتر به این جدول هستید باید کد زیر را پس از خط 22 اضافه کنید :

با این کار ستون قرمز تکرار می شود ولی اگر بخواهید که ستون سبز یا زرد تکرار شود باید از دو کد زیر استفاده کنید :

کد سبز:

کد زرد:

 

info نکته :

برای لینک دادن هم کافیه که بجای هر علامت # مقصد لینک خود را وارد کنید.

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

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

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

masood

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

رضا نصرالهی

با سلام
کد استایل رو اضافه کنید و سپس کد html رو در ویرایشگر وردپرس اضافه کنید.
اگه بازهم سوالی بود بپرسید

خسته نباشید
انگار خط 21 کدهای CSS با سینتکس SCSS نوشته شده 😉

رضا نصرالهی

نه خیر
امتحان کردم نبود

علی امینی

منظورم این کد بود:

توی سی اس اس دستور @include معنی نداره

مهشاد کلانتری

بله به نظر میاد از میکسین های compass باشه
اگر با inspect element هم ببینیم خاصیتش اعمال نشده

علی امینی

میکسین های compass برای CSS3 مثل اسم خود خاصیتن. مثلا میکسین transform، به صورت زیر هست.

یا مثلا چند تا دیگه:


به نظر میاد که میکسین ()translate توسط شخصی تعریف شده.

مهشاد کلانتری

نیاز به لاگین

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