Template Voucher Userman
<!DOCTYPE html> <html> <title>XXX Hotspot</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> <script src="http://www.sys2u.com/qrcode/jquery.min.js" type="text/javascript"></script> <script src="http://www.sys2u.com/qrcode/jquery.qrcode.min.js" type="text/javascript"></script> <style> body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} @page {size: A4; margin: 0;} @media print {html, body {width: 210mm; height: 297mm; margin-left: auto; margin-right: auto;}} @media screen {html, body {width: 400px;}} body{padding: 5mm; margin:0; margin-left: auto; margin-right: auto;} #main-wrap {background-color: #fff; border: solid; border-width: 1px; display: inline-block;} #main-wrap {overflow: hidden; width: 45%;} #leftside {display: inline-block; width: 50%;} #rightside {display: inline-block; width: 45%;} </style> <body>
ROW
<div id="main-wrap"> <header class="w3-container w3-black"><h6>XXX HotSpot</h6></header> <div class="w3-white">Profile : <b>%u_actualProfileName%</b><br>Username : <b>%u_username%</b><br>Password : <b>%u_password%</b></div> <div class="w3-container w3-white"><center><div class="qrcode" id="%u_username%"></div></center> <script> jQuery(function(){jQuery('#%u_username%').qrcode({"render": 'div', "size": 100, "minVersion": 5, "maxVersion": 5, "ecLevel": 'L', "mode": 0, "text": "http://10.5.50.1/login?username=%u_username%&password=%u_password%", "quiet": 0,});})</script></div> <footer class="w3-container w3-black"><font size="2px"> Cp : 08123456789</font></footer> </div>
FOOTER
</div> <!-- end of <div class="w3-row-padding"> --> </body></html>
BREAK
<p class="noprint" style="font-size: 10px"> ................ page break ................ </p> <p class="pagebreak"> </p>
Sumber : goo.gl/qVGjcZ
ReplyDeletePlease help me edit the voucher template on 80mm paper size. bill printer. thank you