مستنداتنسخهٔ ۲٫۰نمونهٔ زنده
مستنداتشخصی‌سازینام و هویت برند

نام و هویت برند

نام، لوگو و پنل کناری را با هویت برند خود جایگزین کنید.

نام برند#

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

Terminal
grep -rl "مهمان‌نواز" pages index.html
sed -i 's/مهمان‌نواز/نام برند شما/g' pages/*.html index.html

سطر حقوق ناشر در پایین پنل برند به شکل <small>© ۱۴۰۵ مهمان‌نواز</small> است.

لوگو دو بخش دارد: یک نشان (<i>) و نام. نشان پیش‌فرض حرف «م» روی زمینهٔ طلایی است. برای استفاده از تصویر خودتان:

HTML
<a class="logo" href="/"><i><img src="../assets/images/logo.svg" alt="" width="32" height="32"></i>نام برند</a>
CSS
.logo i{ background:none; box-shadow:none }
.logo i img{ width:100%; height:100%; object-fit:contain }

لوگو در هر صفحه دو بار آمده است (بالای صفحه و پنل برند)؛ هر دو را عوض کنید.

نمادک#

نمادک در assets/images/favicon.svg است و با تگ <link rel="icon"> در <head> صفحه‌ها معرفی شده. برای نمادک PNG یا ICO یا آیکون صفحهٔ اصلی گوشی، تگ‌های مربوط را کنار آن اضافه کنید.

پنل برند#

پنل رنگی کنار فرم (<aside class="brand-panel">) در صفحه‌های بزرگ‌تر از ۹۶۰ پیکسل دیده می‌شود. عنوان (<h2>) و توضیح (<p>) آن در هر صفحه جداگانه نوشته شده است. نقش خاتم با عناصر .khatam ساخته می‌شود و با حذف آن‌ها از بین می‌رود.

حذف پنل#

اگر پنل را حذف می‌کنید، برای اینکه فرم تمام عرض را بگیرد، صفت زیر را به <main> اضافه کنید:

HTML
<main class="stage" id="main" style="grid-column:1/-1">

قوانین و شرایط#

در register.html، متن پنجرهٔ «قوانین و شرایط» داخل #terms است. می‌توانید متن خودتان را در همان پنجره بنویسید، یا پیوند را به صفحهٔ قوانین سایت ببرید:

HTML
<!-- متن در همان پنجره -->
<a href="#" data-modal="terms">قوانین و شرایط</a>

<!-- پیوند به صفحهٔ بیرونی -->
<a href="/terms" target="_blank" rel="noopener">قوانین و شرایط</a>

در حالت دوم، عنصر <div class="modal" id="terms"> را هم حذف کنید.

متن صفحه‌ها#

تمام متن‌ها مستقیماً در HTML هستند و ترجمه یا بازنویسی آن‌ها نیاز به ابزار خاصی ندارد. پیام‌های اعتبارسنجی و هشدارهای اسکریپت در mehmannavaz.js قرار دارند. برای تغییر پیام یک قاعده می‌توانید آن را با Mehmannavaz.addRule دوباره تعریف کنید ([قاعدهٔ سفارشی](forms.html#custom-rule)).

مهمان‌نواز نسخهٔ ۲٫۰ · مهر ۱۴۰۵فهرست تغییرات