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 %u_moneyPaid%</div>
</td>
</tr>
</tbody>
</table>
Footer:
</body></html>
Break:
<p class="noprint"
style="font-size: 10px"> ................ page break
................ </p> <p
class="pagebreak"> </p>