Tuesday 29 December 2015

Cetak Voucher Paling Simple -html template

Bismillah,

banyak cara untuk cetak voucher, bisa pake software tertentu sampai menggunakan aplikasi corell draw, namun sya disini mencoba share cetak voucher paling simple dengan cara mengganti html template voucher itu sendiri dari usermanager sehingga setelah kita create user langsung bisa di cetak tanpa harus menggunakan aplikasi lain.

oke to the point :


PHP Code:
<table align="left" width="10%" style="margin-top: 1%;"><tr class="space1"><td colspan="3"></td></tr>  
    <
tr>  <td align="left" valign="middle">   
        <
table width="180" height="100" style="border: 2px solid #000000; padding: 0px;" cellpadding="0" cellspacing="0">    
            <
tr><td align="center"><img src="http://uburcumi.com/userman   /coffee.png" /></a></td></tr>    
            <
tr>     
                <
td align="center" valign="bottom" height="60" colspan="2">        
                    <
table width="100" style="background-color: #ffffff">         
                        <
tr><td align="right"><b><i>Login</i></b></td>           
                            <
td><input style="width: 80px" name="username" type="text" value="%u_username%"/></td>        
                        </
tr>         
                            <
tr><td align="right"><b><i>Password</i></b></td>           
                        <
td><input style="width: 80px" name="password" type="text" value="%u_password%"></td>         
                            </
tr>        
                  </
table>     
                </
td>    
            </
tr>    
                        <
tr><td align="center"><img src="http://uburcumi.com/userman/bottom.png" /></a></td></tr>   
            </
table>    
        </
td>  
    </
tr
</
table








1. Copy semua script html di atas, lalu paste di kolom row template voucher dan save :

 
Click here to enlarge


2. Lalu coba generate voucher :

 
Click here to enlarge

Click here to enlarge

Click here to enlarge


3. Jadi dan siap diprint Click here to enlarge

 
Click here to enlarge


Tested on ROS V5.20

sory ya kalo repost Click here to enlarge

sya harap tidak sampai disini saja, bagi yang jago html silahkan share html scriptnya di thread ini Click here to enlarge
kalo ada share login page, skg waktunya ada share html voucher template Click here to enlarge

Lanjutkan Bro....

===========

sumbangan dari om

PHP Code:
<!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>TyarNet-Hotspot</title> <style type="text/css"#main { width: 150px; height:150px; margin: 1px 1px ; background: rgba(255,255,0,0.2); -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 2px; border: 1px solid #adaa9f; -moz-box-shadow: 0 2px 2px #9c9c9c; -webkit-box-shadow: 0 2px 2px #9c9c9c; } .tyar { color: #FFF;font-size: 16px; font-weight: bold; text-shadow: -1px -1px 10px black, 2px 2px 10px #000; } </style> </head> <body>
<table width="160" height="160" border="0" align="left" cellpadding="0" cellspacing="0" > <tr> <td colspan="2"><table width="160" height="160" border="0" align="center" background="http://sphotos-c.ak.fbcdn.net/hphotos-ak-prn1/556281_3035580103195_226544961_n.jpg"> <tr> <td valign="top" scope="col" ><div id="main"> <table width="209" border="0"> <tr> <td width="73" scope="col"><span class="tyar">user name</span></td> <td width="126" scope="col"><span class="tyar">%u_username%</span></td> </tr> <tr> <td><span class="tyar">password</span></td> <td><span class="tyar">%u_password%