ini adalah Template Voucher untuk User Manager Mikrotik simple (userman) yang cukup simple dan irit saat di print, semoga bisa membantu untuk teman-teman pejuang langit rt rw net
Bagian header:
<!DOCTYPE html>
<html>
<head>
<title>voucherku</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<style> body { color: #000000; background-color: #FFFFFF; font-size: 14px; font-family: 'Helvetica', arial, sans-serif; margin: 0px; -webkit-print-color-adjust: exact; } table.voucher { display: inline-block; border: 2px solid black; margin: 2px; } @page { size: auto; margin-left: 7mm; margin-right: 3mm; margin-top: 9mm; margin-bottom: 3mm; } @media print { table { page-break-after:auto } tr { page-break-inside:avoid; page-break-after:auto } td { page-break-inside:avoid; page-break-after:auto } thead { display:table-header-group } tfoot { display:table-footer-group } } #num { float:right; display:inline-block; } .qrc { width:30px; height:30px; margin-top:1px; } body { /* Set "my-sec-counter" to 0 */ counter-reset: my-sec-counter; } span::before { /* Increment "my-sec-counter" by 1 */ counter-increment: my-sec-counter; content: "["counter(my-sec-counter)"]"; } </style>
</head>
bagian Row:
<table class="voucher" style="margin:0 4px 10px 2px;width: 177px;"> <tbody> <tr> <td style="text-align: left; font-size: 14px; font-weight:bold; border-bottom: 1px black solid;">RNET Hotspot<span id="num"></span> </td> </tr> <tr> <td> <table style="text-align: center; width: 167px;"> <tbody> <tr style="color: black; font-size: 11px;"> <td> <table style="width:100%;"> <tr> <td>kode voucher</td> </tr> <tr style="color: black; font-size: 14px;"> <td style="width:100%; border: 2px dashed black; font-weight:bold; border-radius: 2px;padding:2px">%u_username%</td> </tr> <tr> <td style="width:100%; border: 1px solid black; font-weight:bold;">30 Hari Unlimited</td> </tr> <tr> <td style="width:100%; border: 1px solid black;">Login: Lodan.Net</td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>
</body></html>
Bagian Break:
<p class="noprint" style="font-size: 10px"> ................ page break ................ </p><p class="pagebreak"> </p>
