Sistem Informasi Penjualan Alat Musik Online Toko Istana Musik Medan Berbasis Web
REGISTER
<html> <head> <title>Admin</title> <link rel="stylesheet" href="stylex.css" /> <link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'> <script type="text/javascript" src="jquery-1.7.min.js"></script> <script type="text/javascript"> // $(document).ready(function(){ // $("#login").click(function(){ // var action = $("#lg-form").attr('action'); // var form_data = { // username: $("#username").val(), // password: $("#password").val(), // is_ajax: 1 // }; // $.ajax({ // type: "POST", // url: action, // data: form_data, // success: function(response) // {
// if(response == "success") // $("#lg-form").slideUp('slow', function(){ // $("#message").html('<p class="success">You have logged in successfully!</p><p>Redirecting....</p>'); // }); // else // $("#message").html('<p class="error">ERROR: Invalid username and/or password.</p>'); // } // }); // return false; // }); // }); </script> </head> <body> <div class="lg-container"> <h1>Buat Akun Baru</h1> <form action="prosesregister.php" id="lg-form" name="lg-form" method="post"> <div> <label for="nama">Nama:</label> <input type="text" name="nama" id="name" placeholder="Nama"/> </div> <div> <label for="id">ID:</label> <input type="text" name="id" id="id" placeholder="Buat id" />
</div> <div> <label for="password">Password:</label> <input type="password" name="password" id="password" placeholder="Buat password" /> </div> <div> <label for="email">E-Mail:</label> <input type="text" name="email" id="email" placeholder="Email" /> </div> <div> <button type="submit" id="login">Create</button> </div> </form> <div id="message"></div> </div> </body> </html>
INDEX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Istana Musik</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="http://fonts.googleapis.com/css?family=Arvo|Oswald" rel="stylesheet" type="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> .text { font-size: 15px; color: #FF0; } .pilihan { font-size: 15px; color: #FF0; } .title-judul { float: left; margin: 0px 0px 0px 280px; } </style> </head> <body>
<div id="wrapper"> <div id="logo" class="container"> <div style="background-image: repeat; background-position: center;"> </div> <marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee> <p>&nbsp;</p> <marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p> </marquee> </div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li> <li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li> </ul> </li> <li><a href="keranjang.php">KERANJANG</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul>
</div> <div id='search-box'></div> <div id="livesearch-result"></div> <div class="entry"> <h2 class="title">&nbsp;</h2>
<h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title"><blink>Selamat datang di Istana Musik</blink></h2> </div> <div class="bottomRight"><div class="content"><br /> <p class="text">Istana musik, berdiri pada tahun 1984 yang menyediakan peralatan dan perlengkapan alat musik modern. Juga terdapat paket-paket menarik untuk Studio musik atau lainnya, seperti :</p> <ul class="pilihan"> <ol class="pilihan">Gitar Elektrik</ol> <ol class="pilihan">Gitar Akustik</ol> <ol class="pilihan">Keyboard</ol> <ol class="pilihan">Bass Elektrik</ol> <ol class="pilihan">Drum</ol> <ol class="pilihan">Microphone</ol> <ol class="pilihan">Berbagai jenis efect gitar maupun bass, dan</ol> <ol class="pilihan">Sound System</ol>
</ul> </div> <p>&nbsp;</p> <h2 class="title"><blink>Produk Baru Kami</blink></h2> <marquee><p><img src="gambar/efect.jpg" width="220" height="200" />&nbsp; &nbsp;<img src="gambar/Cort.JPG" width="220" height="200" />&nbsp; &nbsp;<img src="gambar/speakerr.jpg" width="220" height="200" />&nbsp; &nbsp;<img src="gambar/tmb2827-1350714325.png" width="220" height="200" /></p></marquee> <div class="art-Footer"> <div class="art-Footer-inner"> <div class="art-Footer-text"> <p><center> <p>&nbsp;</p> <p>Copyright &copy; 2013. Istana Musik <br /> All Rights Reserved.</p> </center></p> </div> </div> </body> </html>
PROFIL
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Istana Musik</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="http://fonts.googleapis.com/css?family=Arvo|Oswald" rel="stylesheet" type="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> <style type="text/css"> .text { font-size: 15px; color: #FF0; } .pilihan { font-size: 15px; color: #FF0; } .title-judul { float: left; margin: 0px 0px 0px 280px; } </style> </head> <body> <div id="wrapper"> <div id="logo" class="container">
<div style="background-image: repeat; background-position: center;"> </div> <marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee> <p>&nbsp;</p> <marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p> </marquee> </div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li> <li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li> </ul> </li> <li><a href="keranjang.php">KERANJANG</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul> </div> <div id="post">
<div class="entry"> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title"><blink>Profil Istana Musik</blink></h2> </div> <div class="bottomRight"><div class="content"><br /> <p class="text">Istana musik, berdiri pada tahun 1984 yang menyediakan peralatan dan perlengkapan alat musik modern. Alat musik merupakan suatu instrumen yang dibuat atau dimodifikasi untuk tujuan menghasilkan musik. Pada prinsipnya, segala sesuatu yang memproduksi suara, dan dengan cara tertentu bisa diatur oleh musisi, dapat disebut sebagai alat musik. Walaupun demikian, istilah ini umumnya diperuntukkan bagi alat yang khusus ditujukan untuk musik. Bidang ilmu yang mempelajari alat musik disebut organologi. Juga terdapat paket-paket menarik untuk Studio musik atau lainnya, seperti :</p> <ul> <ol class="pilihan">Gitar Elektrik</ol> <ol class="pilihan">Gitar Akustik</ol> <ol class="pilihan">Keyboard</ol> <ol class="pilihan">Bass Elektrik</ol> <ol class="pilihan">Drum</ol> <ol class="pilihan">Microphone</ol> <ol class="pilihan">Berbagai jenis efect gitar maupun bass, dan</ol> <ol> <p class="text">Sound System </p> </ol></ul>
<p class="text"><strong><em>Alat musik berdasarkan sumber bunyinya</em></strong><em> :</em></p> <ul> <ol class="pilihan">Idiofon, adalah alat musik yang sumber bunyinya berasal dari bahan dasarnya.
Contoh: kolintang,drum, bongo, kabasa, angklung</ol> </ul> <ul> <ol class="pilihan">Aerofon, adalah alat musik yang sumber bunyinya berasal dari hembusan udara pada rongga. Contoh: suling, terompet, harmonika, trombone,</ol> </ul> <ul> <ol class="pilihan">Kordofone alat musik yang sumber bunyinya berasal dari dawai. Contoh: bass, gitar, biola, piano, kecapi.</ol> </ul> <ul> <ol class="pilihan">Membranofone, adalah alat musik yang sumber bunyinya dari selaput atau membran. contoh : tifa, drum, kendang, tam-tam, rebana.</ol> </ul> <ul> <ol class="pilihan">Elektrofon, adalah alat musik yang sumber bunyinya dibangkitkan oleh tenaga listrik (elektronik). Contoh : kibor, gitar listrik, bass listrik.</ol> </ul> <p>&nbsp;</p> <p class="text"><strong><em>Alat musik berdasarkan cara memainkan</em></strong><em> :</em></p> <ul> <ol class="pilihan">Alat musik tiup menghasilkan suara sewaktu suatu kolom udara didalamnya digetarkan. Tinggi rendah nada ditentukan oleh frekwensi gelombang yang dihasilkan terkait dengan panjang kolom udara dan bentuk instrumen, sedangkan timbre dipengaruhi oleh bahan dasar, konstruksi instrumen dan cara menghasilkannya. Contoh alat musik ini adalah terompet dan suling.</ol> </ul>
<ul> <ol class="pilihan">Alat musik pukul menghasilkan suara sewaktu dipukul atau ditabuh. Alat musik pukul dibagi menjadi dua yakni bernada dan tidak bernada. Bentuk dan bahan bagian-bagian instrumen serta bentuk rongga getar, jika ada, akan menentukan suara yang dihasilkan instrumen. Contohnya adalah kolintang (bernada), drum (tak bernada), dan bongo (tak bernada).</ol> </ul> <ul> <ol class="pilihan">Alat musik petik menghasilkan suara ketika senar digetarkan melalui dipetik.
Tinggi rendah nada dihasilkan dari panjang pendeknya dawai.</ol> </ul> <ul> <ol class="pilihan">Alat musik gesek menghasilkan suara ketika dawai digesek. Seperti alat musik petik, tinggi rendah nada tergantung panjang dan pendek dawai.</ol> </ul> </ul> </div> <div class="komentar">
<div id="comment"> <td colspan="3"><h3>&nbsp;</h3> <h3>Tinggalkan Komentar Anda : </h3></td> <form name="submitcomment" method="post" action="submitcommentkl.php"> Nama:<br><input name="nama" size=35 placeholder="Nama" type="text"><br> Email :<br><input name="email" size=35 placeholder="E-Mail" type="text"><br> Website :<br><input name="website" size=35 placeholder="Website" type="text"><br> Komentar :<br><textarea name="komentar" rows="6" cols="50"></textarea><br> <input name="art_id" value="1" type="hidden">
<input name="art_url" value="profil.php" type="hidden"><br> <input name="tombol" value="Kirim" type="submit"></form></div> <div id="publishcomment"> <?php include("publiscomment.php"); getcomment("1"); ?></div>
</div> <div class="art-Footer"> <div class="art-Footer-inner"> <div class="art-Footer-text"> <p><center> <p>&nbsp;</p> <p>Copyright &copy; 2013. Istana Musik <br /> All Rights Reserved.</p> </center></p> </div> </div> </body> </html>
GITAR
<html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> </head>
<title>Istana Musik</title>
<style type="text/css"> .bungkus { float: left; width: 650px; background: brown; margin: 20px 0px 0px 50px;
} .barang { float: left; width: 200px; height: 360px; background: yellow; margin: 10px 0px 0px 10px;
} .img-barang { float: left; width: 170px; height: 250px; margin: 5px;
} .nama, .harga { float: left; width: 100%; font-family: calibri; font-size: 1em; color: black; margin: 5px 0px 0px 20px; } .pembayaran { float: left; width: 30px; height: 30px; margin: 5px 0px 0px 100px;
} .title-judul { float: left; margin: 0px 0px 0px 280px; }
</style> </head> <body> <div id="wrapper"> <div id="logo" class="container"> <div style="background-image: repeat; background-position: center;"> </div> <marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee> <p>&nbsp;</p> <marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p> </marquee>
</div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li> <li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li> </ul> </li> <li><a href="keranjang.php">KERANJANG</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul> </div> <div id="entry">
<div class="post"> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2>
<p>&nbsp;</p> <h2 class="entry"><center>HAPPY SHOPPING!!</center></h2>
<div class="bungkus"> <?php error_reporting(0); include"koneksi.php"; $sql = mysql_query("select * from barang where id_barang like 'GTR%'"); while($data = mysql_fetch_array($sql)){ echo"<div class='barang'>
<img src='gambar/$data[gambar]' class='img-barang'> <span class='nama'>$data[nama_barang] </span><br> <span class='harga'>Rp. $data[harga]</span> <a href='detail.php?idBarang=$data[id_barang]'><img src='gambar/images.jpg' class='pembayaran'></a>
</div>"; $no++;
} ?>
</div> </body>
</html>
BASS
<html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> </head>
<title>Istana Musik</title> <style type="text/css">
.bungkus { float: left; width: 650px; background: brown; margin: 20px 0px 0px 50px;
} .barang { float: left; width: 200px; height: 380px; background: yellow; margin: 10px 0px 0px 10px;
} .img-barang { float: left; width: 190px; height: 270px; margin: 5px;
} .nama, .harga { float: left; width: 100%; font-family: calibri; font-size: 1em; color: black; margin: 7px 0px 0px 30px;
} .pembayaran { float: left; width: 30px; height: 30px; margin: 5px 0px 0px 100px;
} .title-judul { float: left; margin: 0px 0px 0px 280px; } </style> </head> <body> <div id="wrapper"> <div id="logo" class="container">
<div style="background-image: repeat; background-position: center;"> </div> <marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee> <p>&nbsp;</p> <marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p> </marquee> </div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li> <li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li> </ul> </li> <li><a href="keranjang.php">KERANJANG</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul> </div> <div id="entry">
<div class="post"> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2>
<p>&nbsp;</p> <h2 class="entry"><center>HAPPY SHOPPING!!</center></h2>
<div class="bungkus"> <?php error_reporting(0); include"koneksi.php"; $sql = mysql_query("select * from barang where id_barang like 'BASS%'"); while($data = mysql_fetch_array($sql)){ echo"<div class='barang'>
<img src='gambar/$data[gambar]' class='img-barang'> <span class='nama'>$data[nama_barang] </span><br> <span class='harga'>Rp. $data[harga]</span> <a href='detail.php?idBarang=$data[id_barang]'><img src='gambar/images.jpg' class='pembayaran'></a>
</div>"; $no++;
} ?>
</div> </body>
</html>
DRUM
<html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> </head>
<title>Istana Musik</title> <style type="text/css">
.bungkus { float: left; width: 720px; background: brown; margin: 20px 0px 0px 50px;
} .barang { float: left; width: 220px; height: 340px; background: yellow; margin: 10px 0px 0px 10px;
}
.img-barang { float: left; width: 190px; height: 210px; margin: 5px;
} .nama, .harga { float: left; width: 100%; font-family: calibri; font-size: 1em; color: black; margin: 5px 0px 0px 20px;
} .pembayaran { float: left; width: 30px; height: 30px; margin: 5px 0px 0px 100px;
} .title-judul { float: left; margin: 0px 0px 0px 280px; }
</style> </head> <body> <div id="wrapper"> <div id="logo" class="container"> <div style="background-image: repeat; background-position: center;"> </div> <marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee> <p>&nbsp;</p> <marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p> </marquee> </div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li> <li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li>
</ul> </li> <li><a href="keranjang.php">KERANJANG</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul> </div> <div id="entry">
<div class="post"> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2>
<p>&nbsp;</p> <h2 class="entry"><center>HAPPY SHOPPING!!</center></h2>
<div class="bungkus"> <?php error_reporting(0); include"koneksi.php"; $sql = mysql_query("select * from barang where id_barang like 'DRM%'"); while($data = mysql_fetch_array($sql)){ echo"<div class='barang'>
<img src='gambar/$data[gambar]' class='img-barang'> <span class='nama'>$data[nama_barang] </span><br> <span class='harga'>Rp. $data[harga]</span>
<a href='detail.php?idBarang=$data[id_barang]'><img src='gambar/images.jpg' class='pembayaran'></a> </div>"; $no++;
} ?>
</div> </body>
</html>
KEYBOARD
<html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> </head>
<title>Istana Musik</title> <style type="text/css">
.bungkus { float: left; width: 850px; background: brown; margin: 20px 0px 0px 50px;
}
.barang { float: left; width: 270px; height: 290px; background: yellow; margin: 10px 0px 0px 10px;
} .img-barang { float: left; width: 240px; height: 170px; margin: 5px;
} .nama, .harga { float: left; width: 100%; font-family: calibri; font-size: 1em; color: black; margin: 5px 0px 0px 20px;
} .pembayaran { float: left; width: 30px; height: 30px; margin: 5px 0px 0px 100px; } .title-judul { float: left; margin: 0px 0px 0px 280px; } </style> </head> <body> <div id="wrapper"> <div id="logo" class="container"> <div style="background-image: repeat; background-position: center;"> </div> <marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee> <p>&nbsp;</p> <marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p> </marquee> </div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li>
<li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li> <li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li> </ul> </li> <li><a href="keranjang.php">KERANJANG</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul> </div> <div id="entry">
<div class="post"> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2>
<p>&nbsp;</p> <h2 class="entry"><center>HAPPY SHOPPING!!</center></h2>
<div class="bungkus"> <?php error_reporting(0); include"koneksi.php";
$sql = mysql_query("select * from barang where id_barang like 'KEY%'"); while($data = mysql_fetch_array($sql)){ echo"<div class='barang'>
<img src='gambar/$data[gambar]' class='img-barang'> <span class='nama'>$data[nama_barang] </span><br> <span class='harga'>Rp. $data[harga]</span> <a href='detail.php?idBarang=$data[id_barang]'><img src='gambar/images.jpg' class='pembayaran'></a>
</div>"; $no++;
} ?>
</div> </body>
</html>
AKSESSORIS
<html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> </head>
<title>Istana Musik</title> <style type="text/css">
.bungkus { float: left; width: 800px; background: brown; margin: 20px 0px 0px 50px;
} .barang { float: left; width: 240px; height: 320px; background: yellow; margin: 10px 0px 0px 10px;
} .img-barang { float: left; width: 220px; height: 210px; margin: 5px;
} .nama, .harga { float: left; width: 100%; font-family: calibri; font-size: 1em; color: black; margin: 5px 0px 0px 20px; } .pembayaran { float: left; width: 30px; height: 30px; margin: 5px 0px 0px 100px;
} .title-judul { float: left; margin: 0px 0px 0px 280px; } </style> </head> <body> <div id="wrapper"> <div id="logo" class="container"> <div style="background-image: repeat; background-position: center;"> </div> <marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee> <p>&nbsp;</p> <marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p> </marquee>
</div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li> <li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li> </ul> </li> <li><a href="keranjang.php">KERANJANG</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul> </div> <div id="entry">
<div class="post"> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2>
<h2 class="entry"><center>HAPPY SHOPPING!!</center></h2>
<div class="bungkus"> <?php error_reporting(0); include"koneksi.php"; $sql = mysql_query("select * from barang where id_barang like 'ACC%'"); while($data = mysql_fetch_array($sql)){ echo"<div class='barang'>
<img src='gambar/$data[gambar]' class='img-barang'> <span class='nama'>$data[nama_barang] </span><br> <span class='harga'>Rp. $data[harga]</span> <a href='detail.php?idBarang=$data[id_barang]'><img src='gambar/images.jpg' class='pembayaran'></a>
</div>"; $no++;
} ?>
</div> </body>
</html>
DETAILS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Istana Musik</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="http://fonts.googleapis.com/css?family=Arvo|Oswald" rel="stylesheet" type="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> <style type="text/css"> #post { float: left; width: 800px; background: white; margin: -240px 10px 10px 0px; padding-bottom: 50px; } .judul-nama-barang { float: left; width: 780px; margin: 5px 0px 0px 10px; border-bottom: 1px solid #dedede; }
.nama-barang { float: left; margin-left: 20px; font-family: calibri; font-size: 1.1em; color: black; } .img-detail { float: left; width: 120px; height: 120px; margin: 5px 0px 0px 30px; } .harga { float: left; margin-top: 20px; } .jumlah { float: left; margin:20px 0px 0px 30px; } .button-beli { float: left; width: 200px; height: 30px; margin: 15px 0px 0px 20px; } </style> </head> <body> <div id="wrapper">
<div id="logo" class="container"> <div style="background-image: repeat; background-position: center;"> </div> <marquee><h1>Istana Musik</h1></marquee> </div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li> <li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li> </ul>
</li> <li><a href="pemesanan.php">PEMESANAN</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul> </div> <div id="post"> <?php session_start(); error_reporting(0); include"koneksi.php"; $idBarang = $_GET[idBarang]; $sql = mysql_query("select * from barang where id_barang = '$idBarang'"); $data = mysql_fetch_array($sql); echo" <form action='proses_belanja.php?idBarang=$idBarang' method='POST'> <div class='judul-nama-barang'> <span class='nama-barang'>$data[nama_barang]</span> </div> <div class='detail-barang'> <img src='gambar/$data[gambar]' class='img-detail'> <div class='wrap-info'>
<span class='harga'>Rp. $data[harga]</span> <span class='jumlah'> <select name='jlh'>"; $no = 1; while($no<=10){ echo" <option value='$no'>$no</option> "; $no++; } echo"</select> </span> <input type='submit' name='submit' class='button-beli' value='Tambah Ke Keranjang'> </form>"; ?> </div> </div> </div> </div> </body> </html>
KERANJANG
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Istana Musik</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="http://fonts.googleapis.com/css?family=Arvo|Oswald" rel="stylesheet" type="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> <style type="text/css"> #post { float: left; width: 800px; background: white; margin: -240px 10px 10px 0px; padding-bottom: 50px; } .img-cart { float: left; width: 40px; height: 40px; margin: 10px; } .title-keranjang { float: left; margin: 20px 0px 0px 2px; } .keranjang { float: left; width: 785px; margin: 5px 0px 0px 8px; } .judul-tabel { float: left; width: 780px; height: 30px; margin: 5px 0px 0px 10px; border-bottom: 2px solid #dedede; } .harga {
float: right; color: black; font-size: 0.9em; margin: 5px 100px 0px 0px; } .kuantitas { float: right; color: black; font-size: 0.9em; margin: 5px 50px 0px 0px; } .isi-belanja { float: left; width: 780px; height: 100px; border-bottom: 1px solid #dedede; margin: 0px 0px 0px 10px; } .img-barang-beli { float: left; width: 100px; height: 100px;} .nama-barang { float: left; font-family: calibri; font-size: 1em; width: 350px; margin: 5px 0px 0px 20px; } .harga-barang { float: left; font-family: calibri; font-size: 0.9em; width: 150px; margin: 5px 0px 0px 20px; } .jumlah-barang { float: left; font-family: calibri; font-size: 0.9em; width: 50px; margin: 5px 0px 0px 20px; } .total-harga { float: left; width: 780px; border-top: 2px solid #dedede; margin: 0px 0px 0px 10px; } .total { float: right; margin: 5px -115px 50px 0px; font-family: calibri; font-size: 1.1em; color: black; font-weight: bold; } .total-barang { float: right; margin: 5px -10px 0px 0px; font-family: calibri; font-size: 1.1em; color: black; font-weight: bold; } .button-bayar { float: right; margin: 60px 20px 0px 0px;
width: 180px; height: 30px; } .img-hapus { float: left; margin: 5px 0px 0px 20px; height: 30px; width: 30px; } .Berhasil { float: left; margin: 20px; color: black; } </style> </head> <body> <div id="wrapper"><div id="logo" class="container"> <div style="background-image: repeat; background-position: center;"> </div> <marquee><h1>Istana Musik</h1></marquee> </div> <div id="menuku">