Home » » Membuat Perintah tombol

Membuat Perintah tombol

Written By Parmin Prim on 01 November 2007 | 10.30

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.
Share this article :

3 komentar:

  1. Great Site! Check out what i am doing

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

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

    BalasHapus

Popular Posts

Posting Update

Chat Langsung

Diberdayakan oleh Blogger.

Follow by Email

 
Support : Primaya | Masprim | My Facebook
Redesain © 2015. primaya.blogspot.co.id - All Rights Reserved
Template Source from Creating Website
Proudly powered by Blogger