Senin, 20 Desember 2021

MIKROTIK USER MANAGER VOUCHER TEMPLATE MINI

 

MIKROTIK USER MANAGER VOUCHER TEMPLATE MINI

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: #000000;

}

</style>

</head>

<body>


ROW

<table class="kangndo" style="display: inline-block; background-color: #ffffff; width: 200px; height: 120px; border: 0px initial initial;">

<tbody>

<tr>

<td style="width: 190px; text-align: center;"><strong><span style="color: #000000; font-size: 14px; font-family: Tahoma;">NJ WIFI AREA</span></strong><br />

<table class="kangndo" style="background-color: #ffffff; width: 100%; margin-right: auto; margin-left: auto; border: 0px initial initial;">

<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>

</tbody>

</table>

<table class="kangndo" style="width: 100%; margin-right: auto; margin-left: auto; border: 0px initial initial;">

<tbody>

<tr>

<td style="width: 50%; text-align: center;"><strong><span style="color: #000000; font-family: Tahoma;">Username</span></strong></td>

<td style="width: 50%; text-align: center;"><strong><span style="color: #000000; font-family: Tahoma;">Password</span></strong></td>

</tr>

<tr>

<td style="; width: 50%; text-align: center;">

<h3><strong><span style="color: #000000; font-family: Tahoma;">%u_username%</span></strong></h3>

</td>

<td style="background-color: #ffffff; width: 50%; text-align: center;">

<h3><strong><span style="color: #000000; font-family: Tahoma;">%u_password%</span></strong></h3>

</td>

</tr>

</tbody>

</table>

<table class="kangndo" style="width: 100%; margin-right: auto; margin-left: auto; border: 0px initial initial;">

<tbody>

<tr>

<td style="width: 60%; text-align: center;"><span style="color: #000000; font-family: Tahoma;">Call: 085 641 633 331</span></td>

</tr>

</tbody>

</table>

</td>

<td style="background-color: #ffffff; width: 10px; text-align: center;">

<div class="vertical-text" align="center">Rp&nbsp;%u_moneyPaid%</div>

</td>

</tr>

</tbody>

</table>

 

Footer:

</body></html>

Break:

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



hasil




0 Comments:

Posting Komentar