راستچین، نه چپچینِ آینهای
قالب با dir="rtl" ساخته شده و نسخهی راستچین بوتاسترپ ۵ استفاده میکند؛ فاصلهها، چیدمان و آیکنها از اول درستاند.
قالب داشبورد ادمینی که از اول راستچین است
توروویستو یک قالب کامل داشبورد ادمین با HTML, CSS و Bootstrap 5 است؛ بدون جاوااسکریپت سنگین، بدون وابستگی به فریمورک، و با کد لایهبندیشدهای که تیم شما میتواند در چند دقیقه رنگ و فونت برندش را جایگزین کند.
- ۱۶
- صفحهی کامل
- ۸
- بخش لایهبندی
- ۲
- حالت روشن/تیره
- ۰
- وابستگی اضافه
پالت برند
فقط چند متغیر CSS
راستچین واقعی
dir="rtl" از همان سطر اول
۸ بخش مستقل
هر بخش با یک کامنت شروع میشود
چرا توروویستو
قالبی که تحویل پروژه را کوتاه میکند
هر چیزی که برای ساختن پنل ادمین یک مشتری لازم دارید آماده است؛ فقط محتوا را عوض کنید و رنگ برند را در یک فایل تنظیم کنید.
حالت روشن و تیره
با یک کلاس روی html و ذخیره در مرورگر، تم تیره روشن میشود. همهی رنگها از متغیر میآیند، پس سطرسطر اصلاح نمیخواهد.
کد لایهبندیشده
فایل style.css به هشت بخش شمارهدار تقسیم شده؛ هر بخش با یک کامنت مشخص شروع میشود تا طراح سریع بخش مورد نظر را پیدا کند.
شانزده صفحهی آماده
داشبورد، المانها، کارتها، فرمها، جدولها، نمودارها، آیکونها، پروفایل، تنظیمات، ورود، ثبتنام، چهارصفحهپیدانشد و صفحهی راهنما.
سبک و مستقل
بدون React و بدون ابزار Build. فایلها را روی هر هاستی بگذارید و کار کنید؛ بوتاسترپ از CDN میآید و بقیهی کد محلی است.
راهنمای شخصیسازی
بخش «شخصیسازی» در فایل راهنما توضیح میدهد چطور رنگ، فونت و گوشهها را در کمتر از دو دقیقه به برند مشتری تبدیل کنید.
نمایش زنده
هر شانزده صفحه را ببینید
روی هر صفحه بزنید تا نمونهی واقعی آن را ببینید. همهی صفحهها از یک سربرگ، یک سایدبار و یک پنل مشترک استفاده میکنند.
کیت رابط
رنگ، دکمه و تایپوگرافی آماده
پالت رنگ
بنفش اصلی#6c4ef2
بنفش عمیق#4c31c4
زمینهی ملایم#ece8fe
متن اصلی#1d1a33
خط جدا#eeecf6
دکمهها
دکمهی اصلی
دکمهی خطی
غیرفعال
پنج اندازه و سه حالت؛ همه از یک کلاس پایه ساخته میشوند.
تایپوگرافی
تیتر بزرگ800 / 26px
تیتر میانی700 / 18px
متن بدنه برای توضیح کوتاه400 / 14px
code / 12pxmono
tourvisto-admin/
├── index.html
├── components.html
├── cards.html
├── charts.html
├── forms.html
├── tables.html
├── typography.html
├── colors.html
├── icons.html
├── profile.html
├── settings.html
├── login.html · register.html
├── 404.html · docs.html
├── css/
│ └── style.css
└── js/
├── main.js
└── charts.js
داخل بسته
همهچیز ساده و قابل ویرایش
هیچ ابزار Build، هیچ Node Modules و هیچ گرهای در کار نیست. فایلها را باز کنید و ویرایش کنید.
- style.css هشت بخش شمارهدار دارد: متغیرها، پایه، سربرگ، کارتها، فرمها، جدولها، ویجتها و ریسپانسیو.
- main.js فقط تبها، منوی موبایل و حالت تیره را مدیریت میکند — کمتر از صد خط.
- charts.js نمودارها را با Chart.js میسازد و رنگشان را از متغیرهای CSS میخواند.
- docs.html راهنمای نصب، شخصیسازی رنگ و نحوهی افزودن صفحهی جدید است.
پرسشهای متداول
هر چه لازم است بدانید
بله. صفحه با dir="rtl" و فایل RTL بوتاسترپ ساخته شده، پس فاصلهها، جهت آیکنها و چیدمان سایدبار از اول راستچیناند و نیازی به چرخاندن رابط نیست.
نه. قالب فقط HTML, CSS و مقداری JavaScript سبک است. بوتاسترپ از CDN میآید و بقیهی فایلها محلیاند؛ روی هر هاستی بدون Build کار میکند.
در ابتدای فایل style.css بخش «متغیرها» را پیدا کنید و سه رنگ اصلی و نام فونت را عوض کنید. همهی صفحهها از همان متغیرها میآیند.
بله. با افزودن کلاس theme-dark به تگ html تم تیره فعال میشود و انتخاب کاربر در مرورگر ذخیره میماند.
پلن تکپروژه برای یک محصول نهایی است و پلن تیمی برای استفاده در چند پروژه. جزئیات کامل در فایل docs.html داخل بسته آمده است.