Template Voucher Mikhmon

Katalog Template Voucher + Preview

Halaman ini berisi 11 contoh desain template voucher siap pakai lengkap dengan preview dan kode template. Gunakan dropdown nominal untuk melihat simulasi harga paket berbeda.

Mode QR Preview: Tampil Sembunyikan

Nominal:

Buka 11 Sample Desain

Sample Desain Template Voucher

Setiap desain memiliki preview visual dan kode template yang bisa langsung dicopy ke Template Editor.

Neon Orbit

Soft Rounded

Shape orb dengan layout wave dan logo proporsional untuk gaya neon.

<?php
if ($getsprice == "1000") { $color = "#FF1493"; }
elseif ($getsprice == "2000") { $color = "#8B008B"; }
elseif ($getsprice == "3000") { $color = "#666666"; }
elseif ($getsprice == "5000") { $color = "#FF4500"; }
elseif ($getsprice == "10000") { $color = "#E65100"; }
elseif ($getsprice == "15000") { $color = "#228B22"; }
elseif ($getsprice == "20000") { $color = "#008000"; }
elseif ($getsprice == "30000") { $color = "#FF00FF"; }
elseif ($getsprice == "60000") { $color = "#E60C00"; }
elseif ($getsprice == "70000") { $color = "#FF0000"; }
else { $color = "#BA68C8"; }
?>
<?php
if (substr($validity, -1) == "d") {
  $validity = "<br>MASA AKTIF : " . substr($validity, 0, -1) . " HARI";
} else if (substr($validity, -1) == "h") {
  $validity = "MASA AKTIF : " . substr($validity, 0, -1) . " Jam";
}
if (substr($timelimit, -1) == "d" && strlen($timelimit) > 3) {
  $timelimit = "Durasi:" . ((substr($timelimit, 0, -1) * 7) + substr($timelimit, 2, 1)) . " HARI";
} else if (substr($timelimit, -1) == "d") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " HARI";
} else if (substr($timelimit, -1) == "h") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " Jam";
} else if (substr($timelimit, -1) == "w") {
  $timelimit = "Durasi:" . (substr($timelimit, 0, -1) * 7) . " HARI";
}
$priceParts = explode(" ", trim((string)$price), 2);
$pricePrefix = isset($priceParts[0]) ? $priceParts[0] : "";
$priceNominal = isset($priceParts[1]) ? $priceParts[1] : $pricePrefix;
if ($pricePrefix === $priceNominal) {
  $pricePrefix = "";
}
?>
<?php
$ornPanel = '#E8DEF8';
$ornRibbon = '#2B1846';
$ornTableBg = '#FFFFFF';
$ornBorder = '#35254F';
$ornGuideLine = 'Hubungkan ke wifi';
$ornGuideLine2 = 'Buka browser ketik:';
$ornFooterLabel = 'NEON CS:';
$ornFooterValue = '0822 4072 4572';
$ornBadge = 'NEON';
$ornBadgeText = '#ffffff';
?>
 <!--mks-mulai-->
<style>
.qrcode{
    height:60px;
    width:60px;
}
</style>
<table style="display:inline-block;border-collapse:collapse;margin:2px;width:190px;overflow:hidden;position:relative;padding:0;border:1px solid <?php echo $ornBorder; ?>;background:<?php echo $ornTableBg; ?>;border-radius:12px;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td style="width:82px;vertical-align:top">
<div style="position:relative;padding:0;float:left;overflow:hidden;height:46px;width:100%;border-radius:12px;">
<div style="position:absolute;top:-88px;left:-16px;width:165px;height:165px;background:<?php echo $ornPanel; ?>;border-radius:50%;"></div>
<div style="position:absolute;top:-26px;left:58px;width:78px;height:78px;background:rgba(255,255,255,.35);border-radius:50%;"></div>
<div style="position:absolute;left:6px;top:11px;z-index:3;padding:1px 3px;border-radius:8px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);"><img src="<?php echo $logo;?>" alt="logo" style="display:block;height:24px;max-width:80px;width:auto;"></div>
</div>
<div style="padding:2px 0 0 4px;">
<div style="display:inline-block;padding:1px 4px;border-radius:10px;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;font-size:7px;font-weight:bold;"><?php echo $ornBadge; ?></div>
</div>
</td>
<td style="width:108px;vertical-align:top">
<div style="text-align:right;font-size:7px;font-weight:bold;color:#666;padding-top:3px;"><?php echo $profile; ?></div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:14px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-14px;position:absolute;"><?php echo $pricePrefix; ?></small><?php echo $priceNominal; ?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse:collapse;" valign="top">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:108px" valign="top">
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2.5px;">
<?php if($v_opsi=='up'){ ?>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:13px;color:#000000;"><?php echo $username;?></div>
<?php }else{ ?>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:13px;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="text-align:left;color:#111;font-size:7px;font-weight:bold;margin:0;padding:2.5px 2px 2.5px 4px;line-height:1.3;">
<?php echo $ornGuideLine; ?> <?php echo $hotspotname; ?><br><?php echo $ornGuideLine2; ?> <?php echo $dnsname; ?>
</div>
</td>
<td style="width:82px;text-align:center;" valign="top">
<div style="clear:both;padding:0 1px;font-size:7px;font-weight:bold;color:#000000;line-height:1.25;">
<?php echo $validity;?><br><?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="padding:1px;text-align:center;width:56px;margin:1px auto -18px auto;"><?php echo $qrcode; ?></div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornFooterLabel; ?> <b><?php echo $ornFooterValue; ?></b>
<span style="float:right;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;border-radius:10px;padding:0 4px;"><?php echo $ornBadge; ?></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->

Skyline Office

Soft Rounded

Shape triangle dengan layout classic formal dan logo proporsional corporate.

<?php
if ($getsprice == "1000") { $color = "#FF1493"; }
elseif ($getsprice == "2000") { $color = "#8B008B"; }
elseif ($getsprice == "3000") { $color = "#666666"; }
elseif ($getsprice == "5000") { $color = "#FF4500"; }
elseif ($getsprice == "10000") { $color = "#E65100"; }
elseif ($getsprice == "15000") { $color = "#228B22"; }
elseif ($getsprice == "20000") { $color = "#008000"; }
elseif ($getsprice == "30000") { $color = "#FF00FF"; }
elseif ($getsprice == "60000") { $color = "#E60C00"; }
elseif ($getsprice == "70000") { $color = "#FF0000"; }
else { $color = "#BA68C8"; }
?>
<?php
if (substr($validity, -1) == "d") {
  $validity = "<br>MASA AKTIF : " . substr($validity, 0, -1) . " HARI";
} else if (substr($validity, -1) == "h") {
  $validity = "MASA AKTIF : " . substr($validity, 0, -1) . " Jam";
}
if (substr($timelimit, -1) == "d" && strlen($timelimit) > 3) {
  $timelimit = "Durasi:" . ((substr($timelimit, 0, -1) * 7) + substr($timelimit, 2, 1)) . " HARI";
} else if (substr($timelimit, -1) == "d") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " HARI";
} else if (substr($timelimit, -1) == "h") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " Jam";
} else if (substr($timelimit, -1) == "w") {
  $timelimit = "Durasi:" . (substr($timelimit, 0, -1) * 7) . " HARI";
}
$priceParts = explode(" ", trim((string)$price), 2);
$pricePrefix = isset($priceParts[0]) ? $priceParts[0] : "";
$priceNominal = isset($priceParts[1]) ? $priceParts[1] : $pricePrefix;
if ($pricePrefix === $priceNominal) {
  $pricePrefix = "";
}
?>
<?php
$ornPanel = '#DEE8F5';
$ornRibbon = '#143A63';
$ornTableBg = '#FFFFFF';
$ornBorder = '#1C4F82';
$ornGuideLine = 'Hubungkan ke wifi';
$ornGuideLine2 = 'Buka browser ketik:';
$ornFooterLabel = 'HELPDESK:';
$ornFooterValue = '021 5099 1888';
$ornBadge = 'OFFICE';
$ornBadgeText = '#ffffff';
?>
 <!--mks-mulai-->
