You are on page 1of 8

Nama : Don Tiganov (B) NIM : 0810520052

Script CSS body { background-color:#006633; } h1,H3 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; } hr { height:2px; color: #006633; } table { } p { color:#ffffff; } #pos { width:700px; position: absolute; z-index: 1; height: 500px; left: 50px; top: 50px; color:#FF9900;

} #user { border:1px dashed #000;

margin-top:10px; padding:10px; background:yellow; height: 100px; width: 100px; float: right; } #post { width:890px; margin:auto; border:1px solid #000; background-color:#FF0000; } #isi { width:790px; margin-top:10px; margin-bottom:10px; padding:10px; border:1px solid #000; } .menu {

} .menu a { margin-right: 0px; margin-left:-5px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font-family: 'Arvo', serif; font-size: 14px; font-weight: normal; color: #FFFFFF; border: none; }

.menu ul{ height:35px; list-style:none; margin:0px; float: right; padding: 0px 200px 10px 200px; line-height: normal; } .menu li{ float:left; margin-left:5px; padding: 0px 0px 0px 0px; } .menu li a{ background: url(Images/seperator.jpg) bottom right no-repeat; color:#FF0000; display:block; font-weight:normal; line-height:44px; margin:0px 0px 0px px; padding:0px 8px 0px 8px; text-align:center; text-decoration:none; } .menu li a:hover, .menu ul li:hover a{ background: #FF0000 url(Images/hover.gif) bottom center no-repeat; color:#000000; text-decoration:none; } .menu li ul{ background:#FF3366; display:none; height:auto; padding:0px; margin:0px; margin-left:-5px; border:0px; position:absolute; width:225px; z-index:200; /*top:1em;

/*left:0;*/ } .menu li:hover ul{ display:block; } .menu li li { background:url(Images/sub_sep.gif) bottom left no-repeat; display:block; float:none; margin:0px; padding:0px; width:225px; } .menu li:hover li a{ background:none; } .menu li ul a{ display:block; height:35px; font-size:12px; font-style:normal; margin:0px; padding:0px 0px 5px 15px; text-align:left; } .menu li ul a:hover, .menu li ul li:hover a{ background:#FF0000(Images/hover_sub.gif) center left no-repeat; border:0px; color:#ffffff; text-decoration:none; } .menu p{ clear:left; } /* Menu Login */ .menulogin { float: left; width: 360px;

margin: 0px; padding: 0px; } .menulogin a { text-decoration:none; color:#CC0033; text-transform: uppercase; font-family: 'Arvo', serif; font-size: 14px; font-weight: normal; } .menulogin ul { overflow: hidden; color:#CC0033; padding-bottom:20px; } .menulogin ul li:hover a{ display:block; width:202px; padding-left:5px; background: #2580a2; color:#993300; text-decoration:none; } Scirpt ClassForm <?php class Form{ function awal_form($name,$method,$action){ echo "<form name='$name' method='$method' action='$action'>"; } function field($name){ echo "<input type='text' name='$name'><br>"; } function pas($name){ echo "<input type='password' name='$name'><br>"; } function submit($name,$value){

echo "<input type='submit' name='$name' value='$value'>"; } function akhir_form(){ echo "</form>"; } function select($name,$isi){ echo "<select name='$name' size='1'>"; foreach($isi as $key=>$value){ echo "<option value='$key'>$value</option>"; } echo "</select>"; } } ?> Script home <html> <head> <link href="css.css" rel="stylesheet" type="text/css"> <title>Don_Bola_News</title> </head> <body bgcolor="#FF0000"> <div id="post" align="center"> <div align="center"><p><img src="Headers.jpg" width="870" height="200" ></p></div> <div align="center"> <div class="menu"><h3> <table bgcolor="#990033"><tr><td><ul><li><a href="home.php"><H3>HOME</H3></a></li> <li><a href="#"><H3>Liverpool</H3></a> <ul> <li><a href="home.php?page=">Transfer Pemain</a></li> <li><a href="home.php?page=weddings">Hasil Pertandingan</a></li> </ul> </li> <li><a href="home.php"><h3>Galery</h3></a> <ul> <li><a href="home.php?page=rook">Photo</a></li> <li><a href="home.php?page=pop">Video</a></li> </ul> </li> <li><a href="#"><h3>Daftar</h3></a>

<ul> <li><a href="home.php?page=daptar">Setup ente wah</a></li> </li> </ul> <li><a href= "home.php?page=login"><h3>LOGIN</h3></a> </li> </ul> </h3> </td> </tr> </table> </div> </div>

</div> <div id="post"align="center"> <H3><p align="justify"> Liverpool Football Club (dikenal pula sebagai Liverpool atau The Reds) adalah sebuah klub sepak bola peserta Liga Utama Inggris. Liverpool adalah klub tersukses dalam sejarah persepakbolaan Inggris yang bermarkas di kota Liverpool. Liverpool telah memenangkan 5 trofi Liga Champions (dulu Piala Champions), yang merupakan rekor Inggris.18 gelar Liga Inggris, 7 Piala FA, serta, 7 kali juara Piala Liga. Stadion mereka berada di Anfield, yang terletak sekitar 4,8 km dari pusat kota Liverpool.</H3></p> </div> </body> </html> <?php if(isset($_GET['page'])){ $page=htmlentities($_GET['page']); }else{ $page=""; } $file="$page.php"; $cek=strlen($page); if($cek>30 || !file_exists($file) || empty($page)){ }else{

include ($file); } ?> Script Pemanggilan <div id="post"align="center"> <?php include("classform.php"); $form1 = new Form; $form1->awal_form("Form_Input","post","home.php"); ?> <table width="200" border="1"> <tr> <th colspan="3" scope="col">login</th> </tr> <tr> <th width="101" align="right" scope="row">email</th> <td width="3">:</td> <td width="74"><?php $form1->field("txtemail");?></td> </tr> <tr> <th align="right" scope="row">password</th> <td>:</td> <td><?php $form1->pas("txtpassword");?></td> </tr> <tr> <th scope="row">&nbsp;</th> <td>&nbsp;</td> <td><?php $form1->submit("btnlogin","login");?></td> </tr> </table> </div>