Ruijie/Reyee

ตัวอย่าง แบบ Original ครับ

สร้าง Teamplate Voucher!!! ง่ายๆ ใช้กันครับ in อุปกรณ์ Mikrotik Router-nf9qws-wireless-2bee5c

ตัวอย่าง ที่ผมใช้ครับ(ไม่เอาสวย ใช้งานง่าย ก็พอ)

สร้าง Teamplate Voucher!!! ง่ายๆ ใช้กันครับ in อุปกรณ์ Mikrotik Router-nf9qyx-wireless-729570

สำหรับมือใหม่ พึ่งหัดทำคูปองนะครับ
พร้อม script ทำ voucher
คุณสามารถแก้ไข รายละเอียด ชื่อร้าน,เบอร์โทรฯ รายละเอียดภายใน คูปอง ได้เลยครับ

1 แผ่น A4 ผมทำได้ คูปอง 24 ใบ นะครับ(ถ้ามากกว่านี้มันเล็กไปเด้อ)

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(163, 180, 200); font-size: 14px; font-family: Tahoma;">SMILE WIFI</span>

<table class="kangndo" style="background-color:rgb(163, 180, 200); 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;">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: 190px; text-align: center;"><span style="font-weight: bold; color:#rgb(163, 180, 200); font-size: 10px; font-family: Tahoma;">Username</span></td>
<td style="width: 190px; text-align: center;"><span style="font-weight: bold; color:#rgb(163, 180, 200); font-size: 10px; font-family: Tahoma;">Password</span></td>
</tr>
<tr>
<td style="width: 190px; text-align: center;"><span style="font-weight: bold; color:#rgb(163, 180, 200); font-size: 12px; font-family: Tahoma;">%u_username%</span></td>
<td style="width: 190px; text-align: center;"><span style="font-weight: bold; color:#rgb(163, 180, 200); font-size: 12px; 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: 60%; text-align:center;"><span style="color:rgb(163, 180, 200); font-family: Tahoma;">Call: 084 685 4921</span></td>
</tr>
</tbody>
</table>
</td>
<td style="background-color:#FFFFFF; width: 10px; text-align: center;"><div align="center" class="vertical-text" >Bath %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>

ปล.ผมพยายามแนบไฟล์แล้วครับ ไม่ได้ หรือทำไม่เป็นก็ไม่รู้ 555+
ปล.เป็นอีกทางเลือกนึง สำหรับ การทำ คูปอง ง่ายๆ นะครับ

...ผิดพลาดประการใด ขออภัยด้วยนะครับ...

Credit:http://kangndo.com/2014/11/14/user-manager-template-kangndo4/

ขอบคุณมากๆเลยครับ

ขอบคุณจร้า

ขอบคุณครับ