<style>
.qrcode{
    height:60px;
    width:60px;
}
</style>
<table style="display:inline-block;border-collapse:collapse;margin:2px;width:190px;overflow:hidden;position:relative;padding:0;border:1px solid <?php echo $ornBorder; ?>;background:<?php echo $ornTableBg; ?>;border-radius:12px;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td style="width:75px">
<div style="position:relative;padding:0;float:left;overflow:hidden;height:46px;width:100%;border-radius:12px;">
<div style="position:absolute;top:0;display:inline;margin-top:-100px;width:0;height:0;border-top:230px solid transparent;border-left:50px solid transparent;border-right:140px solid <?php echo $ornPanel; ?>;"></div>
<div style="position:absolute;left:6px;top:11px;z-index:3;padding:1px 3px;border-radius:8px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);"><img src="<?php echo $logo;?>" alt="logo" style="display:block;height:24px;max-width:84px;width:auto;"></div>
</div>
</td>
<td style="width:115px">
<div style="float:right;margin:2px 3px 0 0;padding:1px 4px;border-radius:10px;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;font-size:7px;font-weight:bold;"><?php echo $ornBadge; ?></div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:17px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-17px;position:absolute;"><?php echo $pricePrefix; ?></small><?php echo $priceNominal; ?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse:collapse;" valign="top">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:95px" valign="top" >
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2.5px;">
<?php if($v_opsi=='up'){ ?>
<?php }else{ ?>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:14px;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="text-align:center;color:#111;font-size:7px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornGuideLine; ?> <?php echo $hotspotname; ?><br><?php echo $ornGuideLine2; ?> <?php echo $dnsname; ?>
</div>
</td>
<td style="width:100px;text-align:right;">
<div style="clear:both;padding:0 2.5px;font-size:7px;font-weight:bold;color:#000000">
<?php echo $validity;?><br> <?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="float:right;padding:1px;text-align:right;width:70%;margin:0 5px -20px 0;"><?php echo $qrcode; ?></div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornFooterLabel; ?> <b><?php echo $ornFooterValue; ?></b>
<span style="float:right;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;border-radius:10px;padding:0 4px;"><?php echo $ornBadge; ?></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->

Tropic Blend

Soft Rounded

Shape diagonal dengan layout split, komposisi tropic warm dan logo seimbang.

<?php
if ($getsprice == "1000") { $color = "#FF1493"; }
elseif ($getsprice == "2000") { $color = "#8B008B"; }
elseif ($getsprice == "3000") { $color = "#666666"; }
elseif ($getsprice == "5000") { $color = "#FF4500"; }
elseif ($getsprice == "10000") { $color = "#E65100"; }
elseif ($getsprice == "15000") { $color = "#228B22"; }
elseif ($getsprice == "20000") { $color = "#008000"; }
elseif ($getsprice == "30000") { $color = "#FF00FF"; }
elseif ($getsprice == "60000") { $color = "#E60C00"; }
elseif ($getsprice == "70000") { $color = "#FF0000"; }
else { $color = "#BA68C8"; }
?>
<?php
if (substr($validity, -1) == "d") {
  $validity = "<br>MASA AKTIF : " . substr($validity, 0, -1) . " HARI";
} else if (substr($validity, -1) == "h") {
  $validity = "MASA AKTIF : " . substr($validity, 0, -1) . " Jam";
}
if (substr($timelimit, -1) == "d" && strlen($timelimit) > 3) {
  $timelimit = "Durasi:" . ((substr($timelimit, 0, -1) * 7) + substr($timelimit, 2, 1)) . " HARI";
} else if (substr($timelimit, -1) == "d") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " HARI";
} else if (substr($timelimit, -1) == "h") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " Jam";
} else if (substr($timelimit, -1) == "w") {
  $timelimit = "Durasi:" . (substr($timelimit, 0, -1) * 7) . " HARI";
}
$priceParts = explode(" ", trim((string)$price), 2);
$pricePrefix = isset($priceParts[0]) ? $priceParts[0] : "";
$priceNominal = isset($priceParts[1]) ? $priceParts[1] : $pricePrefix;
if ($pricePrefix === $priceNominal) {
  $pricePrefix = "";
}
?>
<?php
$ornPanel = '#FFE2D3';
$ornRibbon = '#8A3D16';
$ornTableBg = '#FFFCF8';
$ornBorder = '#B2551D';
$ornGuideLine = 'Hubungkan ke wifi';
$ornGuideLine2 = 'Buka browser ketik:';
$ornFooterLabel = 'CAFE CS:';
$ornFooterValue = '0813 1199 5500';
$ornBadge = 'TROPIC';
$ornBadgeText = '#ffffff';
?>
 <!--mks-mulai-->
