نام و هویت برند
نام، لوگو و پنل کناری را با هویت برند خود جایگزین کنید.
نام برند#
نام «مهماننواز» در عنوان صفحهها، لوگوی بالای صفحه، پنل برند و سطر حقوق ناشر آمده است. برای تغییر یکجای آن، در کل پوشه جستوجو و جایگزین کنید:
grep -rl "مهماننواز" pages index.html
sed -i 's/مهماننواز/نام برند شما/g' pages/*.html index.htmlسطر حقوق ناشر در پایین پنل برند به شکل <small>© ۱۴۰۵ مهماننواز</small> است.
لوگو#
لوگو دو بخش دارد: یک نشان (<i>) و نام. نشان پیشفرض حرف «م» روی زمینهٔ طلایی است. برای استفاده از تصویر خودتان:
<a class="logo" href="/"><i><img src="../assets/images/logo.svg" alt="" width="32" height="32"></i>نام برند</a>.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> اضافه کنید:
<main class="stage" id="main" style="grid-column:1/-1">قوانین و شرایط#
در register.html، متن پنجرهٔ «قوانین و شرایط» داخل #terms است. میتوانید متن خودتان را در همان پنجره بنویسید، یا پیوند را به صفحهٔ قوانین سایت ببرید:
<!-- متن در همان پنجره -->
<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)).