• Home
  • Store
  • Speed Test
  • Subnet Calculator
  • Web Hosting

Kangndo Hotspot Templates

  • DMA Softlab Radius Manager Template
  • Free Hotspot Login Page Templates
  • Free Hotspot Voucher Templates
  • Premium Templates
  • Tips
  • Wordpress plugin

User Manager template Kangndo4

Posted in Free Hotspot Voucher Templates

Mikrotik user manager voucher template Kangndo4

Code:

Header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Vouchers</title>
<style>
@media print {
  .noprint {
    display: none;
  }
  .pagebreak {
    page-break-after: always;
  }
}
body
{
   padding: 0;
   margin:0;
   min-width: 700px;
   color: #303F50;
   font-size: 10px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 85%;   
}
.kangndo table, table.kangndo
{
   border-collapse: collapse;
   margin: 2px;
}
.kangndo th, .kangndo td
{
   padding: 2px;
   border: solid 1px #E2341D;
   vertical-align: top;
   text-align: center;
}
.vertical-text {
transform: rotate(90deg);
padding: 4px;
float: right;
font-size: 15px;
margin-top: 8px;
width: 10px;
color: #E2341D;
}
</style>
</head>
<body>

Row:

<table class="kangndo" style=" display: inline-block; background-color:#E2341D; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 200px; height:120px;">
<tbody>
<tr>
<td style="width: 190px; text-align: center;"><span style="font-weight: bold; color: rgb(255, 255, 255); font-size: 11px; font-family: Tahoma;">HOTSPOT VOUCHER</span><br>
<table class="kangndo" style="background-color:#FFFFFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;">
<tbody>
<tr>
<td style="width: 50%; text-align: center;">Package</td>
<td style="width: 50%; text-align: center;">%u_actualProfileName%</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">Data limit</td>
<td style="width: 50%; text-align: center;">%u_limitDownload%</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">Time Limit</td>
<td style="width: 50%; text-align: center;">%u_limitUptime%</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">Validity</td>
<td style="width: 50%; text-align: center;">%u_timeLeft%</td>
</tr>
</tbody>
</table>
<table class="kangndo" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;">
<tbody>
<tr>
<td style="width: 50%; text-align: center;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">Username</span></td>
<td style="width: 50%; text-align: center;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">Password</span></td>
</tr>
 <tr>
<td style="background-color:#FFFFFF; width: 50%; text-align: center;"><span style="color: rgb(163, 180, 200); font-family: Tahoma;">%u_username%</span></td>
<td style="background-color:#FFFFFF; width: 50%; text-align: center;"><span style="color: rgb(163, 180, 200); font-family: Tahoma;">%u_password%</span></td>
</tr>
</tbody>
</table>
<table class="kangndo" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;">
<tbody>
<tr>
<td style="width: 40%; text-align: left;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">4Mbps Speed</span></td>
<td style="width: 60%; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">Call: 082 324 660655</span></td>
</tr>
</tbody>
</table>
</td>
<td style="background-color:#FFFFFF; width: 10px; text-align: center;"><div align="center" class="vertical-text" >Rp&nbsp;%u_moneyPaid%</div></td>
</tr>
</tbody>
</table>

Simply edit texts in red according to the preferences or language

Footer:

</body></html>

Break:

<p class="noprint" style="font-size: 10px">   ................ page break ................ </p> <p class="pagebreak">&nbsp;</p>

 voucher user manager mikrotikResult:

vocer4

If the background color not appear, make sure on the Print >> Page setup Options is checked.

user manager voucher

 Best Regards,

Kangndo

  • Categories

    • DMA Softlab Radius Manager Template
    • Free Hotspot Login Page Templates
    • Free Hotspot Voucher Templates
    • Premium Templates
    • Tips
    • Wordpress plugin
  • Supported By

    sellfy-logo

    digital marketplace

    After you complete payment go check your email. In a few seconds you will get an email from sales@sellfy.com with a link in it which you click to download.
  • Contact Us

    Email: support@kangndo.com
  • Find us on Facebook

Terms    Privacy Policy     Contact Us

Kangndo Hotspot Templates Copyright © 2020.
Back to Top ↑