NaniS1

Pelajaran WEB DEV minggu kemaren blajar bikin website heheeee puyeng

<html>
    <head>
        <title>WebKu</title>
        <link type="text/css" rel="stylesheet" href="css/utama.css" />
        <link type="text/css" rel="stylesheet" href="css/menu.css" />
        <link type="icon" rel="shortcut icon" href="image/rgi.ico" />
        <script src="js/jquery-latest_min.js" type="text/js"></script>
        <script src="js/script.js"></script>
    </head>
    <body>
        <div id="atas"><img class="logo"
        src="image/tkj.png"/>
            <h1>Web Statis</h1>
            <h2>by Nani Suryani</h2>
            <div id="menu"></div>
            </div>

            <div id='cssmenu'>
<ul>
   <li><a href='#'><span>Home</span></a></li>
   <li class='active has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li class='has-sub'><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li class='last'><a href='#'><span>Sub Product</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span>Product 2</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li class='last'><a href='#'><span>Sub Product</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href='#'><span>About</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>

        <div id="isi"></div>
        <div id="bawah">
            Belajar Web Statis</br>
            by <a href="http://nanikawai9@gmail.com" target="_blank"> Nani Suryani</a></br>
            © 2015</br>
        </div>
    </body>
</html>

ini menu css nya heeee...

body{
    background: #49EA9A;
}
#atas{
    background:#00FF00 url(../image/images.jpg);
    height: 120px;
    margin: 10px auto 0px auto;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 10px rgb(0 0 0) inset;
}
.logo{
    float: left;
    height: 125px;
    margin-right: 10px;
}
#atas h1{
    font-size: 40px;
    line-height: 40px;
    font-weight: 500px;
    color: #1E90FF;
}
#atas h2{
    margin-top: -35px;
    font-size: 20px;
    line-height: 38px;
    font-weight: 500px;
    color: #FF0000;
}
#bawah{
    background:#90EE90 url(../image/images.jpg);
    margin: 950px auto 0px auto;
    height: 80px;
    text-align: center;
    padding-top: 30px;
    font-family: Comic Sans MS;
    font-size: 15px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 0px 10px rgb(0 0 0) inset;
    text-shadow: 5px 5px 5px #FF0000;
    color: #1E38FF;
    clear: both;
}
#bawah a{
    text-decoration: none;
}

sayang java scrip nya belon jadi ini belon maksimal heheee...........

Senin, 16 Maret 2015

Tidak ada komentar:

Posting Komentar