Menu Horizontal
Untuk Menu Horizontal Aku Belum Utak utik Buat Menu yang bagus,Aku posting dulu biar aku nggak lupa untuk buat menu ini, hi..ii.i
tapi kalau mau buat ini ada aku ambil dari blog mana aku lupa:
Pertama copy paste kode dibawah ini
#horisontal ul {
font: normal 15px verdana, Arial, Sans-serif;
padding-left: 0;
margin-left: 0;
height: 15px;
}
#horisontal ul li {
list-style: none;
display:inline;
}
#horisontal ul li a {
padding: 3px 20px;
text-decoration: none;
float: center;
background: #F5DEB3;
color: #000000;
border-right: 3px solid #FFEBCD;
border-left: 3px solid #FFEBCD;
border-top: 2px solid #FFFAFA;
border-bottom: 2px solid #FFFAFA;
}
#horisontal ul li a:hover {
background: #DEB887;
border: 1px solid #1D71B9;
color: #FFFF00;
}
Letakan kode diatas diantara <head> ...... <head> atau letakan diatas kode ...]]></b:skin>
Kemudian copy kode di bawah ini
<div id='horisontal'>
<ul>
<li><a href='http://catoer.blogspot.com'>Home</a></li>
<li><a href='http://catoer.blogspot.com'>product</a></li>
<li><a href='http://catoer.blogspot.com'>busines</a></li>
<li><a href='http://catoer.blogspot.com'>work</a></li>
</ul>
</div>
Letakan kode tersebut dibawah header atau dimana saja yang anda sukai
Contoh:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ADBRITE (Header)' type='Header'/>
</b:section>
</div>
letakan diantara
</b:section>
</div>
Untuk alamat link bisa anda edit sendiri.
Untuk warna menu anda dapat mengedit kode diatas
Contoh:
#horisontal ul li a:hover {
background: #DEB887; .......>#DEB887; adalah warna backround
border: 1px solid #1D71B9; .......>#1D71B9; adalah warna garis pinggir
color: #FFFF00; ........>#FFFF00; adalah warna teks
Untuk melihat macam-macam kode warna buka aja Web Color
Custom Search
Monday, October 22, 2007
Menu Horizontal
Subscribe to:
Post Comments (Atom)
catoer.blogspot.com?mini=1
0 komentar:
Post a Comment