در ابتدا نیاز است که وارد کنترل پنل خود شوید. برای انجام این کار می توانید از آدرس https://yourdomain.com:8443 برای ورود استفاده کنید. در نظر داشته باشید به جای yourdomain می بایست نام دامنه ی خود را وارد کنید.
در صفحه ی باز شده بر روی گزینه ی SitePad یا Iran Host Website Builder کلیک نمایید. با کلیک بر روی این گزینه به سرویس سایت ساز متصل می شوید.
در صفحه ی باز شده بر روی گزینه ی SitePad یا Iran Host Website Builder کلیک نمایید. با کلیک بر روی این گزینه به سرور سایت ساز متصل می شوید.
از نوار سمت چپ با کشیدن و رها کردن گزینه modal در بخش Widget Panel در صفحه اصلی مانند تصویر زیر عمل میکنیم
در حال حاضر در صفحه محاوره میتوانید modal را انتخاب و یا شخصی سازی کنید.
سفارشی سازی modal
برای سفارشی سازی modal بر روی گزینه custom مانند تصویر زیر کلیک کرده
هنگامی که custom را انتخاب میکنید میتوانید رنگ پس زمینه و رنک جعبه را همانطور که در تصویر زیر نشان داده شده است تغییر دهید
اکنون متن روی دکمه را وارد کنید تا ان را در دکمه modal ببنید
اگر دکمه را برای full width بخواهید فقط کادر کشویی که در تصویر زیر نشان داده شده است را بررسی کنید
حالا موقعیت Modal Button را انتخاب کنید. 3 گزینه وجود دارد چپ، مرکز، راست فقط یکی از آنها را انتخاب کنید.
آیکون را انتخاب کنید تا در Button Modal نمایش داده شود یا اگر آیکون را نمی خواهید، می توانید آن را Blank بزنید.
اگر آیکون را انتخاب کنید، باید موقعیت برای آیکون را بدهید. به طور پیش فرض چپ است، اما شما می توانید آن را به راست نیز تغییر دهید.
حالا نوع انیمیشن را برای ورود به صفحه نمایش modal در وب سایت انتخاب کنید و همان را برای مخفی نیز همانطور که در تصویر زیر نشان داده شده است انتخاب کنید.
Custom Styles
شما می توانید سبک از پیش تعریف شده را با کلیک بر روی سبک های از قبل تعریف شده انتخاب کنید که در تصویر زیر نشان داده شده است.
شما همچنین می توانید سبک های سفارشی را با کلیک بر روی ویرایش عنصر سبک به صورت زیر در تصویر زیر نشان دهید.
Model Screen View
هنگامی که شما بر روی دکمه مدل کلیک میکنید، صفحه نمایش مانند تصویر زیر نمایش داده خواهد شد.
منبع مقاله:
https://sitepad.com/docs/enduser/modal/
|