Follow us on...
Follow us on G+ Follow us on Twitter Follow us on Facebook Watch us on YouTube
Register
Page 1 of 2 12 LastLast
Results 1 to 15 of 23
  1. #1
    Status
    Offline
    uburcumi's Avatar
    :: Gw Banget Cing ::
    Join Date
    Jun 2009
    Location
    www.mikrotikservice.net
    Posts
    2,281
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    0
    Feedback Score
    2 (100%)

    Cool [SHARE] Cetak Voucher Paling Simple -html template- [lanjutin share desaignnya gan]

    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%</span></td> </tr> <tr> <td><span class="tyar">masa aktif</span></td> <td><span class="tyar">%u_actualProfileName%</span></td> </tr> <tr> <td><span class="tyar">harga</span></td> <td class="tyar">%u_moneyPaid%</td> </tr> </table> </div> </td> </tr> </table> </tr> </table
    Last edited by uburcumi; 20-10-2012 at 21:14.

  2. The Following 3 Users Say Thank You to uburcumi For This Useful Post:


  3. #2
    Status
    Offline
    tyang_dusun's Avatar
    Member Super Senior
    Join Date
    Jun 2008
    Location
    Klaten, Jawa Tengah, Indonesia, Indonesia
    Posts
    521
    Reviews
    Read 0 Reviews
    Downloads
    1
    Uploads
    0
    Feedback Score
    0
    Bisa buat semua versi g gan ...?

  4. #3
    Status
    Offline
    uburcumi's Avatar
    :: Gw Banget Cing ::
    Join Date
    Jun 2009
    Location
    www.mikrotikservice.net
    Posts
    2,281
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    0
    Feedback Score
    2 (100%)
    Click here to enlarge Originally Posted by tyang_dusun Click here to enlarge
    Bisa buat semua versi g gan ...?
    tested on V5.20 gan, silahkan di coba di versi lain Click here to enlarge

  5. #4
    Status
    Offline
    abi tyar's Avatar
    Newbie
    Join Date
    Apr 2012
    Location
    Palembang
    Posts
    66
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    8
    Feedback Score
    0
    Click here to enlarge Originally Posted by uburcumi Click here to enlarge
    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....
    wah.. dapat ilmu neh dari ayank hendra.... Click here to enlarge

  6. The Following User Says Thank You to abi tyar For This Useful Post:


  7. #5
    Status
    Offline
    uburcumi's Avatar
    :: Gw Banget Cing ::
    Join Date
    Jun 2009
    Location
    www.mikrotikservice.net
    Posts
    2,281
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    0
    Feedback Score
    2 (100%)
    Click here to enlarge Originally Posted by abi tyar Click here to enlarge
    wah.. dapat ilmu neh dari ayank hendra.... Click here to enlarge
    share juga donk html situ punya yg kmren itu loh biar rame Click here to enlarge

  8. #6
    Status
    Offline
    abi tyar's Avatar
    Newbie
    Join Date
    Apr 2012
    Location
    Palembang
    Posts
    66
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    8
    Feedback Score
    0
    Click here to enlarge Originally Posted by uburcumi Click here to enlarge
    share juga donk html situ punya yg kmren itu loh biar rame Click here to enlarge
    html yang mana say Click here to enlarge
    kalau yang lain ingin kreasi lebih utk percantiknya paling tinggal mainkan pake css3
    Last edited by abi tyar; 20-10-2012 at 11:41.

  9. #7
    Status
    Offline
    uburcumi's Avatar
    :: Gw Banget Cing ::
    Join Date
    Jun 2009
    Location
    www.mikrotikservice.net
    Posts
    2,281
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    0
    Feedback Score
    2 (100%)
    Click here to enlarge Originally Posted by abi tyar Click here to enlarge
    html yang mana say Click here to enlarge
    kalau yang lain ingin kreasi lebih utk percantiknya paling tinggal mainkan pake css3
    yg ada fotonya Tyar itu loh say biar rame :*

  10. #8
    Status
    Offline
    abi tyar's Avatar
    Newbie
    Join Date
    Apr 2012
    Location
    Palembang
    Posts
    66
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    8
    Feedback Score
    0
    Click here to enlarge Originally Posted by uburcumi Click here to enlarge
    yg ada fotonya Tyar itu loh say biar rame :*
    oh yg ini

    <!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%</span></td> </tr> <tr> <td><span class="tyar">masa aktif</span></td> <td><span class="tyar">%u_actualProfileName%</span></td> </tr> <tr> <td><span class="tyar">harga</span></td> <td class="tyar">%u_moneyPaid%</td> </tr> </table> </div> </td> </tr> </table> </tr> </table>

  11. The Following 2 Users Say Thank You to abi tyar For This Useful Post:


  12. #9
    Status
    Offline
    uburcumi's Avatar
    :: Gw Banget Cing ::
    Join Date
    Jun 2009
    Location
    www.mikrotikservice.net
    Posts
    2,281
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    0
    Feedback Score
    2 (100%)
    Click here to enlarge Originally Posted by abi tyar Click here to enlarge
    oh yg ini

    <!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%</span></td> </tr> <tr> <td><span class="tyar">masa aktif</span></td> <td><span class="tyar">%u_actualProfileName%</span></td> </tr> <tr> <td><span class="tyar">harga</span></td> <td class="tyar">%u_moneyPaid%</td> </tr> </table> </div> </td> </tr> </table> </tr> </table>
    udah ada di post 1 Click here to enlarge

  13. #10
    Status
    Offline
    untungslamet's Avatar
    Member
    Join Date
    Nov 2009
    Posts
    271
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    0
    Feedback Score
    0
    Ikut nyoba belajar om....

  14. #11
    Status
    Offline
    untungslamet's Avatar
    Member
    Join Date
    Nov 2009
    Posts
    271
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    0
    Feedback Score
    0
    Saya sudah nyoba gans,,dan jadi , tapi ada sedikit kendala gans, waktu di print kok backgrounya ndak ikut terpriin ya gans?apa ada yang salah ya gan?
    kalo di generate vocernya hasilnya seperti yg di inginkan, tapi pas di print preview backgrounnya hilang, terus saya coba tes print juga ndak ada backgrounnya.
    kira2 apanya ya gans yang salah??atau ada cara khusus buat ngeprin file html?

  15. #12
    Status
    Offline
    MbahGambi's Avatar
    Baru Gabung
    Join Date
    Oct 2012
    Posts
    12
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    0
    Feedback Score
    0
    ijin kopas ya sifu .................... asik juga template kopi nya .. menarik bangeeeeeeet

  16. #13
    Status
    Offline
    abi tyar's Avatar
    Newbie
    Join Date
    Apr 2012
    Location
    Palembang
    Posts
    66
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    8
    Feedback Score
    0
    Click here to enlarge Originally Posted by untungslamet Click here to enlarge
    Saya sudah nyoba gans,,dan jadi , tapi ada sedikit kendala gans, waktu di print kok backgrounya ndak ikut terpriin ya gans?apa ada yang salah ya gan?
    kalo di generate vocernya hasilnya seperti yg di inginkan, tapi pas di print preview backgrounnya hilang, terus saya coba tes print juga ndak ada backgrounnya.
    kira2 apanya ya gans yang salah??atau ada cara khusus buat ngeprin file html?
    hmm.... aku blm pernah coba print, mungkin karna itu pake css3 jadi gak keluar ..krn css3 saja hny support di beberapa browser..
    solusi nya kalau mau tetap pake yg itu , coba setelah di export lalu buka dan pencet printscreen di keyborad.. lalu copy ke ms word / paint atau yg lainnya..
    xixxi jadi report yh ....
    Last edited by abi tyar; 24-10-2012 at 11:57.

  17. #14
    Status
    Offline
    naldy02's Avatar
    Baru Gabung
    Join Date
    May 2012
    Posts
    2
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    0
    Feedback Score
    0
    kalo mau nampilin/nambahin harga vouchernya gimana gan Click here to enlarge

  18. #15
    Status
    Offline
    uburcumi's Avatar
    :: Gw Banget Cing ::
    Join Date
    Jun 2009
    Location
    www.mikrotikservice.net
    Posts
    2,281
    Reviews
    Read 0 Reviews
    Downloads
    0
    Uploads
    0
    Feedback Score
    2 (100%)
    Click here to enlarge Originally Posted by naldy02 Click here to enlarge
    kalo mau nampilin/nambahin harga vouchernya gimana gan Click here to enlarge
    tambahkan di bawah baris paswdnya

    PHP Code:
    <tr><td align="right"><b><i>Price</i></b></td>           
                            <
    td><input style="width: 80px" name="price" type="text" value="%u_moneyPaid%"></td>         
                                </
    tr

 

 
Page 1 of 2 12 LastLast

Thread Information

Users Browsing this Thread

There are currently 7 users browsing this thread. (0 members and 7 guests)

Similar Threads

  1. [SHARE] Cetak voucher hotspot+barcode
    By vzouh in forum HotSpot, The Dude & User Manager
    Replies: 116
    Last Post: 12-10-2016, 10:33
  2. [Srcipt] HTML Project for HotSpot Voucher
    By Akangage in forum HotSpot, The Dude & User Manager
    Replies: 126
    Last Post: 28-02-2013, 19:08
  3. Voucher Template
    By vuln3r in forum HotSpot, The Dude & User Manager
    Replies: 11
    Last Post: 24-02-2013, 13:47
  4. [Share] cetak voucher via merge print corel
    By qahar in forum HotSpot, The Dude & User Manager
    Replies: 35
    Last Post: 14-02-2013, 09:20

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •