Scribd Logo
Upload

Welcome to Scribd!

  • Listing Menu Utama

    Uploaded by

    Harry Soepandi
    4K views3 pages
    Program Menu Utama dengan type Dropdown

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Program Menu Utama dengan type Dropdown

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4K views3 pages

    Listing Menu Utama

    Uploaded by

    Harry Soepandi
    Program Menu Utama dengan type Dropdown

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    /* Listing Menu Utama index.

    php */
    <html>
    <head>
    <title>Sistem Informasi Sekolah</title>
    <style>
    /* Menu Bar */
    #navigation {
    background-color : black;
    width : 800px;
    height : 39px;
    border-bottom : 1px solid #ccc;
    }
    #navigation ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
    #navigation ul li {
    float:left;
    position : relative;
    }
    #navigation ul li a {
    display:block;
    padding:10px 20px;
    color:#fff;
    text-decoration:none;
    font-family: calibri;
    }
    #navigation ul li a:hover {
    background-color:#72b626;
    }
    /* Menu Dropdown */
    #navigation ul li ul {
    display: none;
    }
    #navigation ul li:hover ul {
    display:block;
    position: absolute;
    }

    #navigation ul li:hover ul li a {
    display:block;
    background-color : black;
    color : #fff;
    width : 150px;
    border-bottom : 1px solid #ccc;
    }
    #navigation ul li:hover ul li a:hover {
    background-color : #72b626;
    }
    #navigation ul li:hover > a {background: #72b626;}
    </style>
    </head>
    <body>
    <div id="navigation">
    <ul id="nav">
    <li><a href="#">Beranda</a></li>
    <li><a href="#">Data</a>
    <ul>
    <li><a href="#">Bidang Studi</a></li>
    <li><a href="#">Kompetensi Keahlian</a></li>
    <li><a href="#">Standar Kompetensi</a></li>
    <li><a href="#">Siswa</a></li>
    <li><a href="#">Wali Murid</a></li>
    <li><a href="#">Nilai</a></li>
    <li><a href="#">Guru</a></li>
    </ul>
    </li>
    <li><a href="#">Rekam Data</a>
    <ul>
    <li><a href="#">Bidang Studi</a></li>
    <li><a href="#">Kompetensi Keahlian</a></li>
    <li><a href="#">Standar Kompetensi</a></li>
    <li><a href="#">Siswa</a></li>
    <li><a href="#">Wali Murid</a></li>
    <li><a href="#">Nilai</a></li>
    <li><a href="#">Guru</a></li>
    </ul>
    </li>
    <li><a href="#">Petunjuk Program</a></li>
    <li><a href="#">Tentang Kami</a></li>
    </ul>
    </div>
    <form method="post" action="home_admin.php" class="form-horizontal">
    <label class="username">Username</label>
    <input class="input" type="text" name="username" placeholder="Masukkan
    Username">

    <label class="password">Password</label>
    <input class="input" type="password" name="pass"
    placeholder="Masukkan Password">
    <button type="submit" name="submit" class="btn">Login</button>
    </body>
    </html>

    You might also like