01 November 2007

Membuat Perintah tombol

Ini adalah perintah untuk membuat perintah tombol pada Layout klasik seperti yang saya buat diatas. Anda cukup menambahkan perintah supernav di CSS. Bentuknya sebagai berikut.


#supernav {
font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
position: absolute;
top: 135px;
left: 70%;
width: 720px;
margin: 0 0 0 -190px;
padding: 5px 16px; /* duplicate the tab size */
text-align: left;
display: block;
}

#supernav li {
margin: 0;
padding: 0;
text-transform: lowercase;
display: inline;
}

#supernav a {
color: #000000;
background: #33CC33;
font-weight: normal;
height: 19px;
padding: 5px 16px;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}

#supernav a:hover {
color: #111;
background: #999;
text-decoration: none;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}

#supernav .current_page_item a {
color: #111;
background: #999;
text-decoration: none;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}


Kemudian supaya tampil, kita harus mendeklarasikan perintah tersebut di mana yang kita inginkan. Misalnya di main bagian atas , berarti cari perintah ini dulu :

<!-- Begin #main -->
<div id="main"><div id="main2">

<Blogger>


Lalu berikan perintah ini bawah perintah diatas.


<div><ul id="supernav">
<a href="http://getcomputer.blogspot.com/2007/08/satu">Belajar HTML</a></li>
<a href="http://getcomputer.blogspot.com/2007/08/dua">Belajar Blogger</a></li>
<a href="http://masprim.wordpress.com" target="new page">Pondok lain</a></li>
</ul>
</div>


Yang berwarna biru, silahkan ganti dengan link yang anda gunakan.

3 comments:

  1. Great Site! Check out what i am doing

    Micah Wallace
    1-905-769-4665
    wallacem@cogeco.ca
    www.quickstarttowealth.com/members/madlw/

    ReplyDelete
  2. SCC nya dimana...??? uuhhh gag ketemu.. Html ma SCC bedakan??

    ReplyDelete

YOUR COMMENTS

Post Favorit

Konsistensi

Konsistensi atau konsisten adalah sesuatu yang dilakukan terus menerus sampai batas waktu yang ditentukan atau tidak ada batas sama sekali....

Popular Posts

Author

Newsletter