Perancangan Aplikasi Internet Commerce pada Jasa Penjualan Vcd

(1)

1. Koneksi.php

<?php

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

$database = "dbtoko";

// 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"); ?>

2. Style.css

body{

background:url(images/gbr.jpg) no-repeat pink center top; padding:0;

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

margin:0px auto auto auto; color:#000; } h1{ } 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 ;

border:1px solid #dbdbdb; border-bottom-color:#ffffff; border-right-color:#ffffff;

(2)

}

.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{

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

.lang_text{ float:left;

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

a.lang{

display:block; float:left;

padding:0 5px 0 5px;} #header{

width:990px; height:270px;

background color:no-repeat center; background-position:0px 0px 0px 00px; margin:auto; } #logo{ float:left; padding:0px; } /*---oferte_content---*/ .oferte_content{ width:600px; height:164px; float:left;

padding:0 0 0 50px; } .top_divider{ float:left; width:1px; height:164px; } .oferta{ width:538px; float:left;

padding:15px 30px 0 30px; }

.oferta_img{ float:left;

padding:0 10px 10px 0; }

(3)

.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;

margin:0 0 0 5px; _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;

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

(4)

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; height:22px; display:block; float:left; 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; height:50px; float:left;

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

.right_menu_corner{ width:9px;

height:50px; float:left;

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;}

ul.menu li { display:inline; font-size:11px; font-weight:bold; 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 {