// معرفی ۱۲ قالب html برای ایجاد لیستی از آیتم‌ها - برق،رباتیک،کامپیوتر - الکترونیکا

الکترونیکا پروژه های الکترونیک و مکانیک

سایت در حال به روز رسانی به نسخه ی جدید میباشد در صورت بروز مشکل با شماره ی 09213203841 تماس بگیرید

معرفی ۱۲ قالب html برای ایجاد لیستی از آیتم‌ها

اطلاعات بیشتر
7 سال 4 ماه قبل #405 توسط nooshin88

در این‌ جا ما برای شما ۱۲ قالب زیبا و دوست داشتنی جهت نمایش لیستی از آیتم‌های گوناگون در طراحی وب سایت مهیا کرده‌ایم.

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

قالب‌ها:

این قالب‌ها به چهار دسته مجزا تقسیم‌بندی شده‌اند که عبارتند از:

۳ لیست برای محصولات، برای کاتالوگ‌ها و خرید‌های آنلاین فوق‌العاده می‌باشند
۴ لیست برای مطالب، جهت نمایش پست‌های بلاگ به صورت عکس‌های کوچک، همراه با عنوان و توصیف آن‌ها
۲ لیست برای تصاویر جهت استفاده در گالری‌ها و آلبوم تصاویر
۳ لیست جهت نمایش پروفایل کاربران با اطلاعاتی درمورد فرد، به همراه آواتار آن شخص

شما می‌توانید پکیج مربوطه را به کمک دکمه دانلود در پایین مقاله سمت راست دانلود کنید.

استفاده از قالب‌ها:

پس از دانلود پکیج آماده شده، اجرای هریک از قالب‌ها در هر قسمتی از پروژه شما بسیار آسان خواهد بود. تنها کافی است، مراحل ساده زیر را دنبال کنید:

۱- قالبی را که دوست دارید انتخاب کنید.

۲- فایل مربوط به قالب دلخواه خود را باز کنید و کد HTML آن را در داخل تگ BODY از سایت خود، در هر مکانی که درنظر دارید کپی کنید.

۳- CSS مربوط به قالب انتخابی خود را انتخاب کنید و در پروژه خود آن ‌را آدرس‌دهی کنید. ( فایل‌های CSS از مسیر assets/css قابل دسترسی می‌باشند.) CSSهای این قالب‌ها بصورت مستقل طراحی شده‌اند ومداخله‌ای در مابقی استایل‌های وب‌سایت شما نخواهند داشت.

۴- متن‌ها و تصاویر خود را جایگزین متن‌های ساختگی و تصاویر ما در قالب‌ها کنید.

تمام شد!

رایگان برای استفاده تجاری

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

برای دیدن دمو کلیک کنید.

دانلود فایل
منبع: طراحی وب سایت ستروکیت

لطفاً ورود یا ايجاد حساب كاربری برای پیوستن به بحث.

مدیران انجمن: developzoom
قدرت گرفته از كيوننا