ผู้เขียน หัวข้อ: สร้าง Teamplate Voucher!!! ง่ายๆ ใช้กันครับ  (อ่าน 8384 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

Ghost

  • Newbie
  • *
  • กระทู้: 6
สร้าง Teamplate Voucher!!! ง่ายๆ ใช้กันครับ
« เมื่อ: วันที่ 19 พฤศจิกายน 2014, 11:36:32 »
ตัวอย่าง แบบ 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

  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1861
    • Sysnet Center
Re: สร้าง Teamplate Voucher!!! ง่ายๆ ใช้กันครับ
« ตอบกลับ #1 เมื่อ: วันที่ 19 พฤศจิกายน 2014, 15:08:26 »
http://www.sysnetcenter.com/board/upload/files/images/nf9qws-wireless-2bee5c.png[/img]
ตัวอย่าง ที่ผมใช้ครับ(ไม่เอาสวย ใช้งานง่าย ก็พอ) ;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/


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

ballyamaza

  • Newbie
  • *
  • กระทู้: 1
Re: สร้าง Teamplate Voucher!!! ง่ายๆ ใช้กันครับ
« ตอบกลับ #2 เมื่อ: วันที่ 31 ธันวาคม 2014, 09:20:09 »
ขอบคุณจร้า

rbung

  • Newbie
  • *
  • กระทู้: 1
    • อีเมล์
Re: สร้าง Teamplate Voucher!!! ง่ายๆ ใช้กันครับ
« ตอบกลับ #3 เมื่อ: วันที่ 15 พฤษภาคม 2015, 12:16:54 »
ขอบคุณครับ  ;D


Share via facebook

xx
สร้าง user แล้วอยากให้อยู่ในระบบตลอดเวลาครับ

เริ่มโดย yuttapong เมื่อ อุปกรณ์ Mikrotik Router

0 ตอบ
867 อ่าน
กระทู้ล่าสุด วันที่ 26 มกราคม 2015, 09:37:55
โดย yuttapong
xx
สร้าง USER ด้วย USERMAN แต่ไม่สามารถ login ใช้งาน internet ได้

เริ่มโดย seefly เมื่อ อุปกรณ์ Mikrotik Router

0 ตอบ
23 อ่าน
กระทู้ล่าสุด วันที่ 11 กรกฎาคม 2019, 11:41:53
โดย seefly
xx
ตรวจสอบระบบ Network ง่ายๆ ด้วยคำสั่ง ping

เริ่มโดย yod เมื่อ ความรู้ทั่วไปในระบบเครือข่าย

0 ตอบ
29696 อ่าน
กระทู้ล่าสุด วันที่ 14 สิงหาคม 2012, 10:25:46
โดย yod
xx
ทำ Hotspot Server พร้อมคูปอง ง่ายๆ ด้วย Handlink WG-500P

เริ่มโดย yod เมื่อ แนะนำสินค้าน่าใช้, Review Product

4 ตอบ
21016 อ่าน
กระทู้ล่าสุด วันที่ 20 เมษายน 2015, 12:45:48
โดย yod
xx
ติดตั้งระบบ Hotspot แบบใช้ User Login ง่ายๆ ด้วย Mikrotik RouterBoard

เริ่มโดย yod เมื่อ แนะนำสินค้าน่าใช้, Review Product

0 ตอบ
248786 อ่าน
กระทู้ล่าสุด วันที่ 17 กันยายน 2010, 01:33:08
โดย yod
 


Users found this pages searching for: