Sistem Informasi dan Pemesanan Tiket Bus Online Berbasis Web Menggunakan PHP dan Mysql

(1)

1. indeks.php

<?php

header('location:home'); ?>

2. cek_login.php

<?php

include "../config/koneksi.php"; function antiinjection($data){

$filter_sql =

mysql_real_escape_string(stripslashes(strip_tags(htmlspecialchars( $data,ENT_QUOTES))));

return $filter_sql; }

$username = antiinjection($_POST['username']); $pass = antiinjection(md5($_POST['password']));

$login=mysql_query("SELECT * FROM admins WHERE username='".$username."' AND password='".$pass."' AND blokir='N'");

$ketemu=mysql_num_rows($login); $r=mysql_fetch_array($login);

// Apabila username dan password ditemukan if ($ketemu > 0){

session_start();

$_SESSION['namauser'] = $r['username']; $_SESSION['namalengkap'] = $r['nama_lengkap']; $_SESSION['passuser'] = $r['password']; $_SESSION['leveluser'] = $r['level'];

header('location:media.php?module=home'); }

else{

echo "<link href=../config/adminstyle.css rel=stylesheet type=text/css>";

echo "<center>LOGIN GAGAL! <br>

Username atau Password Anda tidak benar.<br> Atau account Anda sedang diblokir.<br>";

echo "<a href=index.php><b>ULANGI LAGI</b></a></center>"; }

(2)

3. content.php

<?php

include "../config/koneksi.php"; include "../config/library.php";

include "../config/fungsi_indotgl.php"; include "../config/fungsi_combobox.php"; include "../config/class_paging.php"; include "../config/fungsi_rupiah.php";

// Bagian Home

if ($_GET[module]=='home'){

if ($_SESSION['leveluser']=='admin'){ echo "<h2>Selamat Datang</h2>

<p>Hai <b>$_SESSION[namalengkap]</b>, selamat datang di halaman Administrator.<br> Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola content website. </p>

<p align=right>Login : $hari_ini, "; echo tgl_indo(date("Y m d"));

echo " | ";

echo date("H:i:s"); echo " WIB</p>"; }

}

// Bagian Modul

elseif ($_GET[module]=='modul'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_modul/modul.php"; }

}

// Bagian kelas

elseif ($_GET[module]=='kelas'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_kelas/kelas.php"; }

}

// Bagian tiket

elseif ($_GET[module]=='tiket'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_tiket/tiket.php"; }

}

elseif ($_GET[module]=='jadwal'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_jadwal/jadwal.php"; }

}

// Bagian Order

elseif ($_GET[module]=='order'){

(3)

}

// Bagian Profil

elseif ($_GET[module]=='profil'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_profil/profil.php"; }

}

// Bagian Order

elseif ($_GET[module]=='hubungi'){ if ($_SESSION['leveluser']=='admin'){ include "modul/mod_hubungi/hubungi.php"; }

}

// Bagian Cara Pembelian

elseif ($_GET[module]=='carapesan'){ if ($_SESSION['leveluser']=='admin'){

include "modul/mod_carapesan/carapesan.php"; }

}

// Bagian Banner

elseif ($_GET[module]=='banner'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_banner/banner.php"; }

}

// Bagian Kota/Ongkos Kirim

elseif ($_GET[module]=='ongkoskirim'){ if ($_SESSION['leveluser']=='admin'){

include "modul/mod_ongkoskirim/ongkoskirim.php"; }

}

// Bagian Password

elseif ($_GET[module]=='password'){ if ($_SESSION['leveluser']=='admin'){

include "modul/mod_password/password.php"; }

}

// Bagian Laporan

elseif ($_GET[module]=='laporan'){ if ($_SESSION['leveluser']=='admin'){ include "modul/mod_laporan/laporan.php"; }

}

// Bagian YM

elseif ($_GET[module]=='ym'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_ym/ym.php"; }

}

(4)

elseif ($_GET[module]=='download'){ if ($_SESSION['leveluser']=='admin'){

include "modul/mod_download/download.php"; }

}

// Apabila modul tidak ditemukan else{

echo "<p><b>MODUL BELUM ADA ATAU BELUM LENGKAP</b></p>"; }

?>

4. indeks.php

<title>CV TAO TOBA INDAH</title> <script language="javascript"> function validasi(form){

if (form.username.value == ""){

alert("Anda belum mengisikan Username."); form.username.focus();

return (false); }

if (form.password.value == ""){

alert("Anda belum mengisikan Password."); form.password.focus();

return (false); }

return (true); }

</script>

<h2>Login</h2>

<table>

<tr><td>Username</td><td> : <input type="text" name="username"></td></tr>

<tr><td>Password</td><td> : <input type="password" name="password"></td></tr>

</form>

(5)

</body> </html>

5. logout.php

<?php

session_start(); session_destroy();

echo "<script>alert('Anda telah keluar dari Halaman Administrator'); window.location = '../index.php'</script>";

?>

6. media.php

<?php

error_reporting(0);

session_start();

if (empty($_SESSION[username]) AND empty($_SESSION[passuser])){ echo "<link href='style.css' rel='stylesheet' type='text/css'> <center>Untuk mengakses modul, Anda harus login <br>";

echo "<a href=index.php><b>LOGIN</b></a></center>"; }

else{ ?>

plugins : 'style,layer,table,save,advhr,advimage, ...', themes : 'simple,advanced',

languages : 'en', disk_cache : true, debug : false });

</script>

mode : "textareas", theme : "advanced",

plugins :

"table,youtube,advhr,advimage,advlink,emotions,flash,searchreplace ,paste,directionality,noneditable,contextmenu",

theme_advanced_buttons1_add :

"fontselect,fontsizeselect",

theme_advanced_buttons2_add :

"separator,preview,zoom,separator,forecolor,backcolor,liststyle", theme_advanced_buttons2_add_before:

"cut,copy,paste,separator,search,replace,separator",

theme_advanced_buttons3_add_before :

"tablecontrols,separator,youtube,separator",

theme_advanced_buttons3_add : "emotions,flash", theme_advanced_toolbar_location : "top",

theme_advanced_toolbar_align : "left",

(6)

extended_valid_elements : "hr[class|width|size|noshade]",

file_browser_callback : "fileBrowserCallBack", paste_use_dialog : false,

theme_advanced_resizing : true,

theme_advanced_resize_horizontal : false,

theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My somthing3;",

apply_source_formatting : true });

function fileBrowserCallBack(field_name, url, type, win) {

var connector =

"../../filemanager/browser.html?Connector=connectors/php/connector .php";

var enableAutoTypeSelection = true;

var cType;

tinymcpuk_field = field_name; tinymcpuk = win;

switch (type) { case "image":

cType = "Image"; break;

case "flash":

cType = "Flash"; break;

case "file":

cType = "File"; break;

}

if (enableAutoTypeSelection && cType) { connector += "&Type=" + cType; }

window.open(connector, "tinymcpuk", "modal,width=600,height=400");

} </script>

<body>

<li><a href=logout.php>» Logout</a></li> </ul>

<?php include "content.php"; ?> </div>

(7)

</div> </div>

</body> </html> <?php } ?>

7. menu.php

<?php

include "../config/koneksi.php";

if ($_SESSION[leveluser]=='admin'){

$sql=mysql_query("select * from modul where aktif='Y' order by urutan");

} else{

$sql=mysql_query("select * from modul where status='user' and aktif='Y' order by urutan");

}

while ($m=mysql_fetch_array($sql)){

echo "<li><a href='$m[link]'>» $m[nama_modul]</a></li>"; }

?>

8. style.css

body{

font-family: Tahoma; text-align: center;

}

#header {

position: relative;

background-image: url(images/header.jpg); background-repeat: no-repeat;

margin-right: auto; margin-left: auto; width: 1100px;

border: 2px solid #0284b5; padding-top: 120px;

text-align: left; }

#content {

margin-left: 100px; padding: 20px 20px 0 0;

}

#content p {

font-size: 100%; line-height: 1.8em; padding-left: 2em; }

(8)

position: relative; float: left;

top: 30px; left: 0; width: 190px; }

#menu ul {

list-style: none; margin: 0;

padding: 0; border: none; }

#menu li {

width: 180px;

border-bottom: 1px solid #969BA5; margin: 0;

padding: 0; font-size: 80%;

vertical-align: bottom; }

#menu a:link, #menu a:visited { display: block;

padding: 5px 5px 5px 0.5em; border-left: 12px solid #0284b5; border-right: 1px solid #0284b5; background-color: #e8f7fc;

color: #0284b5;

text-decoration: none; }

#menu a:hover {

background-color: #0284b5; color: #FFFFFF;

}

a:link,a:visited { color:#0284b5; }

a:hover {

color: #FF6600;

text-decoration:none; }

h2 {

font: normal 120% Georgia; color: #0284b5;

background-color: transparent; border-bottom: 1px dotted #0284b5; }

table {

font-family: Tahoma; font-size: 8pt;

border-width: 1px; border-style: solid; border-color: #999999; border-collapse: collapse; margin: 10px 0px;

} th{

(9)

text-transform: uppercase; text-align: center;

padding: 0.5em; border-width: 1px; border-style: solid; border-color: #969BA5; border-collapse: collapse; background-color: #0284b5; }

td{

padding: 0.5em; vertical-align: top; border-width: 1px; border-style: solid; border-color: #969BA5; border-collapse: collapse; }

input,textarea,select{ font-family: Tahoma; font-size: 8pt;

}

#paging{

font-family: Tahoma; font-size: 8pt; }

#footer{

clear :both;

padding: 20px 0 10px 255px; font-size: 70%;

color: #0085b4;

background-color: #e8f7fc; }

9. class_paging.php

<?php

// class paging untuk halaman administrator class Paging{

// Fungsi untuk mencek halaman dan posisi data function cariPosisi($batas){

if(empty($_GET[halaman])){ $posisi=0;

$_GET[halaman]=1; }

else{

$posisi = ($_GET[halaman]-1) * $batas; }

return $posisi; }

// Fungsi untuk menghitung total halaman function jumlahHalaman($jmldata, $batas){ $jmlhalaman = ceil($jmldata/$batas); return $jmlhalaman;

}

(10)

// Link halaman 1,2,3, ...

for ($i=1; $i<=$jmlhalaman; $i++){ if ($i == $halaman_aktif){

$link_halaman .= "<b>$i</b> | "; }

else{

$link_halaman .= "<a

href=$_SERVER[PHP_SELF]?module=$_GET[module]&halaman=$i>$i</a> | ";

}

$link_halaman .= " "; }

return $link_halaman; }

}

// class paging untuk halaman produk (menampilkan semua produk) class Paging2{

if(empty($_GET[halproduk])){ $posisi=0;

$_GET[halproduk]=1; }

else{

$posisi = ($_GET[halproduk]-1) * $batas; }

return $posisi; }

}

// Fungsi untuk link halaman 1,2,3

function navHalaman($halaman_aktif, $jmlhalaman){ $link_halaman = "";

else{

$link_halaman .= "<a href=halproduk-$i.html>$i</a> | "; }

}

// class paging untuk halaman kategori (menampilkan semua kategori)

(11)

if(empty($_GET['halkategori'])){ $posisi=0;

$_GET['halkategori']=1; }

else{

$posisi = ($_GET['halkategori']-1) * $batas; }

return $posisi; }

}

else{

$link_halaman .= "<a href=halkategori-$_GET[id]-$i.html>$i</a> | ";

}

// class paging untuk halaman agenda (menampilkan semua agenda) class Paging4{

if(empty($_GET[halagenda])){ $posisi=0;

$_GET[halagenda]=1; }

else{

$posisi = ($_GET[halagenda]-1) * $batas; }

return $posisi; }

}

(12)

$link_halaman = "";

else{

$link_halaman .= "<a href=halagenda-$i.html>$i</a> | "; }

}

// class paging untuk halaman download (menampilkan semua download)

class Paging5{

if(empty($_GET[haldownload])){ $posisi=0;

$_GET[haldownload]=1; }

else{

$posisi = ($_GET[haldownload]-1) * $batas; }

return $posisi; }

}

else{

$link_halaman .= "<a href=haldownload-$i.html>$i</a> | "; }

}

(13)

10. fungsi_badword.php

<?php

function sensor($teks){

$w = mysql_query("SELECT * FROM katajelek"); while ($r = mysql_fetch_array($w)){

$teks = str_ireplace($r[kata], $r[ganti], $teks); }

return $teks; }

?>

11. fungsi_combobox.php

<?php

function combotgl($awal, $akhir, $var, $terpilih){ echo "<select name=$var>";

for ($i=$awal; $i<=$akhir; $i++){ $lebar=strlen($i);

switch($lebar){ case 1:

{

$g="0".$i; break; }

case 2: {

$g=$i; break; }

}

if ($i==$terpilih)

echo "<option value=$g selected>$g</option>"; else

echo "<option value=$g>$g</option>"; }

echo "</select> "; }

function combobln($awal, $akhir, $var, $terpilih){ echo "<select name=$var>";

for ($bln=$awal; $bln<=$akhir; $bln++){ $lebar=strlen($bln);

switch($lebar){ case 1:

{

$b="0".$bln; break; }

case 2: {

$b=$bln; break; }

}

if ($bln==$terpilih)

echo "<option value=$b selected>$b</option>"; else

(14)

function combothn($awal, $akhir, $var, $terpilih){ echo "<select name=$var>";

for ($i=$awal; $i<=$akhir; $i++){ if ($i==$terpilih)

echo "<option value=$i selected>$i</option>"; else

echo "<option value=$i>$i</option>"; }

function combonamabln($awal, $akhir, $var, $terpilih){

$nama_bln=array(1=> "Januari", "Februari", "Maret", "April", "Mei",

"Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"); echo "<select name=$var>";

for ($bln=$awal; $bln<=$akhir; $bln++){ if ($bln==$terpilih)

echo "<option value=$bln

selected>$nama_bln[$bln]</option>"; else

echo "<option value=$bln>$nama_bln[$bln]</option>"; }

?>

12. fungsi_indotgl.php

<?php

function tgl_indo($tgl){

$tanggal = substr($tgl,8,2);

$bulan = getBulan(substr($tgl,5,2)); $tahun = substr($tgl,0,4);

return $tanggal.' '.$bulan.' '.$tahun; }

function getBulan($bln){

switch ($bln){ case 1:

return "Januari"; break;

case 2:

return "Februari"; break;

case 3:

return "Maret"; break;

case 4:

return "April"; break;

case 5:

return "Mei"; break;

(15)

return "Juni"; break;

case 7:

return "Juli"; break;

case 8:

return "Agustus"; break;

case 9:

return "September"; break;

case 10:

return "Oktober"; break;

case 11:

return "November"; break;

case 12:

return "Desember"; break;

} } ?>

13. fungsi_rupiah.php

<?php

function format_rupiah($angka){

$rupiah=number_format($angka,0,',','.'); return $rupiah;

} ?>

14. fungsi_seo.php

<?php

function seo_title($s) { $c = array (' ');

$d = array

('-','/','\\',',','.','#',':',';','\'','"','[',']','{','}',')','(','| ','`','~','!','@','%','$','^','&','*','=','?','+');

$s = str_replace($d, '', $s); // Hilangkan karakter yang telah disebutkan di array $d

$s = strtolower(str_replace($c, '-', $s)); // Ganti spasi dengan tanda - dan ubah hurufnya menjadi kecil semua

return $s; }

(16)

15. fungsi_thumb.php

<?php

function UploadImage($fupload_name){ //direktori gambar

$vdir_upload = "../../../foto_produk/";

$vfile_upload = $vdir_upload . $fupload_name;

//Simpan gambar dalam ukuran sebenarnya

move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);

//identitas file asli

$im_src = imagecreatefromjpeg($vfile_upload); $src_width = imageSX($im_src);

$src_height = imageSY($im_src);

//Simpan dalam versi small 110 pixel //Set ukuran gambar hasil perubahan $dst_width = 55;

$dst_height = ($dst_width/$src_width)*$src_height;

//proses perubahan ukuran

$im = imagecreatetruecolor($dst_width,$dst_height);

imagecopyresampled($im, $im_src, 0, 0, 0, 0, $dst_width, $dst_height, $src_width, $src_height);

//Simpan gambar

imagejpeg($im,$vdir_upload . "small_" . $fupload_name);

//Hapus gambar di memori komputer imagedestroy($im_src);

imagedestroy($im); }

function UploadBanner($fupload_name){ //direktori banner

$vdir_upload = "../../../foto_banner/";

}

function UploadFile($fupload_name){ //direktori file

$vdir_upload = "../../../files/";

}

(17)

16. koneksi.php

<?php

$server = "localhost"; $username = "root"; $password = "";

$database = "dbkaruniabakti";

// Koneksi dan memilih database di server

mysql_connect($server,$username,$password) or die("Koneksi gagal");

mysql_select_db($database) or die("Database tidak bisa dibuka"); ?>

17. liblary.php

<?php

//date_default_timezone_set('Asia/Jakarta'); // PHP 6 mengharuskan penyebutan timezone.

$seminggu =

array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu"); $hari = date("w");

$hari_ini = $seminggu[$hari];

$tgl_sekarang = date("Ymd"); $tgl_skrg = date("d"); $bln_sekarang = date("m"); $thn_sekarang = date("Y"); $jam_sekarang = date("H:i:s");

$nama_bln=array(1=> "Januari", "Februari", "Maret", "April", "Mei",

"Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"); ?>

18. aksi.php

<?php

session_start(); error_reporting(0);

include "config/koneksi.php"; include "config/library.php";

$module=$_GET[module]; $act=$_GET[act];

if ($module=='keranjang' AND $act=='tambah'){

$sid = session_id();

//$sql2 = mysql_query("SELECT stok FROM produk WHERE id_produk='$_GET[id]'");

//$r=mysql_fetch_array($sql2); //$stok=$r[stok];

//if ($stok == 0){

// echo "stok habis"; //}

//else{

(18)

// in cart table for this session

$sql = mysql_query("SELECT id_tiket FROM orders_temp

WHERE id_tiket='$_GET[id]' AND

id_session='$sid'");

$ketemu=mysql_num_rows($sql); if ($ketemu==0){

// put the product in cart table

mysql_query("INSERT INTO orders_temp (id_tiket, jumlah, id_session, tgl_order_temp, jam_order_temp)

VALUES ('$_GET[id]', 1, '$sid', '$tgl_sekarang', '$jam_sekarang')");

} else {

// update product quantity in cart table mysql_query("UPDATE orders_temp

SET jumlah = jumlah + 1

WHERE id_session ='$sid' AND

id_tiket='$_GET[id]'"); }

deleteAbandonedCart();

header('Location:keranjang-belanja.html'); // }

}

elseif ($module=='keranjang' AND $act=='hapus'){

mysql_query("DELETE FROM orders_temp WHERE id_orders_temp='$_GET[id]'");

header('Location:keranjang-belanja.html');

}

elseif ($module=='keranjang' AND $act=='update'){ $id = $_POST[id];

$jml_data = count($id);

$jumlah = $_POST[jml]; // quantity for ($i=1; $i <= $jml_data; $i++){

if($jumlah[$i] == 0){

echo "<script>window.alert('Anda tidak boleh menginputkan angka 0 atau mengkosongkannya!');

window.location=('keranjang-belanja.html')</script>"; }

else{

mysql_query("UPDATE orders_temp SET jumlah = '".$jumlah[$i]."'

WHERE id_orders_temp = '".$id[$i]."'");

header('Location:keranjang-belanja.html'); }

} }

/*

Delete all cart entries older than one day */

function deleteAbandonedCart(){

(19)

mysql_query("DELETE FROM orders_temp

WHERE tgl_order_temp < '$kemarin'"); }

?>

19. breadcrumb.php

<?php

if($_GET['module']=='home'){

echo "<span class='current'>Home</span>"; }

elseif($_GET['module']=='profilkami'){

echo "<span class='current'>Profil</span>"; }

elseif($_GET['module']=='carabeli'){

echo "<span class='current'>Cara Pembelian</span>"; }

elseif($_GET['module']=='semuaproduk'){

echo "<span class='current'>Semua Produk</span>"; }

elseif($_GET['module']=='keranjangbelanja'){

echo "<span class='current'>Keranjang Belanja</span>"; }

elseif($_GET['module']=='hubungikami'){

echo "<span class='current'>Hubungi Kami</span>"; }

elseif($_GET['module']=='hubungiaksi'){

echo "<span class='current'>Hubungi Kami</span>"; }

elseif($_GET['module']=='hasilcari'){

echo "<span class='current'>Hasil Pencarian</span>"; }

elseif($_GET['module']=='selesaibelanja'){

echo "<span class='current'>Data Pembeli</span>"; }

elseif($_GET['module']=='simpantransaksi'){

echo "<span class='current'>Transaksi Selesai</span>"; }

elseif($_GET['module']=='simpantransaksimember'){

echo "<span class='current'>Transaksi Selesai</span>"; }

elseif($_GET['module']=='lupapassword'){

echo "<span class='current'>Lupa Password</span>"; }

elseif($_GET['module']=='detailproduk'){

$detail =mysql_query("SELECT * FROM produk,kategori WHERE

kategori.id_kategori=produk.id_kategori

AND id_produk='$_GET[id]'"); $d = mysql_fetch_array($detail);

echo "<span class=judul_head><a href='home'>Home</a> »

<a

href=kategori-$d[id_kategori]-$d[kategori_seo].html>$d[nama_kategori]</a> » $d[nama_produk]</span>";

}

elseif($_GET['module']=='detailkategori'){

$detail =mysql_query("SELECT nama_kategori from kategori where id_kategori='$_GET[id]'");

(20)

echo "<span class=judul_head><a href='home'>Home</a> » $d[nama_kategori]</span>";

} ?>

20. button.css

a.button, input.button { font-size: 1em !important; text-decoration: none; cursor: pointer;

display: inline-block; position: relative; font-weight: bold; padding: .4em 1.25em; color: #e5ffff;

-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;

text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);

-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); background: #3ba4c7;

background: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#1982a5));

background: -webkit-linear-gradient(#3ba4c7, #1982a5);

background-image: -moz-linear-gradient(top, #3ba4c7, #1982a5); background-image: -moz-gradient(top, #3ba4c7, #1982a5);

border: 1px solid #004f72; }

a.button:hover, input.button:hover { background: #3ba4c7;

background: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#319abd));

background: -webkit-linear-gradient(#3ba4c7, #319abd);

background-image: -moz-linear-gradient(top, #3ba4c7, #319abd); background-image: -moz-gradient(top, #3ba4c7, #319abd);

}

a.button:active, input.button:active { top: 1px;

background: #319abd;

background: -webkit-gradient(linear, left top, left bottom, from(#319abd), to(#3ba4c7));

background: -webkit-linear-gradient(#319abd, #3ba4c7);

background-image: -moz-linear-gradient(top, #319abd, #3ba4c7); background-image: -moz-gradient(top, #319abd, #3ba4c7);

-webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;

-moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;

box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;

(21)

21. chaptcha.php

<?php

session_start();

header("Content-type: image/png");

$captcha_image = imagecreatefrompng("counter/captcha.png"); $captcha_font = imageloadfont("counter/font.gdf");

$captcha_text = substr(md5(uniqid('')),-6,6);

$_SESSION['captcha_session'] = $captcha_text;

$captcha_color = imagecolorallocate($captcha_image,0,0,0);

imagestring($captcha_image,$captcha_font,15,5,$captcha_text,$captc ha_color);

imagepng($captcha_image); imagedestroy($captcha_image); ?>

22. cetak.php

<?php

error_reporting(0); session_start();

include "config/koneksi.php"; include "pdf/fpdf.php";

function format_rupiah($angka){

$rupiah=number_format($angka,0,',','.'); return $rupiah;

}

$pdf = new FPDF(); $pdf->AddPage();

$pdf->setFont('Arial','B',16);

$pdf->setXY(20,10); $pdf->cell(30,6,'Bukti Transaksi Pemesanan Tiket CV. Tao Toba Indah');

$pdf->setFont('Arial','B',10);

$sql = mysql_query("SELECT * FROM

orders_detail,tiket,orders,kustomer WHERE orders_detail.id_tiket=tiket.id_tiket

AND orders.id_orders=orders_detail.id_orders

AND orders.id_kustomer=kustomer.id_kustomer

AND orders.id_orders='$_GET[id]'"); $data = mysql_fetch_array($sql);

$pdf->setXY(20,20); $pdf->cell(50,6,'Nama ');$pdf->cell(50,6,': '.$data[nama_lengkap]);

$pdf->setXY(20,26); $pdf->cell(50,6,'Alamat ');$pdf->cell(50,6,': '.$data[alamat]);

$pdf->setXY(20,32); $pdf->cell(50,6,'Telpon');$pdf->cell(50,6,': '.$data[telpon]);

$pdf->setXY(20,38); $pdf->cell(50,6,'No Orders ');$pdf->cell(50,6,': '.$_GET[id]);

(22)

$y_initial = 58; $y_axis1 = 52;

$pdf->setFont('Arial','',10); $pdf->setFillColor(233,233,233); $pdf->setY($y_axis1);

$pdf->setX(20);

$pdf->cell(7,6,'NO',1,0,'C',1); $pdf->cell(30,6,'TIKET',1,0,'C',1); $pdf->cell(20,6,'JUMLAH',1,0,'C',1); $pdf->cell(30,6,'NO KURSI',1,0,'C',1); $pdf->cell(30,6,'HARGA',1,0,'C',1); $pdf->cell(30,6,'SUB TOTAL',1,0,'C',1); $y = $y_initial + $row;

$sql2 = mysql_query("SELECT * FROM

orders_detail,tiket,orders,kustomer WHERE orders_detail.id_tiket=tiket.id_tiket

AND orders.id_orders=orders_detail.id_orders

AND orders.id_kustomer=kustomer.id_kustomer

AND orders.id_orders='$_GET[id]'"); $no = 0;

$row = 6; $nokursi = "";

$s2=mysql_query("SELECT dk.no_kursi FROM detail_kursi dk,orders_detail od,orders o where od.id_orders=dk.id_orders and o.id_orders=od.id_orders and o.id_orders='$_GET[id]' ORDER BY dk.no_kursi");

while ($r2=mysql_fetch_array($s2)){ $nokursi .= $r2['no_kursi'].","; }

while ($data2 = mysql_fetch_array($sql2)) {

$subtotal = ($data2[harga_tiket]) * $data2[jumlah];

$total = $subtotal;

$subtotal_rp = format_rupiah($subtotal); $total_rp = format_rupiah($total);

$harga = format_rupiah($data2[harga_tiket]); $no++;

$pdf->setY($y); $pdf->setX(20);

$pdf->cell(7,6,$no,1,0,'C');

$pdf->cell(30,6,$data2['kode_bus'],1,0,'L'); $pdf->cell(20,6,$data2['jumlah'],1,0,'C'); $pdf->cell(30,6,$nokursi,1,0,'C');

$pdf->cell(30,6,$harga,1,0,'C');

$pdf->cell(30,6,$subtotal_rp,1,0,'R'); $y = $y + $row;

}

$pdf->setXY(135,$y+5);

$pdf->cell(30,6,'Total : Rp. '.$total_rp); $tgl = date("d-m-Y H:m:i");

$pdf->setXY(20,$y+10);

(23)

?>

23. db_taotoba.sql

-- phpMyAdmin SQL Dump -- version 3.5.2

-- http://www.phpmyadmin.net --

-- Host: localhost

-- Generation Time: Jul 07, 2017 at 05:27 PM -- Server version: 5.5.25a

-- PHP Version: 5.4.4

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO"; SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;

/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8 */;

--

-- Database: `dbkaruniabakti` --

-- ---

--

-- Table structure for table `admins` --

CREATE TABLE IF NOT EXISTS `admins` (

`username` varchar(50) COLLATE latin1_general_ci NOT NULL, `password` varchar(50) COLLATE latin1_general_ci NOT NULL, `nama_lengkap` varchar(100) COLLATE latin1_general_ci NOT NULL, `email` varchar(100) COLLATE latin1_general_ci NOT NULL,

`no_telp` varchar(20) COLLATE latin1_general_ci NOT NULL,

`level` varchar(20) COLLATE latin1_general_ci NOT NULL DEFAULT 'user',

`blokir` enum('Y','N') COLLATE latin1_general_ci NOT NULL DEFAULT 'N',

PRIMARY KEY (`username`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

--

-- Dumping data for table `admins` --

INSERT INTO àdmins` (ùsername`, `password`, `nama_lengkap`, èmail`, `no_telp`, `level`, `blokir`) VALUES

('admin', '21232f297a57a5a743894a0e4a801fc3', 'Administrator', 'admin@karuniabakti.com', '085123456789', 'admin', 'N');

-- ---

--

(24)

--

CREATE TABLE IF NOT EXISTS `detail_kursi` ( `id` int(11) NOT NULL AUTO_INCREMENT, `id_orders` int(11) NOT NULL,

`id_tiket` int(11) NOT NULL, `no_kursi` int(11) NOT NULL, PRIMARY KEY (`id`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=48 ;

--

-- Dumping data for table `detail_kursi` --

INSERT INTO `detail_kursi` (ìd`, ìd_orders`, ìd_tiket`, `no_kursi`) VALUES

(25)

(45, 34, 6, 24), (46, 35, 17, 1), (47, 35, 17, 2);

-- ---

--

-- Table structure for table `hubungi` --

CREATE TABLE IF NOT EXISTS `hubungi` (

`id_hubungi` int(5) NOT NULL AUTO_INCREMENT,

`nama` varchar(50) COLLATE latin1_general_ci NOT NULL, `email` varchar(100) COLLATE latin1_general_ci NOT NULL, `subjek` varchar(100) COLLATE latin1_general_ci NOT NULL, `pesan` text COLLATE latin1_general_ci NOT NULL,

`tanggal` date NOT NULL, PRIMARY KEY (`id_hubungi`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=15 ;

--

-- Dumping data for table `hubungi` --

INSERT INTO `hubungi` (`id_hubungi`, `nama`, `email`, `subjek`, `pesan`, `tanggal`) VALUES

(13, 'tes', 'tes@yahoo.com', 'testis', 'oke testis', '2013-10-23'),

(14, 'Ariyogi H Sihite', 'ariyogi.1000@gmail.com', 'lapor', 'bus nya lambat kali pun', '2017-07-03');

-- ---

--

-- Table structure for table `jadwal` --

CREATE TABLE IF NOT EXISTS `jadwal` (

`id_jadwal` int(11) NOT NULL AUTO_INCREMENT, `tujuan` varchar(30) NOT NULL,

`jam` varchar(10) NOT NULL, PRIMARY KEY (`id_jadwal`)

--

-- Dumping data for table `jadwal` --

INSERT INTO `jadwal` (`id_jadwal`, `tujuan`, `jam`) VALUES (1, 'aceh', '06.00'),

(2, 'Padang', '06.00'), (3, 'Medan', '06.00'), (8, 'Medan', '08.00');

-- ---

--

(26)

--

CREATE TABLE IF NOT EXISTS `kelas` (

`id_kelas` int(5) NOT NULL AUTO_INCREMENT,

`nama_kelas` varchar(100) COLLATE latin1_general_ci NOT NULL, `jumlah_kursi` int(11) NOT NULL,

PRIMARY KEY (`id_kelas`)

--

-- Dumping data for table `kelas` --

INSERT INTO `kelas` (`id_kelas`, `nama_kelas`, `jumlah_kursi`) VALUES

(1, 'Ekonomi', 20), (2, 'Starwagon', 18), (4, 'Sparta', 15), (8, 'Executif', 10);

-- ---

--

-- Table structure for table `kustomer` --

CREATE TABLE IF NOT EXISTS `kustomer` (

`id_kustomer` int(5) NOT NULL AUTO_INCREMENT,

`password` varchar(50) COLLATE latin1_general_ci NOT NULL, `nama_lengkap` varchar(100) COLLATE latin1_general_ci NOT NULL, `alamat` text COLLATE latin1_general_ci NOT NULL,

`email` varchar(100) COLLATE latin1_general_ci NOT NULL, `telpon` varchar(20) COLLATE latin1_general_ci NOT NULL, PRIMARY KEY (`id_kustomer`)

--

-- Dumping data for table `kustomer` --

INSERT INTO `kustomer` (ìd_kustomer`, `password`, `nama_lengkap`, àlamat`, èmail`, `telpon`) VALUES

(1, '7815696ecbf1c96e6894b779456d330e', 'asd', 'asd', 'akang@yahoo.com', '123'),

(3, '47bce5c74f589f4867dbd57e9ca9f808', 'aaa', 'aaa', 'aaa@gmail.com', '111'),

(4, 'e10adc3949ba59abbe56e057f20f883e', 'irham miftah', 'Tasikmalaya', 'irman_ef@yahoo.com', '2039384'),

(5, 'f561aaf6ef0bf14d4208bb46a4ccb3ad', 'xxx', 'xxx', 'xxx4@yahoo.com', '111'),

(6, '7815696ecbf1c96e6894b779456d330e', 'asd', 'asd', 'asd@asd.com', '123'),

(8, '61bcf60d56ac3f6351acdd957849c20b', 'codet', 'codet rock city', 'codet@yahoo.com', '123456'),

(27)

(10, 'ae715891160580bd65826a20d69d8d96', 'codet2', 'Tasikmalaya', 'codet2@yahoo.com', '123456'),

(11, '202cb962ac59075b964b07152d234b70', 'Ariyogi H Sihite', 'medan', 'ariyogi.1000@gmail.com', '081265807384'),

(12, '202cb962ac59075b964b07152d234b70', 'Ahok', 'Belitung', 'ahok@gmail.com', '081345546511'),

(13, '202cb962ac59075b964b07152d234b70', 'Ardi', 'medan', 'arjuna@gmail.com', '081345546511');

-- ---

--

-- Table structure for table `modul` --

CREATE TABLE IF NOT EXISTS `modul` (

`id_modul` int(5) NOT NULL AUTO_INCREMENT,

`nama_modul` varchar(50) COLLATE latin1_general_ci NOT NULL, `link` varchar(100) COLLATE latin1_general_ci NOT NULL, `static_content` text COLLATE latin1_general_ci NOT NULL, `gambar` varchar(100) COLLATE latin1_general_ci NOT NULL,

`status` enum('user','admin') COLLATE latin1_general_ci NOT NULL,

`aktif` enum('Y','N') COLLATE latin1_general_ci NOT NULL, `urutan` int(5) NOT NULL,

PRIMARY KEY (`id_modul`)

--

-- Dumping data for table `modul` --

INSERT INTO `modul` (ìd_modul`, `nama_modul`, `link`, `static_content`, `gambar`, `status`, àktif`, ùrutan`) VALUES (18, 'Tiket', '?module=tiket', '', '', 'admin', 'Y', 5),

(42, 'Pesanan Tiket', '?module=order', '', '', 'admin', 'Y', 7), (10, 'Manajemen Modul', '?module=modul', '', '', 'admin', 'N', 3), (31, 'Kelas', '?module=kelas', '', '', 'admin', 'Y', 4),

(43, 'Profil', '?module=profil', '<strong>PO Karunia Bakti</strong> merupakan perusahaan otobis yang beralamat di Tasikmalaya.\r\n', 'gedung.jpg', 'admin', 'Y', 2),

(44, 'Hubungi Kami', '?module=hubungi', '', '', 'admin', 'Y', 9), (45, 'Cara Pemesanan', '?module=carapesan', '<ol>\r\n <li>Tentukan tanggal keberangkatan dan jenis bis yang akan anda pesan.</li>\r\n

<li>Pilih jadwal keberangkatan yang tersedia.</li>\r\n <li>Jika sudah selesai, maka akan tampil form untuk pengisian data kustomer/pemesan.</li>\r\n <li>Setelah data pemesan selesai diisikan, klik tombol <span style="font-weight: bold">Proses</span>, maka akan tampil data pemesan beserta tiket yang dipesannya (jika diperlukan catat nomor tiketnya). Dan juga ada total pembayaran serta nomor rekening pembayaran.</li>\r\n

<li>Apabila telah melakukan pembayaran, maka tiket sudah dapat dicetak oleh pemesanan. </li>\r\n</ol>\r\n', 'gedung.jpg', 'admin', 'Y', 8),

(58, 'Jadwal', '?module=jadwal', '', '', 'admin', 'Y', 6),

(28)

(49, 'Ganti Password', '?module=password', '', '', 'user', 'Y', 1),

(52, 'Laporan', '?module=laporan', '', '', 'user', 'Y', 11);

-- ---

--

-- Table structure for table `orders` --

CREATE TABLE IF NOT EXISTS `orders` (

`id_orders` int(5) NOT NULL AUTO_INCREMENT,

`status_order` varchar(50) COLLATE latin1_general_ci NOT NULL DEFAULT 'Lunas',

`tgl_order` date NOT NULL, `jam_order` time NOT NULL, `id_kustomer` int(5) NOT NULL, PRIMARY KEY (`id_orders`)

--

-- Dumping data for table `orders` --

INSERT INTO òrders` (ìd_orders`, `status_order`, `tgl_order`, `jam_order`, ìd_kustomer`) VALUES

(1, 'Lunas', '2013-10-23', '21:32:54', 1), (2, 'Lunas', '2013-10-23', '21:34:03', 1), (4, 'Lunas', '2013-10-23', '21:36:52', 3), (24, 'Lunas', '2013-11-15', '17:06:57', 10), (23, 'Lunas', '2013-11-15', '17:01:56', 3), (22, 'Lunas', '2013-11-15', '16:51:07', 3), (21, 'Lunas', '2013-11-15', '16:50:30', 3), (20, 'Lunas', '2013-11-15', '16:43:16', 3), (19, 'Lunas', '2013-11-15', '16:38:04', 3), (18, 'Lunas', '2013-11-15', '16:37:02', 3), (25, 'Lunas', '2013-11-15', '04:14:43', 3), (26, 'Lunas', '2017-07-03', '17:16:20', 11), (27, 'Lunas', '2017-07-04', '17:06:24', 11), (28, 'Lunas', '2017-07-06', '06:39:16', 11), (29, 'Lunas', '2017-07-06', '06:42:25', 12), (30, 'Lunas', '2017-07-06', '06:44:55', 12), (31, 'Lunas', '2017-07-06', '06:46:00', 11), (32, 'Lunas', '2017-07-06', '06:46:55', 12), (33, 'Lunas', '2017-07-06', '06:49:17', 12), (34, 'Lunas', '2017-07-06', '06:52:25', 12), (35, 'Lunas', '2017-07-07', '09:12:14', 13);

-- ---

--

-- Table structure for table `orders_detail` --

CREATE TABLE IF NOT EXISTS `orders_detail` ( `id_orders` int(5) NOT NULL,

(29)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

--

-- Dumping data for table `orders_detail` --

INSERT INTO òrders_detail` (ìd_orders`, ìd_tiket`, `jumlah`) VALUES

(1, 2, 2), (2, 8, 5), (4, 6, 3), (22, 5, 2), (21, 2, 3), (20, 2, 3), (19, 2, 2), (18, 2, 3), (23, 2, 3), (24, 8, 2), (25, 8, 2), (26, 8, 1), (27, 6, 1), (28, 6, 4), (29, 6, 2), (30, 6, 5), (31, 6, 5), (32, 6, 5), (33, 6, 2), (34, 8, 3), (34, 6, 1), (35, 17, 2);

-- ---

--

-- Table structure for table `orders_temp` --

CREATE TABLE IF NOT EXISTS `orders_temp` (

`id_orders_temp` int(5) NOT NULL AUTO_INCREMENT, `id_tiket` int(5) NOT NULL,

`id_session` varchar(100) COLLATE latin1_general_ci NOT NULL, `jumlah` int(5) NOT NULL,

`tgl_order_temp` date NOT NULL, `jam_order_temp` time NOT NULL, PRIMARY KEY (`id_orders_temp`)

-- ---

--

-- Table structure for table `tiket` --

CREATE TABLE IF NOT EXISTS `tiket` (

`id_tiket` int(11) NOT NULL AUTO_INCREMENT, `kode_bus` varchar(30) NOT NULL,

(30)

`tujuan` varchar(30) NOT NULL, `jam` varchar(10) NOT NULL, PRIMARY KEY (`id_tiket`)

--

-- Dumping data for table `tiket` --

INSERT INTO `tiket` (`id_tiket`, `kode_bus`, `id_kelas`, `harga_tiket`, `tujuan`, `jam`) VALUES

(18, 'arga', 1, 5000, 'Medan', '06.00'), (19, 'oh', 8, 50000, 'Parapat', '07.00');

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

24. aksi_carapesan.php

<?php

session_start();

if (empty($_SESSION['username']) AND

empty($_SESSION['passuser'])){

echo "<link href='style.css' rel='stylesheet' type='text/css'> <center>Untuk mengakses modul, Anda harus login <br>";

echo "<a href=../../index.php><b>LOGIN</b></a></center>"; }

else{

include "../../../config/koneksi.php";

$module=$_GET[module]; $act=$_GET[act];

// Update cara pempesanan

if ($module=='carapesan' AND $act=='update'){

mysql_query("UPDATE modul SET static_content = '$_POST[isi]' WHERE id_modul = '$_POST[id]'"); header('location:../../media.php?module='.$module);

} } ?>

25. kanan.php

<div class="title_box">Alamat Kantor</div> <div class="border_box">

<?php

echo "<br /><p>Jl. Sisingamangaraja XII No.15 B Medan Amplas. Kota Medan.

20229

(31)

?>

</div>

<?php

$banner=mysql_query("SELECT * FROM banner ORDER BY id_banner DESC LIMIT 4");

while($b=mysql_fetch_array($banner)){

echo "<p align='center'><a href='$b[url]'' target='_blank' title='$b[judul]'><img src='foto_banner/$b[gambar]' border=0></a></p>";

}

?>

</div>

26. kiri.php

<div class="title_box">Cek Tiket</div> <div class="border_box"><br><br>

Tujuan :

<option value=0 selected>- Pilih Tujuan -</option> <?php

$tampil=mysql_query("SELECT distinct(tujuan) FROM tiket");

while($r=mysql_fetch_array($tampil)){

echo "<option value=$r[tujuan]>$r[tujuan]</option>"; }

?> </select>

</div>

<div class="title_box">Cek Jadwal Keberangkatan</div> <div class="border_box"><br><br>

<form method=POST action='cekjadwal.html' > Tujuan :

<option value=0 selected>- Pilih Tujuan -</option> <?php

$tampil=mysql_query("SELECT distinct(tujuan) FROM jadwal");

while($r=mysql_fetch_array($tampil)){

echo "<option value=$r[tujuan]>$r[tujuan]</option>"; }

?> </select>

(32)

27. media.php

<?php

error_reporting(0); session_start();

include "config/koneksi.php";

include "config/fungsi_indotgl.php"; include "config/class_paging.php"; include "config/fungsi_combobox.php"; include "config/library.php";

include "config/fungsi_autolink.php"; include "config/fungsi_rupiah.php"; ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>CV TAO TOBA INDAH</title> </script>

src="lightbox/jquery.lightbox.min.js"></script>

$('.lightbox').lightbox(); });

</script>

</head>

<body>

(33)

</div>

<li><a href="profil-kami.html" class="nav2">Profil</a></li>

<li><a href="cara-pemesanan.html" class="nav3">Cara Pemesanan Tiket</a></li>

<li><a href="hubungi-kami.html" class="nav6">Hubungi Kami</a></li>

Anda sedang berada di: <?php include "breadcrumb.php";?> </div>

<?php include "kiri.php";?> </div>

<?php include "tengah.php";?> </div>

<?php include "kanan.php";?> </div>

</div>

</div>

<a href="#" title="CV TAO TOBA INDAH">CV TAO TOBA INDAH</a><br />

</div>

(34)

</div>

</body> </html>

28. style.css

@charset "utf-8";

@import url(button.css);

body{

background:url(images/bg.jpg) no-repeat #fff center top; padding:0;

font-family:Arial, Helvetica, sans-serif; font-size:11px;

margin:0px auto auto auto; color:#000;

}

p{

padding:2px; margin:0px; }

#main_container{ width:1000px; height:auto; margin:auto; padding:0px; }

.top_bar{ width:1000px; height:38px;

background-color:#4a4a4a; }

.top_search{ width:370px; height:32px;

margin:0px 20px 0 0; _margin:0px 10px 0 0; float:right;

background:url(images/top_search_bg.gif) no-repeat center; }

input.search_input{ width:182px;

height:18px; float:left;

margin:5px 0 0 0 ;

(35)

.search_text{ float:left; width:110px;

padding:8px 0 0 15px; color:#999999;

}

.search_text a{

text-decoration:none; color:#999999;

}

.search_bt{ float:left;

padding:2px 0 0 15px; }

input,textarea,select{

}

.lang_text{ float:left;

padding:0 5px 0 0; color:#b3adad; }

a.lang{

display:block; float:left;

padding:0 5px 0 5px; }

#header{ width:1000px; height:173px;

background:url(images/header_bg.jpg) no-repeat center; background-position:0px 0px;

margin:auto; }

#logo{ float:left; padding:15px; }

/*---oferte_content---*/

.oferte_content{ width:600px; height:164px; float:left;

padding:0 0 0 50px; }

(36)

}

.oferta{ width:538px; float:left;

padding:15px 30px 0 30px; }

.oferta_img{ float:left;

padding:0 10px 10px 0; }

.oferta_title{ font-size:15px; color:#b72c24; font-weight:bold; }

.oferta_details{ width:400px; float:left;

padding:0 0 0 30px; }

.oferta_text{

padding:5px 0 5px 0; font-size:12px; color:#FFFFFF; text-align:justify; line-height:15px; }

a.details{ width:83px; height:21px; display:block; float:right; margin:5px 0 0 0; padding-left:5px;

background:url(images/details_bt_bg.gif) no-repeat center; text-align:center;

line-height:21px; text-decoration:none; color:#000000;

}

/*---oferta_pagination---*/

div.oferta_pagination { clear:both;

padding:10px 0 0 0; _padding:0px 0 0 0; margin:5px;

text-align:center; float:left;

font-size:10px; }

div.oferta_pagination a { width:22px;

height:22px; display:block; float:left;

(37)

_margin:0 0 0 3px; line-height:23px; text-align:center;

background:url(images/pag_bg.gif) no-repeat center; text-decoration:none;

color:#9d8b8b; }

div.oferta_pagination a:hover, div.pagination a:active { width:22px;

line-height:23px; text-align:center;

background:url(images/pag_bg_a.gif) no-repeat center; text-decoration:none;

color:#ad1614; }

div.oferta_pagination span.current { width:22px;

line-height:23px; text-align:center;

background:url(images/pag_bg_a.gif) no-repeat center; text-decoration:none;

color:#ad1614; }

#main_content{ clear:both; }

/*--- menu tab---*/ #menu_tab{

width:1000px; height:50px;

background-color:#fff; }

.left_menu_corner{ width:9px;

background:url(images/menu_left.gif) no-repeat center; }

.right_menu_corner{ width:9px;

background:url(images/menu_right.gif) no-repeat center; }

ul.menu {

list-style-type:none; float:left; display:block; width:982px; margin:0px; padding:0px;background:url(images/menu_bg.gif) repeat-x;}

(38)

line-height:50px; }

ul.menu li.divider { display:inline; width:2px; height:50px; float:left;

background:url(images/menu_divider.gif) no-repeat center; }

a.nav1:link, a.nav1:visited {

display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px

0 14px;height:50px;text-decoration:none;

background:url(images/home.png) no-repeat left; color:#676d77;} a.nav2:link, a.nav2:visited {

background:url(images/profil.png) no-repeat left; color:#676d77;} a.nav3:link, a.nav3:visited {

background:url(images/services.png) no-repeat left; color:#676d77;}

a.nav4:link, a.nav4:visited {

background:url(images/favs.png) no-repeat left; color:#676d77;} a.nav5:link, a.nav5:visited {

background:url(images/car.png) no-repeat left; color:#676d77;} a.nav6:link, a.nav6:visited {

background:url(images/contact-new.png) no-repeat left; color:#676d77;}

a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover {

color:#333333;}

li.currencies{ width:180px; float:left;

padding:0 0 0 15px; _padding:12px 0 0 15px; color:#676d77;

font-size:11px; font-weight:bold; }

/*---crumb_navigation---*/ .crumb_navigation{

padding:5px 10px 0 20px; color:#333333;

(39)

}

.crumb_navigation a{ color:#0fa0dd;

text-decoration:underline; }

span.current{ color:#0fa0dd; }

/*---left_content---*/ .left_content{

width:196px; float:left; }

.title_box{ width:196px; height:30px; margin:5px 0 0 0;

background:url(images/menu_title_bg.gif) no-repeat center; text-align:center;

font-size:13px; font-weight:bold; color:#fff;

line-height:30px; }

/*---left menu---*/ ul.left_menu{

width:196px; padding:0px; margin:0px; list-style:none; }

ul.left_menu li{ margin:0px; list-style:none; }

.ganjil a{

width:166px;height:25px;display:block;background:url(images/checke d.png) no-repeat left #dad0d0;

background-position:5px 5px;border-bottom:1px #FFFFFF solid; text-decoration:none;padding:0 0 0 30px; line-height:25px; }

.genap a{

width:166px;height:25px;display:block;background:url(images/checke d.png) no-repeat left #eee6e6;

background-position:5px 5px;border-bottom:1px #FFFFFF solid; text-decoration:none;padding:0 0 0 30px; line-height:25px; }

ul.left_menu li.ganjil a:hover, ul.left_menu li.genap a:hover{ background:url(images/checked.png) no-repeat left #7bbcc7; color:#FFFFFF;background-position:5px 5px;

}

.border_box{ width:194px; height:auto;

text-align:center;

(40)

}

.border_boxshout{ width:194px; height:auto; text-align:left;

border:1px #6da6b1 solid; }

.product_title{ color:#ea2222;

padding:5px 0 5px 0; font-weight:bold; }

.product_title a{ text-decoration:none; color:#ea2222;

padding:5px 0 5px 0; font-weight:bold; }

.product_title a:hover{ color:#064E5A;

}

.product_img{

padding:5px 0 5px 0; }

.prod_price{

padding:5px 0 5px 0; }

span.reduce{ color:#999999;

text-decoration:line-through; }

span.price{ color:#ea2222; }

/*---newsletter---*/ input.newsletter_input{

border:1px #ddd9d9 solid; margin:10px 0 5px 0; font-size:12px; padding:3px; color:#999999; }

a.join{ width:17px; display:block;

margin:5px 0 5px 140px; _margin:5px 0 5px 130px;

background:url(images/blue-add.png) no-repeat left; padding:0 0 0 20px;

text-decoration:none; color:#1c4a52;

}

.banner_adds{ width:194px;

(41)

/*center content---*/ .center_content{

width:585px; float:left;

padding:5px 10px; }

.center_title_bar{ width:520px;

padding:0 0 0 40px; margin:0 0 0 12px; _margin:0 0 0 6px; line-height:33px; font-size:12px; color:#847676; font-weight:bold;

background:url(images/bar_bg.gif) no-repeat center; }

.keterangan{ width:520px; height:33px; float:left;

padding:0 0 0 40px; margin:0 0 0 12px; _margin:0 0 0 6px; line-height:33px; font-size:12px; color:#847676; }

/*---right content---*/ .right_content{

padding:5px 0 0 0; }

.shopping_cart{ width:195px; height:84px;

text-align:center;

background:url(images/cart_bg.gif) no-repeat center; }

.cart_title{ font-size:12px; font-size:12px; color:#847676; font-weight:bold; padding:8px 0 0 0; }

.cart_details{ width:115px; float:left;

padding:5px 0 0 15px; text-align:left; }

(42)

span.border_cart{ width:100px; height:1px;

margin:3px 0 3px 0; display:block;

border-top:1px #999999 dashed; }

/*---prod_box---*/ .prod_box{

width:173px; height:auto; float:left;

padding:10px 10px 10px 11px; }

.top_prod_box{

width:173px;height:12px;background:url(images/product_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px;

}

.bottom_prod_box{

width:173px;height:10px;background:url(images/product_box_bottom.g if) no-repeat center top;float:left;padding:0px; margin:0px; }

.center_prod_box{

width:173px;height:180px;background:url(images/product_box_center. gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px;

}

.prod_details_tab{ width:173px;

background:url(images/products_details_bg.gif) no-repeat center; margin:3px 0 0 0;

}

.prod_details_cari{ width:373px;

height:31px;

padding-left: 20px; margin:43px 0 0 0; }

img.left_bt{ float:left;

a.prod_details{ width:25px; display:block; float:left;

background:url(images/square-blue-add.gif) no-repeat left; padding:0 0 0 20px;

margin:7px 0 0 28px; _margin:6px 0 0 35px; text-decoration:none; color:#0fa0dd;

}

(43)

background:url(images/cart.gif) no-repeat left; padding:0 0 0 20px;

margin:7px 0 0 8px; _margin:6px 0 0 35px; text-decoration:none; color:#0fa0dd;

}

.prod_cart_habis{ width:25px;

background:url(images/cart_hbs.gif) no-repeat left; padding:0 0 0 20px;

margin:7px 0 0 8px; _margin:6px 0 0 35px; text-decoration:none; color:red;

}

/*---prod_box_big---*/ .prod_box_big{

width:554px; height:auto; float:left;

padding:10px 10px 10px 15px; }

.top_prod_box_big{

width:554px;height:12px;background:url(images/details_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px;

}

.bottom_prod_box_big{

width:554px;height:12px;background:url(images/details_box_bottom.g if) no-repeat center top;float:left;padding:0px; margin:0px; }

.center_prod_box_big{ width:554px;height:

auto;background:url(images/details_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px;

}

.tengah{

width:534px;height:

auto;background:url(images/details_box_center.gif) repeat-y;float:left; text-align:justify; padding:10px; margin:0px;

}

.product_img_big{ width:170px;

padding:5px 0 5px 10px; float:left;

}

.details_big_box{ width:345px; float:left;

padding:0 0 0 15px; text-align:left; }

(44)

float:left;

padding:0 0 0 15px; text-align:left; }

.product_title_big{ color:#ea2222;

padding:5px 0 5px 0; font-weight:bold; font-size:14px; }

.specifications{ font-size:12px; font-weight:bold; line-height:18px; }

.thumbs{

padding:8px 5px 8px 5px; border:1px #DFD1D1 solid; margin:3px 0 0 0;

}

.thumbs a{ padding:3px; }

.prod_price_big{ padding:5px 0 5px 0; font-size:16px; }

span.reduce{ color:#999999;

text-decoration:line-through; }

span.price{ color:#ea2222; }

a.addtocart{ width:36px; height:27px; display:block; float:left;

background:url(images/addtocart.gif) no-repeat left; padding:0 0 0 35px;

margin-left:50px; text-decoration:none; line-height:27px; color:#1c4a52; }

span.blue{ color:#5F9FAB; }

/*---contact_form---*/ .contact_form{

.form_row{ width:335px; clear:both;

(45)

_padding:5px 0 5px 0; color:#a53d17;

}

label.contact{ width:75px; float:left; font-size:12px; text-align:right; padding:4px 5px 0 0; color: #333333; }

input.contact_input{ width:210px;

height:18px;

background-color:#fff; color:#999999;

border:1px #DFDFDF solid; float:left;

}

textarea.contact_textarea{ width:248px;

height:50px;

color: #999999;

background-color:#fff; border:1px #DFDFDF solid; float:left;

}

a.contact{ width:99px; height:27px; display:block; float:right;

margin:0 0 0 10px;

background:url(images/contact_bt.gif) no-repeat left; padding:0 0 0 10px;

text-decoration:none; line-height:27px; color:#1c4a52; }

/*---footer---*/ .footer{

width:1000px; clear:both; height:65px;

background:url(images/footer_bg.gif) repeat-x top; }

.left_footer{ float:left; width:300px;

.right_footer{ float:right;

padding:15px 30px 0 0; }

(46)

text-decoration:none; color: #666666;

}

.right_footer a:hover{ text-decoration:underline; }

.center_footer{ float:left; width:200px;

text-align:center; color:#666666;

.kategori{

line-height:33px; font-size:12px; color:#847676; font-weight:bold; }

.image {

float: left;

margin-right: 10px; }

span.border_garis{ width:530px;

height:1px;

margin:3px 0 3px 0; display:block;

border-top:1px #999999 dashed; }

table {

font-family: Tahoma; font-size: 8pt;

border-width: 1px; border-style: solid; border-color: #999999; border-collapse: collapse; margin: 10px 0px;

} th{

color: #FFFFFF; font-size: 7pt;

text-transform: uppercase; text-align: center;

padding: 0.5em; border-width: 1px; border-style: solid; border-color: #969BA5; border-collapse: collapse; background-color: #0284b5; }

td{