MikroTik Hotspot Login Builder

◈

Hotspot Login Builder MikroTik captive portal စာမျက်နှာ ဖန်တီးသူ

ပြောင်းလဲမှုတိုင်း ပြင်ဆင်ထားသော page ကို preview တွင် တိုက်ရိုက်မြင်နိုင်သည်

Template Gallery

အသင့်ပုံစံ တစ်ခုကို ရွေးပါ — ၎င်းအရောင်/အပြင်အဆင်များကို သင့် project ထဲ အသုံးပြုမည်။

အပြင်အဆင်

အမှတ်တံဆိပ် (Branding)

ဟိုတ်စပေါ့ အမည် Tagline (ဆောင်ပုဒ်) Logo (emoji / စာလုံး) Logo ဓာတ်ပုံ (optional) ဓာတ်ပုံတင်ပါက စာလုံး/emoji နေရာတွင် ထိုပုံကို သုံးမည်။ Footer စာသား

အရောင်များ

နောက်ခံ Card / အကန့် Button (အဓိက) အချို့လိုင်း/Ac စာသားအရောင် စာသား (မွမ်း)

စာလုံး & အရွယ်

Font ပုံစံ

စာလုံးအရွယ် · px

Card အပြင်အဆင်

ချိန်ညှိမှု အလယ် ဘယ် Header ပုံစံ Button ပုံစံ

Card အနားကွေ့ · px

Card အကျယ် · px

အရိပ် (Shadow)

အထူးအကျိုးသက်ရောက်မှု

နောက်ခံ Animation ပုံစံ Glassmorphism (ဖန်သားပွင့်လင်းပုံ) card + glow ဘောင်စွန်း Neon ရောင်လက်ဖျင့် header + uppercase စာလုံး

Dark Mode

စက်နှင့်လိုက်ဖက် Dark Mode (prefers-color-scheme) စာမျက်နှာတွင် Dark/Light ပြောင်းရန် button ထည့်ပေး

Login Page

အသုံးပြုသူက အင်တာနက် အသုံးပြုခွင့်ရရန် ပထမဆုံးမြင်ရသည့် စာမျက်နှာ။

Login ပုံစံများ (Account + Voucher)

Account (username + password) tab ပြရန် Voucher (code တစ်ခုတည်း) tab ပြရန် Account tab စာသား Voucher tab စာသား Voucher placeholder (ရိုက်ထည့်ရမည့်နေရာစာသား) Tab နှစ်ခုရှိလျှင် ပထမဆုံး ပြမည့်ပုံစံ

Voucher မုဒ် — code ထည့်လိုက်ရင် username = password = code အဖြစ် login ပို့ပေးသည်။ (router ပေါ်မှာ voucher code ကို hotspot user အဖြစ် password နှင့် တူအောင် ဖန်တီးထားရပါမည်)

ဖောင်မေးခွန်းများ

အကြောင်းအရာ စာသား Login button စာသား Username အကွက် ပြရန် Username placeholder Password အကွက် ပြရန် Password placeholder

အပိုခလုတ်များ

Trial (အခမဲ့စမ်းသုံး) ခလုတ် ပြရန် Trial စာသား IP / MAC အချက်အလက် ပြရန် "ပြီးသွားပြီလား / Status" လင့် ပြရန် Status လင့် စာသား

CHAP လုံခြုံရေးနှင့် trial စသည့် MikroTik ကုဒ်များကို export လုပ်သောအခါ အလိုအလျောက် ထည့်ပေးမည်။

Status Page

ခေါင်းစဉ် ကြိုဆိုစာသား Session အသုံးပြုခဲ့သည့်အချိန်ကို ပြရန် ကျန်အချိန် ပြရန် ဒေတာအသုံးပြုမှု (download/upload) ပြရန် Logout button စာသား

Status page သည် $(refresh-timeout-secs) ကို သုံး၍ အလိုအလျောက် refresh ဖြစ်သည်။

Logout Page

အသုံးပြုသူ ထွက်သွားပြီးနောက် ပြသည့် စာမျက်နှာ။

ခေါင်းစဉ် စာသား "ထပ်ဝင်ရန်" button စာသား

Logout ပြီးနောက် router မှ cookie ဖျက်လိုပါက status page ၏ logout ဖောင်တွင် erase-cookie=on ပါ၀င်ပြီးသားဖြစ်သည်။

Export / Download

Router ပေါ်သို့ upload လုပ်ရမည့် MikroTik files များ။

CSS ပုံစံ

💡 Router ထဲ ထည့်သွင်းနည်း

Winbox → Files ထဲဝင်ပါ
Download လုပ်ပြီးရတဲ့ ဖိုင်များကို Files ထဲက hotspot folder အောက်ကို ဆွဲထည့်ပါ (drag & drop)

("CSS သီးခြား" ရွေးထားလျှင် .css ဖိုင်များကိုပါ ထိုဖိုလ်ဒါထဲ ထည့်ပေးပါ)