Tutorial Komputer, Website, Blogger dan Surat

Full Arsip Surat

Download segala jenis surat yang anda butuhkan.

Dasar-dasar blogging

Belajar ngblog bagi pemula dan tingkat lanjut.

Belajar Web Desain

Panduan membuat website secara mudah dan cepat.

Desain Grafis

Trik dan Tips Desain grafis khususnya Photoshop.

Info Teknologi

Info seputar Teknologi dan Internet

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

Pages

Featured Post

Konsistensi

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

Total Pageviews

Popular Posts

Support