Welcome to Sysnet Board คู่มือ การใช้งานอุปกรณ์ Network. Please log in or sign up.
สมาชิกทั้งหมด
17,595
กระทู้ทั้งหมด
10,026
หัวข้อทั้งหมด
4,711

  • สร้าง Teamplate Voucher!!! ง่ายๆ ใช้กันครับ
    เริ่มโดย Ghost
    Read 16,489 times
0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

 

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

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

สำหรับมือใหม่ พึ่งหัดทำคูปองนะครับ
พร้อม 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&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>

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

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

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


yod