<style>
.qrcode{
    height:60px;
    width:60px;
}
</style>
<table style="display:inline-block;border-collapse:collapse;margin:2px;width:190px;overflow:hidden;position:relative;padding:0;border:1px solid <?php echo $ornBorder; ?>;background:<?php echo $ornTableBg; ?>;border-radius:12px;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td style="width:70px;vertical-align:top">
<div style="position:relative;padding:0;float:left;overflow:hidden;height:46px;width:100%;border-radius:12px;">
<div style="position:absolute;top:-102px;left:-55px;width:205px;height:205px;background:<?php echo $ornPanel; ?>;transform:rotate(24deg);"></div>
<div style="position:absolute;left:6px;top:11px;z-index:3;padding:1px 3px;border-radius:8px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);"><img src="<?php echo $logo;?>" alt="logo" style="display:block;height:24px;max-width:80px;width:auto;"></div>
</div>
</td>
<td style="width:120px;vertical-align:top">
<div style="text-align:right;padding:2px 3px 0 0;">
<span style="display:inline-block;padding:1px 4px;border-radius:12px;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;font-size:7px;font-weight:bold;"><?php echo $ornBadge; ?></span>
</div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:17px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-17px;position:absolute;"><?php echo $pricePrefix; ?></small><?php echo $priceNominal; ?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse:collapse;" valign="top">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:86px" valign="top" >
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2.5px;">
<?php if($v_opsi=='up'){ ?>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:12px;color:#000000;"><?php echo $username;?></div>
<?php }else{ ?>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:13px;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="text-align:center;color:#111;font-size:7px;font-weight:bold;margin:0;padding:2px;line-height:1.28;">
<?php echo $ornGuideLine; ?><br><?php echo $ornGuideLine2; ?> <?php echo $dnsname; ?>
</div>
</td>
<td style="width:104px;text-align:right;" valign="top">
<div style="clear:both;padding:0 2px;font-size:7px;font-weight:bold;color:#000000;line-height:1.28;">
<?php echo $validity;?><br><?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="float:right;padding:1px;text-align:right;width:66%;margin:0 4px -19px 0;"><?php echo $qrcode; ?></div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornFooterLabel; ?> <b><?php echo $ornFooterValue; ?></b>
<span style="float:right;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;border-radius:12px;padding:0 4px;"><?php echo $ornBadge; ?></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->

Mono Stripe

Sharp Geometric

Shape stripe dengan layout reverse monokrom, termasuk ukuran logo compact.

<?php
if ($getsprice == "1000") { $color = "#FF1493"; }
elseif ($getsprice == "2000") { $color = "#8B008B"; }
elseif ($getsprice == "3000") { $color = "#666666"; }
elseif ($getsprice == "5000") { $color = "#FF4500"; }
elseif ($getsprice == "10000") { $color = "#E65100"; }
elseif ($getsprice == "15000") { $color = "#228B22"; }
elseif ($getsprice == "20000") { $color = "#008000"; }
elseif ($getsprice == "30000") { $color = "#FF00FF"; }
elseif ($getsprice == "60000") { $color = "#E60C00"; }
elseif ($getsprice == "70000") { $color = "#FF0000"; }
else { $color = "#BA68C8"; }
?>
<?php
if (substr($validity, -1) == "d") {
  $validity = "<br>MASA AKTIF : " . substr($validity, 0, -1) . " HARI";
} else if (substr($validity, -1) == "h") {
  $validity = "MASA AKTIF : " . substr($validity, 0, -1) . " Jam";
}
if (substr($timelimit, -1) == "d" && strlen($timelimit) > 3) {
  $timelimit = "Durasi:" . ((substr($timelimit, 0, -1) * 7) + substr($timelimit, 2, 1)) . " HARI";
} else if (substr($timelimit, -1) == "d") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " HARI";
} else if (substr($timelimit, -1) == "h") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " Jam";
} else if (substr($timelimit, -1) == "w") {
  $timelimit = "Durasi:" . (substr($timelimit, 0, -1) * 7) . " HARI";
}
$priceParts = explode(" ", trim((string)$price), 2);
$pricePrefix = isset($priceParts[0]) ? $priceParts[0] : "";
$priceNominal = isset($priceParts[1]) ? $priceParts[1] : $pricePrefix;
if ($pricePrefix === $priceNominal) {
  $pricePrefix = "";
}
?>
<?php
$ornPanel = '#ECECEC';
$ornRibbon = '#1E1E1E';
$ornTableBg = '#FFFFFF';
$ornBorder = '#202020';
$ornGuideLine = 'Hubungkan ke wifi';
$ornGuideLine2 = 'Buka browser ketik:';
$ornFooterLabel = 'ADMIN:';
$ornFooterValue = '0899 8811 2200';
$ornBadge = 'MONO';
$ornBadgeText = '#ffffff';
?>
 <!--mks-mulai-->
<style>
.qrcode{
    height:60px;
    width:60px;
}
</style>
<table style="display:inline-block;border-collapse:collapse;margin:2px;width:190px;overflow:hidden;position:relative;padding:0;border:1px solid <?php echo $ornBorder; ?>;background:<?php echo $ornTableBg; ?>;border-radius:0px;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td style="width:78px;vertical-align:top">
<div style="position:relative;padding:0;float:left;overflow:hidden;height:46px;width:100%;border-radius:0px;">
<div style="position:absolute;top:-32px;left:-26px;width:190px;height:20px;background:<?php echo $ornPanel; ?>;transform:rotate(-25deg);"></div>
<div style="position:absolute;top:-8px;left:-34px;width:195px;height:18px;background:<?php echo $ornPanel; ?>;opacity:.65;transform:rotate(-25deg);"></div>
<div style="position:absolute;left:6px;top:11px;z-index:3;padding:1px 3px;border-radius:2px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);"><img src="<?php echo $logo;?>" alt="logo" style="display:block;height:24px;max-width:80px;width:auto;"></div>
</div>
</td>
<td style="width:112px;vertical-align:top">
<div style="float:right;margin:2px 3px 0 0;padding:1px 4px;border-radius:6px;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;font-size:7px;font-weight:bold;"><?php echo $ornBadge; ?></div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:15px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-15px;position:absolute;"><?php echo $pricePrefix; ?></small><?php echo $priceNominal; ?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse:collapse;" valign="top">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:100px;text-align:left;" valign="top">
<div style="clear:both;padding:0 2px;font-size:7px;font-weight:bold;color:#000000;line-height:1.28;">
<?php echo $validity;?><br><?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="float:left;padding:1px;text-align:left;width:64%;margin:0 0 -18px 3px;"><?php echo $qrcode; ?></div>
</td>
<td style="width:90px" valign="top" >
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2.5px;">
<?php if($v_opsi=='up'){ ?>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:12px;color:#000000;"><?php echo $username;?></div>
<?php }else{ ?>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:12px;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="text-align:center;color:#111;font-size:7px;font-weight:bold;margin:0;padding:2px;line-height:1.25;">
<?php echo $ornGuideLine; ?><br><?php echo $dnsname; ?>
</div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornFooterLabel; ?> <b><?php echo $ornFooterValue; ?></b>
<span style="float:right;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;border-radius:2px;padding:0 4px;"><?php echo $ornBadge; ?></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->

Receipt Pop

Sharp Geometric

Shape notch dengan layout ticket ala struk, logo dibuat lebih compact dan proporsional.

<?php
if ($getsprice == "1000") { $color = "#FF1493"; }
elseif ($getsprice == "2000") { $color = "#8B008B"; }
elseif ($getsprice == "3000") { $color = "#666666"; }
elseif ($getsprice == "5000") { $color = "#FF4500"; }
elseif ($getsprice == "10000") { $color = "#E65100"; }
elseif ($getsprice == "15000") { $color = "#228B22"; }
elseif ($getsprice == "20000") { $color = "#008000"; }
elseif ($getsprice == "30000") { $color = "#FF00FF"; }
elseif ($getsprice == "60000") { $color = "#E60C00"; }
elseif ($getsprice == "70000") { $color = "#FF0000"; }
else { $color = "#BA68C8"; }
?>
<?php
if (substr($validity, -1) == "d") {
  $validity = "<br>MASA AKTIF : " . substr($validity, 0, -1) . " HARI";
} else if (substr($validity, -1) == "h") {
  $validity = "MASA AKTIF : " . substr($validity, 0, -1) . " Jam";
}
if (substr($timelimit, -1) == "d" && strlen($timelimit) > 3) {
  $timelimit = "Durasi:" . ((substr($timelimit, 0, -1) * 7) + substr($timelimit, 2, 1)) . " HARI";
} else if (substr($timelimit, -1) == "d") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " HARI";
} else if (substr($timelimit, -1) == "h") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " Jam";
} else if (substr($timelimit, -1) == "w") {
  $timelimit = "Durasi:" . (substr($timelimit, 0, -1) * 7) . " HARI";
}
$priceParts = explode(" ", trim((string)$price), 2);
$pricePrefix = isset($priceParts[0]) ? $priceParts[0] : "";
$priceNominal = isset($priceParts[1]) ? $priceParts[1] : $pricePrefix;
if ($pricePrefix === $priceNominal) {
  $pricePrefix = "";
}
?>
<?php
$ornPanel = '#F5E8D8';
$ornRibbon = '#5E4323';
$ornTableBg = '#FFFDF8';
$ornBorder = '#8A6840';
$ornGuideLine = 'Hubungkan ke wifi';
$ornGuideLine2 = 'Buka browser ketik:';
$ornFooterLabel = 'KASIR:';
$ornFooterValue = '0812 7033 5600';
$ornBadge = 'RECEIPT';
$ornBadgeText = '#ffffff';
?>
 <!--mks-mulai-->
<style>
.qrcode{
    height:60px;
    width:60px;
}
</style>
<table style="display:inline-block;border-collapse:collapse;margin:2px;width:190px;overflow:hidden;position:relative;padding:0;border:1px solid <?php echo $ornBorder; ?>;background:<?php echo $ornTableBg; ?>;border-radius:0px;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td colspan="2" style="padding:0;">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:72px;vertical-align:top;">
<div style="position:relative;padding:0;float:left;overflow:hidden;height:46px;width:100%;border-radius:0px;">
<div style="position:absolute;top:-92px;left:-10px;width:165px;height:165px;background:<?php echo $ornPanel; ?>;border-radius:16px;"></div>
<div style="position:absolute;top:-16px;left:116px;width:20px;height:20px;background:#fff;border-radius:50%;"></div>
<div style="position:absolute;left:6px;top:11px;z-index:3;padding:1px 3px;border-radius:2px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);"><img src="<?php echo $logo;?>" alt="logo" style="display:block;height:24px;max-width:80px;width:auto;"></div>
</div>
</td>
<td style="width:118px;vertical-align:top;">
<div style="text-align:right;padding:2px 3px 0 0;">
<span style="display:inline-block;padding:1px 4px;border-radius:6px;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;font-size:7px;font-weight:bold;"><?php echo $ornBadge; ?></span>
</div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:14px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-14px;position:absolute;"><?php echo $pricePrefix; ?></small><?php echo $priceNominal; ?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse:collapse;" valign="top">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:62px;text-align:center;" valign="top">
<div style="font-size:7px;font-weight:bold;color:#222;padding-top:1px;"><?php echo $profile; ?></div>
<div style="padding:1px;text-align:center;width:52px;margin:0 auto -16px auto;"><?php echo $qrcode; ?></div>
</td>
<td style="width:128px" valign="top">
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2px;">
<?php if($v_opsi=='up'){ ?>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:13px;color:#000000;"><?php echo $username;?></div>
<?php }else{ ?>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:13px;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="clear:both;padding:0 1px;font-size:7px;font-weight:bold;color:#000000;line-height:1.26;">
<?php echo $validity;?><br><?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="text-align:left;color:#111;font-size:7px;font-weight:bold;margin:0;padding:1px 1px 2px;"><?php echo $ornGuideLine2; ?> <?php echo $dnsname; ?></div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornFooterLabel; ?> <b><?php echo $ornFooterValue; ?></b>
<span style="float:right;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;border-radius:2px;padding:0 4px;"><?php echo $ornBadge; ?></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->

Split Event

Sharp Geometric

Shape diamond dengan layout split untuk nuansa ticket event yang tegas.

<?php
if ($getsprice == "1000") { $color = "#FF1493"; }
elseif ($getsprice == "2000") { $color = "#8B008B"; }
elseif ($getsprice == "3000") { $color = "#666666"; }
elseif ($getsprice == "5000") { $color = "#FF4500"; }
elseif ($getsprice == "10000") { $color = "#E65100"; }
elseif ($getsprice == "15000") { $color = "#228B22"; }
elseif ($getsprice == "20000") { $color = "#008000"; }
elseif ($getsprice == "30000") { $color = "#FF00FF"; }
elseif ($getsprice == "60000") { $color = "#E60C00"; }
elseif ($getsprice == "70000") { $color = "#FF0000"; }
else { $color = "#BA68C8"; }
?>
<?php
if (substr($validity, -1) == "d") {
  $validity = "<br>MASA AKTIF : " . substr($validity, 0, -1) . " HARI";
} else if (substr($validity, -1) == "h") {
  $validity = "MASA AKTIF : " . substr($validity, 0, -1) . " Jam";
}
if (substr($timelimit, -1) == "d" && strlen($timelimit) > 3) {
  $timelimit = "Durasi:" . ((substr($timelimit, 0, -1) * 7) + substr($timelimit, 2, 1)) . " HARI";
} else if (substr($timelimit, -1) == "d") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " HARI";
} else if (substr($timelimit, -1) == "h") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " Jam";
} else if (substr($timelimit, -1) == "w") {
  $timelimit = "Durasi:" . (substr($timelimit, 0, -1) * 7) . " HARI";
}
$priceParts = explode(" ", trim((string)$price), 2);
$pricePrefix = isset($priceParts[0]) ? $priceParts[0] : "";
$priceNominal = isset($priceParts[1]) ? $priceParts[1] : $pricePrefix;
if ($pricePrefix === $priceNominal) {
  $pricePrefix = "";
}
?>
<?php
$ornPanel = '#D9F0DE';
$ornRibbon = '#1D6B31';
$ornTableBg = '#FFFFFF';
$ornBorder = '#2A7F3F';
$ornGuideLine = 'Hubungkan ke wifi';
$ornGuideLine2 = 'Buka browser ketik:';
$ornFooterLabel = 'EVENT CS:';
$ornFooterValue = '0817 5522 9000';
$ornBadge = 'ACCESS';
$ornBadgeText = '#ffffff';
?>
 <!--mks-mulai-->
<style>
.qrcode{
    height:60px;
    width:60px;
}
</style>
<table style="display:inline-block;border-collapse:collapse;margin:2px;width:190px;overflow:hidden;position:relative;padding:0;border:1px solid <?php echo $ornBorder; ?>;background:<?php echo $ornTableBg; ?>;border-radius:0px;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td style="width:70px;vertical-align:top">
<div style="position:relative;padding:0;float:left;overflow:hidden;height:46px;width:100%;border-radius:0px;">
<div style="position:absolute;top:-80px;left:6px;width:130px;height:130px;background:<?php echo $ornPanel; ?>;transform:rotate(45deg);"></div>
<div style="position:absolute;left:6px;top:11px;z-index:3;padding:1px 3px;border-radius:2px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);"><img src="<?php echo $logo;?>" alt="logo" style="display:block;height:24px;max-width:80px;width:auto;"></div>
</div>
</td>
<td style="width:120px;vertical-align:top">
<div style="text-align:right;padding:2px 3px 0 0;">
<span style="display:inline-block;padding:1px 4px;border-radius:10px;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;font-size:7px;font-weight:bold;"><?php echo $ornBadge; ?></span>
</div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:17px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-17px;position:absolute;"><?php echo $pricePrefix; ?></small><?php echo $priceNominal; ?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse:collapse;" valign="top">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:86px" valign="top" >
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2.5px;">
<?php if($v_opsi=='up'){ ?>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:12px;color:#000000;"><?php echo $username;?></div>
<?php }else{ ?>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:13px;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="text-align:center;color:#111;font-size:7px;font-weight:bold;margin:0;padding:2px;line-height:1.28;">
<?php echo $ornGuideLine; ?><br><?php echo $ornGuideLine2; ?> <?php echo $dnsname; ?>
</div>
</td>
<td style="width:104px;text-align:right;" valign="top">
<div style="clear:both;padding:0 2px;font-size:7px;font-weight:bold;color:#000000;line-height:1.28;">
<?php echo $validity;?><br><?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="float:right;padding:1px;text-align:right;width:66%;margin:0 4px -19px 0;"><?php echo $qrcode; ?></div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornFooterLabel; ?> <b><?php echo $ornFooterValue; ?></b>
<span style="float:right;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;border-radius:2px;padding:0 4px;"><?php echo $ornBadge; ?></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->

Price Banner

Sharp Geometric

Shape diagonal dengan layout reverse, fokus harga dan logo proporsional.

<?php
if ($getsprice == "1000") { $color = "#FF1493"; }
elseif ($getsprice == "2000") { $color = "#8B008B"; }
elseif ($getsprice == "3000") { $color = "#666666"; }
elseif ($getsprice == "5000") { $color = "#FF4500"; }
elseif ($getsprice == "10000") { $color = "#E65100"; }
elseif ($getsprice == "15000") { $color = "#228B22"; }
elseif ($getsprice == "20000") { $color = "#008000"; }
elseif ($getsprice == "30000") { $color = "#FF00FF"; }
elseif ($getsprice == "60000") { $color = "#E60C00"; }
elseif ($getsprice == "70000") { $color = "#FF0000"; }
else { $color = "#BA68C8"; }
?>
<?php
if (substr($validity, -1) == "d") {
  $validity = "<br>MASA AKTIF : " . substr($validity, 0, -1) . " HARI";
} else if (substr($validity, -1) == "h") {
  $validity = "MASA AKTIF : " . substr($validity, 0, -1) . " Jam";
}
if (substr($timelimit, -1) == "d" && strlen($timelimit) > 3) {
  $timelimit = "Durasi:" . ((substr($timelimit, 0, -1) * 7) + substr($timelimit, 2, 1)) . " HARI";
} else if (substr($timelimit, -1) == "d") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " HARI";
} else if (substr($timelimit, -1) == "h") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " Jam";
} else if (substr($timelimit, -1) == "w") {
  $timelimit = "Durasi:" . (substr($timelimit, 0, -1) * 7) . " HARI";
}
$priceParts = explode(" ", trim((string)$price), 2);
$pricePrefix = isset($priceParts[0]) ? $priceParts[0] : "";
$priceNominal = isset($priceParts[1]) ? $priceParts[1] : $pricePrefix;
if ($pricePrefix === $priceNominal) {
  $pricePrefix = "";
}
?>
<?php
$ornPanel = '#F6DAF4';
$ornRibbon = '#7A1B73';
$ornTableBg = '#FFFFFF';
$ornBorder = '#A927A0';
$ornGuideLine = 'Hubungkan ke wifi';
$ornGuideLine2 = 'Buka browser ketik:';
$ornFooterLabel = 'PRIORITY:';
$ornFooterValue = '0811 1177 3344';
$ornBadge = 'PREMIUM';
$ornBadgeText = '#ffffff';
?>
 <!--mks-mulai-->
<style>
.qrcode{
    height:60px;
    width:60px;
}
</style>
<table style="display:inline-block;border-collapse:collapse;margin:2px;width:190px;overflow:hidden;position:relative;padding:0;border:1px solid <?php echo $ornBorder; ?>;background:<?php echo $ornTableBg; ?>;border-radius:0px;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td style="width:78px;vertical-align:top">
<div style="position:relative;padding:0;float:left;overflow:hidden;height:46px;width:100%;border-radius:0px;">
<div style="position:absolute;top:-102px;left:-55px;width:205px;height:205px;background:<?php echo $ornPanel; ?>;transform:rotate(24deg);"></div>
<div style="position:absolute;left:6px;top:11px;z-index:3;padding:1px 3px;border-radius:2px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);"><img src="<?php echo $logo;?>" alt="logo" style="display:block;height:24px;max-width:80px;width:auto;"></div>
</div>
</td>
<td style="width:112px;vertical-align:top">
<div style="float:right;margin:2px 3px 0 0;padding:1px 4px;border-radius:12px;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;font-size:7px;font-weight:bold;"><?php echo $ornBadge; ?></div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:15px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-15px;position:absolute;"><?php echo $pricePrefix; ?></small><?php echo $priceNominal; ?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse:collapse;" valign="top">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:100px;text-align:left;" valign="top">
<div style="clear:both;padding:0 2px;font-size:7px;font-weight:bold;color:#000000;line-height:1.28;">
<?php echo $validity;?><br><?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="float:left;padding:1px;text-align:left;width:64%;margin:0 0 -18px 3px;"><?php echo $qrcode; ?></div>
</td>
<td style="width:90px" valign="top" >
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2.5px;">
<?php if($v_opsi=='up'){ ?>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:12px;color:#000000;"><?php echo $username;?></div>
<?php }else{ ?>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:12px;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="text-align:center;color:#111;font-size:7px;font-weight:bold;margin:0;padding:2px;line-height:1.25;">
<?php echo $ornGuideLine; ?><br><?php echo $dnsname; ?>
</div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornFooterLabel; ?> <b><?php echo $ornFooterValue; ?></b>
<span style="float:right;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;border-radius:2px;padding:0 4px;"><?php echo $ornBadge; ?></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->

Gold Royale

Soft Rounded

Shape orb dengan layout classic dan komposisi emas elegan.

<?php
if ($getsprice == "1000") { $color = "#FF1493"; }
elseif ($getsprice == "2000") { $color = "#8B008B"; }
elseif ($getsprice == "3000") { $color = "#666666"; }
elseif ($getsprice == "5000") { $color = "#FF4500"; }
elseif ($getsprice == "10000") { $color = "#E65100"; }
elseif ($getsprice == "15000") { $color = "#228B22"; }
elseif ($getsprice == "20000") { $color = "#008000"; }
elseif ($getsprice == "30000") { $color = "#FF00FF"; }
elseif ($getsprice == "60000") { $color = "#E60C00"; }
elseif ($getsprice == "70000") { $color = "#FF0000"; }
else { $color = "#BA68C8"; }
?>
<?php
if (substr($validity, -1) == "d") {
  $validity = "<br>MASA AKTIF : " . substr($validity, 0, -1) . " HARI";
} else if (substr($validity, -1) == "h") {
  $validity = "MASA AKTIF : " . substr($validity, 0, -1) . " Jam";
}
if (substr($timelimit, -1) == "d" && strlen($timelimit) > 3) {
  $timelimit = "Durasi:" . ((substr($timelimit, 0, -1) * 7) + substr($timelimit, 2, 1)) . " HARI";
} else if (substr($timelimit, -1) == "d") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " HARI";
} else if (substr($timelimit, -1) == "h") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " Jam";
} else if (substr($timelimit, -1) == "w") {
  $timelimit = "Durasi:" . (substr($timelimit, 0, -1) * 7) . " HARI";
}
$priceParts = explode(" ", trim((string)$price), 2);
$pricePrefix = isset($priceParts[0]) ? $priceParts[0] : "";
$priceNominal = isset($priceParts[1]) ? $priceParts[1] : $pricePrefix;
if ($pricePrefix === $priceNominal) {
  $pricePrefix = "";
}
?>
<?php
$ornPanel = '#FDECC8';
$ornRibbon = '#6E4A0A';
$ornTableBg = '#FFFDF7';
$ornBorder = '#A16C0A';
$ornGuideLine = 'Hubungkan ke wifi';
$ornGuideLine2 = 'Buka browser ketik:';
$ornFooterLabel = 'VIP CS:';
$ornFooterValue = '0813 4455 7788';
$ornBadge = 'GOLD';
$ornBadgeText = '#ffffff';
?>
 <!--mks-mulai-->
<style>
.qrcode{
    height:60px;
    width:60px;
}
</style>
<table style="display:inline-block;border-collapse:collapse;margin:2px;width:190px;overflow:hidden;position:relative;padding:0;border:1px solid <?php echo $ornBorder; ?>;background:<?php echo $ornTableBg; ?>;border-radius:12px;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td style="width:75px">
<div style="position:relative;padding:0;float:left;overflow:hidden;height:46px;width:100%;border-radius:12px;">
<div style="position:absolute;top:-88px;left:-16px;width:165px;height:165px;background:<?php echo $ornPanel; ?>;border-radius:50%;"></div>
<div style="position:absolute;top:-26px;left:58px;width:78px;height:78px;background:rgba(255,255,255,.35);border-radius:50%;"></div>
<div style="position:absolute;left:6px;top:11px;z-index:3;padding:1px 3px;border-radius:8px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);"><img src="<?php echo $logo;?>" alt="logo" style="display:block;height:24px;max-width:82px;width:auto;"></div>
</div>
</td>
<td style="width:115px">
<div style="float:right;margin:2px 3px 0 0;padding:1px 4px;border-radius:11px;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;font-size:7px;font-weight:bold;"><?php echo $ornBadge; ?></div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:17px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-17px;position:absolute;"><?php echo $pricePrefix; ?></small><?php echo $priceNominal; ?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse:collapse;" valign="top">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:95px" valign="top" >
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2.5px;">
<?php if($v_opsi=='up'){ ?>
<?php }else{ ?>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:center;font-weight:bold;font-size:14px;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="text-align:center;color:#111;font-size:7px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornGuideLine; ?> <?php echo $hotspotname; ?><br><?php echo $ornGuideLine2; ?> <?php echo $dnsname; ?>
</div>
</td>
<td style="width:100px;text-align:right;">
<div style="clear:both;padding:0 2.5px;font-size:7px;font-weight:bold;color:#000000">
<?php echo $validity;?><br> <?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="float:right;padding:1px;text-align:right;width:70%;margin:0 5px -20px 0;"><?php echo $qrcode; ?></div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornFooterLabel; ?> <b><?php echo $ornFooterValue; ?></b>
<span style="float:right;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;border-radius:11px;padding:0 4px;"><?php echo $ornBadge; ?></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->

Aqua Breeze

Soft Rounded

Shape stripe dengan layout wave bertema aqua dan proporsi logo lebih lebar.

<?php
if ($getsprice == "1000") { $color = "#FF1493"; }
elseif ($getsprice == "2000") { $color = "#8B008B"; }
elseif ($getsprice == "3000") { $color = "#666666"; }
elseif ($getsprice == "5000") { $color = "#FF4500"; }
elseif ($getsprice == "10000") { $color = "#E65100"; }
elseif ($getsprice == "15000") { $color = "#228B22"; }
elseif ($getsprice == "20000") { $color = "#008000"; }
elseif ($getsprice == "30000") { $color = "#FF00FF"; }
elseif ($getsprice == "60000") { $color = "#E60C00"; }
elseif ($getsprice == "70000") { $color = "#FF0000"; }
else { $color = "#BA68C8"; }
?>
<?php
if (substr($validity, -1) == "d") {
  $validity = "<br>MASA AKTIF : " . substr($validity, 0, -1) . " HARI";
} else if (substr($validity, -1) == "h") {
  $validity = "MASA AKTIF : " . substr($validity, 0, -1) . " Jam";
}
if (substr($timelimit, -1) == "d" && strlen($timelimit) > 3) {
  $timelimit = "Durasi:" . ((substr($timelimit, 0, -1) * 7) + substr($timelimit, 2, 1)) . " HARI";
} else if (substr($timelimit, -1) == "d") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " HARI";
} else if (substr($timelimit, -1) == "h") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " Jam";
} else if (substr($timelimit, -1) == "w") {
  $timelimit = "Durasi:" . (substr($timelimit, 0, -1) * 7) . " HARI";
}
$priceParts = explode(" ", trim((string)$price), 2);
$pricePrefix = isset($priceParts[0]) ? $priceParts[0] : "";
$priceNominal = isset($priceParts[1]) ? $priceParts[1] : $pricePrefix;
if ($pricePrefix === $priceNominal) {
  $pricePrefix = "";
}
?>
<?php
$ornPanel = '#D9F6F6';
$ornRibbon = '#0F5C66';
$ornTableBg = '#F8FFFF';
$ornBorder = '#1E8A96';
$ornGuideLine = 'Hubungkan ke wifi';
$ornGuideLine2 = 'Buka browser ketik:';
$ornFooterLabel = 'INFO:';
$ornFooterValue = '0821 6600 1122';
$ornBadge = 'AQUA';
$ornBadgeText = '#ffffff';
?>
 <!--mks-mulai-->
<style>
.qrcode{
    height:60px;
    width:60px;
}
</style>
<table style="display:inline-block;border-collapse:collapse;margin:2px;width:190px;overflow:hidden;position:relative;padding:0;border:1px solid <?php echo $ornBorder; ?>;background:<?php echo $ornTableBg; ?>;border-radius:12px;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td style="width:82px;vertical-align:top">
<div style="position:relative;padding:0;float:left;overflow:hidden;height:46px;width:100%;border-radius:12px;">
<div style="position:absolute;top:-32px;left:-26px;width:190px;height:20px;background:<?php echo $ornPanel; ?>;transform:rotate(-25deg);"></div>
<div style="position:absolute;top:-8px;left:-34px;width:195px;height:18px;background:<?php echo $ornPanel; ?>;opacity:.65;transform:rotate(-25deg);"></div>
<div style="position:absolute;left:6px;top:11px;z-index:3;padding:1px 3px;border-radius:8px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);"><img src="<?php echo $logo;?>" alt="logo" style="display:block;height:24px;max-width:84px;width:auto;"></div>
</div>
<div style="padding:2px 0 0 4px;">
<div style="display:inline-block;padding:1px 4px;border-radius:11px;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;font-size:7px;font-weight:bold;"><?php echo $ornBadge; ?></div>
</div>
</td>
<td style="width:108px;vertical-align:top">
<div style="text-align:right;font-size:7px;font-weight:bold;color:#666;padding-top:3px;"><?php echo $profile; ?></div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:14px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-14px;position:absolute;"><?php echo $pricePrefix; ?></small><?php echo $priceNominal; ?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse:collapse;" valign="top">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:108px" valign="top">
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2.5px;">
<?php if($v_opsi=='up'){ ?>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:13px;color:#000000;"><?php echo $username;?></div>
<?php }else{ ?>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0;border-bottom:1px dashed <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:13px;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="text-align:left;color:#111;font-size:7px;font-weight:bold;margin:0;padding:2.5px 2px 2.5px 4px;line-height:1.3;">
<?php echo $ornGuideLine; ?> <?php echo $hotspotname; ?><br><?php echo $ornGuideLine2; ?> <?php echo $dnsname; ?>
</div>
</td>
<td style="width:82px;text-align:center;" valign="top">
<div style="clear:both;padding:0 1px;font-size:7px;font-weight:bold;color:#000000;line-height:1.25;">
<?php echo $validity;?><br><?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="padding:1px;text-align:center;width:56px;margin:1px auto -18px auto;"><?php echo $qrcode; ?></div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornFooterLabel; ?> <b><?php echo $ornFooterValue; ?></b>
<span style="float:right;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;border-radius:11px;padding:0 4px;"><?php echo $ornBadge; ?></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->

Crimson Prime

Sharp Geometric

Shape notch dengan layout ticket dan aksen crimson premium.

<?php
if ($getsprice == "1000") { $color = "#FF1493"; }
elseif ($getsprice == "2000") { $color = "#8B008B"; }
elseif ($getsprice == "3000") { $color = "#666666"; }
elseif ($getsprice == "5000") { $color = "#FF4500"; }
elseif ($getsprice == "10000") { $color = "#E65100"; }
elseif ($getsprice == "15000") { $color = "#228B22"; }
elseif ($getsprice == "20000") { $color = "#008000"; }
elseif ($getsprice == "30000") { $color = "#FF00FF"; }
elseif ($getsprice == "60000") { $color = "#E60C00"; }
elseif ($getsprice == "70000") { $color = "#FF0000"; }
else { $color = "#BA68C8"; }
?>
<?php
if (substr($validity, -1) == "d") {
  $validity = "<br>MASA AKTIF : " . substr($validity, 0, -1) . " HARI";
} else if (substr($validity, -1) == "h") {
  $validity = "MASA AKTIF : " . substr($validity, 0, -1) . " Jam";
}
if (substr($timelimit, -1) == "d" && strlen($timelimit) > 3) {
  $timelimit = "Durasi:" . ((substr($timelimit, 0, -1) * 7) + substr($timelimit, 2, 1)) . " HARI";
} else if (substr($timelimit, -1) == "d") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " HARI";
} else if (substr($timelimit, -1) == "h") {
  $timelimit = "Durasi:" . substr($timelimit, 0, -1) . " Jam";
} else if (substr($timelimit, -1) == "w") {
  $timelimit = "Durasi:" . (substr($timelimit, 0, -1) * 7) . " HARI";
}
$priceParts = explode(" ", trim((string)$price), 2);
$pricePrefix = isset($priceParts[0]) ? $priceParts[0] : "";
$priceNominal = isset($priceParts[1]) ? $priceParts[1] : $pricePrefix;
if ($pricePrefix === $priceNominal) {
  $pricePrefix = "";
}
?>
<?php
$ornPanel = '#FADADD';
$ornRibbon = '#6B0F1A';
$ornTableBg = '#FFF8F8';
$ornBorder = '#A1182A';
$ornGuideLine = 'Hubungkan ke wifi';
$ornGuideLine2 = 'Buka browser ketik:';
$ornFooterLabel = 'PRIME CS:';
$ornFooterValue = '0819 7700 2233';
$ornBadge = 'CRIMSON';
$ornBadgeText = '#ffffff';
?>
 <!--mks-mulai-->
<style>
.qrcode{
    height:60px;
    width:60px;
}
</style>
<table style="display:inline-block;border-collapse:collapse;margin:2px;width:190px;overflow:hidden;position:relative;padding:0;border:1px solid <?php echo $ornBorder; ?>;background:<?php echo $ornTableBg; ?>;border-radius:0px;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td colspan="2" style="padding:0;">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:72px;vertical-align:top;">
<div style="position:relative;padding:0;float:left;overflow:hidden;height:46px;width:100%;border-radius:0px;">
<div style="position:absolute;top:-92px;left:-10px;width:165px;height:165px;background:<?php echo $ornPanel; ?>;border-radius:16px;"></div>
<div style="position:absolute;top:-16px;left:116px;width:20px;height:20px;background:#fff;border-radius:50%;"></div>
<div style="position:absolute;left:6px;top:11px;z-index:3;padding:1px 3px;border-radius:2px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);"><img src="<?php echo $logo;?>" alt="logo" style="display:block;height:24px;max-width:80px;width:auto;"></div>
</div>
</td>
<td style="width:118px;vertical-align:top;">
<div style="text-align:right;padding:2px 3px 0 0;">
<span style="display:inline-block;padding:1px 4px;border-radius:10px;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;font-size:7px;font-weight:bold;"><?php echo $ornBadge; ?></span>
</div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:14px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-14px;position:absolute;"><?php echo $pricePrefix; ?></small><?php echo $priceNominal; ?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse:collapse;" valign="top">
<table style="width:100%;border-collapse:collapse;">
<tbody>
<tr>
<td style="width:62px;text-align:center;" valign="top">
<div style="font-size:7px;font-weight:bold;color:#222;padding-top:1px;"><?php echo $profile; ?></div>
<div style="padding:1px;text-align:center;width:52px;margin:0 auto -16px auto;"><?php echo $qrcode; ?></div>
</td>
<td style="width:128px" valign="top">
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2px;">
<?php if($v_opsi=='up'){ ?>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:13px;color:#000000;"><?php echo $username;?></div>
<?php }else{ ?>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0;border-bottom:1px solid <?php echo $color; ?>;text-align:left;font-weight:bold;font-size:13px;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="clear:both;padding:0 1px;font-size:7px;font-weight:bold;color:#000000;line-height:1.26;">
<?php echo $validity;?><br><?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="text-align:left;color:#111;font-size:7px;font-weight:bold;margin:0;padding:1px 1px 2px;"><?php echo $ornGuideLine2; ?> <?php echo $dnsname; ?></div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0;padding:2.5px;">
<?php echo $ornFooterLabel; ?> <b><?php echo $ornFooterValue; ?></b>
<span style="float:right;background:<?php echo $ornRibbon; ?>;color:<?php echo $ornBadgeText; ?>;border-radius:2px;padding:0 4px;"><?php echo $ornBadge; ?></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->

MKS Classic Reference

Default 190px

Template referensi MKS dengan warna harga adaptif berdasarkan nominal voucher.

<?php
// Copy Paste ke template editor [Settings -> Template Editor].

if(substr($validity,-1) == "d"){
  $validity = "   <br>MASA AKTIF : ".substr($validity,0,-1)." HARI";
}else if(substr($validity,-1) == "h"){
  $validity = "MASA AKTIF : ".substr($validity,0,-1)."Jam";
}
if(substr($timelimit,-1) == "d" & strlen($timelimit) >3){
  $timelimit = "Durasi:".((substr($timelimit,0,-1)*7) +  substr($timelimit, 2,1))." HARI";
}else if(substr($timelimit,-1) == "d"){
  $timelimit = "Durasi:".substr($timelimit,0,-1)." HARI";
}else if(substr($timelimit,-1) == "h"){
  $timelimit = "Durasi:".substr($timelimit,0,-1)."Jam";
}else if(substr($timelimit,-1) == "w"){
  $timelimit = "Durasi:".(substr($timelimit,0,-1)*7)." HARI";
}

/*
Sesuikan harga dan warna masing-masing.
warna bisa dilihat di https://material.io/guidelines/style/color.html#color-color-palette
variable $color
background-color:<?php echo $color;?>; -webkit-print-color-adjust: exact;
ditambahkan ke style di tag html yang ingin dikasi warna. untuk template ini warna ditaruh di keterangan harga <-- Price --> line 81
*/

if($getsprice == "3000"){ $color = "#666";} // jika harga == "1000" maka warna = "#01579B"
elseif($getsprice == "1000"){ $color = "#FF1493";}
elseif($getsprice == "2000"){ $color = "#8B008B";}
elseif($getsprice == "3000"){ $color = "#666";}
elseif($getsprice == "5000"){ $color = "#FF4500";}
elseif($getsprice == "10000"){ $color = "#E65100";}
elseif($getsprice == "15000"){ $color = "#228B22";}
elseif($getsprice == "20000"){ $color = "#008000";}
elseif($getsprice == "30000"){ $color = "#FF00FF";}
elseif($getsprice == "60000"){ $color = "#E60C00";}
elseif($getsprice == "70000"){ $color = "#FF0000";}
// ini yang dicopy untuk menambah warna berdarsarkan harga, kemudian paste di atas baris // else color

// else color
else{ $color = "#BA68C8";}
?>
 <!--mks-mulai-->
<style>
.qrcode{
        height:60px;
        width:60px;
}
</style>
<table style="display: inline-block;border-collapse: collapse;border: 1px solid #666;margin: 2.5px;width: 190px;overflow:hidden;position:relative;padding: 0px;margin: 2px;border: 1px solid #000000;">
<tbody>
<tr>
<td style="color:#666;" valign="top">
<table style="width:100%;">
<tbody>
<tr>
<td style="width:75px">
<div style="position:relative;z-index:-1;padding: 0px;float:left;">
<div style="position:absolute;top:0;display:inline;margin-top:-100px;width: 0; height: 0; border-top: 230px solid transparent;border-left: 50px solid transparent;border-right:140px solid #DCDCDC; "></div>
</div>
<img style="margin:5px 0 0 5px;" width="85" height="20" src="<?php echo $logo;?>" alt="logo">
</td>
<td style="width:115px">
<div style="float:right;margin-top:-6px;margin-right:0px;width:5%;text-align:right;font-size:7px;">
</div>
<div style="text-align:right;font-weight:bold;font-family:Tahoma;font-size:20px;padding-left:17px;color:<?php echo $color ?>">
<small style="font-size:10px;margin-left:-17px;position:absolute;"><?= explode(" ",$price)[0]?></small><?= explode(" ",$price)[1]?>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color:#666;border-collapse: collapse;" valign="top">
<table style="width:100%;border-collapse: collapse;">
<tbody>
<tr>
<td style="width:95px"valign="top" >
<div style="clear:both;color:#555;margin-top:2px;margin-bottom:2.5px;">
<?php if($v_opsi=='up'){ ?>
<?php }else{ ?>
<div style="padding:0px;border-bottom:1px solid<?php echo $color ?>;text-align:center;font-weight:bold;font-size:10px;">VOUCHER</div>
<div style="padding:0px;border-bottom:1px solid<?php echo $color ?>;text-align:center;font-weight:bold;font-size:14px;;color:#000000;"><?php echo $username;?></div>
<?php } ?>
</div>
<div style="text-align:center;color:#111;font-size:7px;font-weight:bold;margin:0px;padding:2.5px;">
Hubungkan ke wifi MKS
Buka brouser ketik  : mks.net
</div>
</td>
<td style="width:100px;text-align:right;">
<div style="clear:both;padding:0 2.5px;font-size:7px;font-weight:bold;color:#000000">
<?php echo $validity;?><br> <?php echo $timelimit;?> <br><?php echo $datalimit;?>
</div>
<div style="float:right;padding:1px;text-align:right;width:70%;margin:0 5px -20px 0;"><?= $qrcode ?></div>
</td>
</tr>
<tr>
<td style="background:<?php echo $color ?>;color:#666;padding:0px;" valign="top" colspan="2">
<div style="text-align:left;color:#fff;font-size:9px;font-weight:bold;margin:0px;padding:2.5px;">
CS: <b>0822 4072 4572</b>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 <!--mks-akhir-->