GuDanG iLmU: Desain Pemrograman Web

Jumat, 06 Mei 2011

Mendesain Menu Dengan CSS

Mendesain Menu (Vertikal) dengan CSS

Untuk mendesain menu dengan CSS kita memerlukan daftar menu yang dibuat dengan HTML. Tag HTML yang digunakan untuk membuat menu adalah ul. Di bawah ini adalah kode HTML dari menu yang akan didesain oleh CSS.

Kode tersebut akan menghasilkan tampilan sbb:

* Home
* Services
* Support
* About Us
* Contact Us

Untuk mendesain menu tersebut kita harus memberi id terlebih dahulu untuk membedakan dengan daftar ul yang lain, sehingga kode di atas menjadi sbb:

Download Tulisan Lengkap : Klik untuk Download

Cara membuat Menu Daftar

LETAKKAN GAMBAR DISINI

Dan Sciptnya ada di bawah :

<html>
<head>
<script type="text/javascript">
function tampil_prompt()
{
   var name=prompt("Please enter your name");
   if (name=="")
   {
        alert("Masukan Nama Anda");
        return;
   }
   var jk=prompt("Jenis kelamin L/P");
   if (jk=="")
   {
        alert("Masukan Jenis Kelamin Anda");
        return;
   }
   var alamat=prompt("Masukan alamat");
   if (alamat=="")
   {
        alert("Masukan Aalamat Anda");
        return;
   }
   var com=confirm("apa anda setuju??");

   if (jk=="L")
   {
       jk="Mas";
   }
   else
   {
       jk="Mbak";
   }
   if (com==true)
   {
       document.write("heLoo "+jk+" "+name+" "+"</br>"+"alamat anda di : "+alamat);
   }
   else
   {
   alert("anda batal daftar");
   }
}
    </script>
</head>
<body> <center>
<table>
<tr>
    <td>
        <img src="http://klikmyebook.files.wordpress.com/2009/12/ubuntu_904.jpg">
    </td>
</tr>
<tr>
    <td>
    <input type="button" onclick="tampil_prompt()" value="Daftar" />
    </td>
</tr>
</table>
    </center>
</body>
</html>