Sinzo Sakurata Blog

Posts Tagged ‘Css

sering kali teman-teman saya yg baru belajar dan mengenal dunia webdesign bertanya. gimana sih cara bikin menu nya atau ajarin donk bikin menu flashnya dan saya sih dengan enteng nya menjawab : bikin nya sih pake css bukan pake flash soalnya klo pake flash pasti berat load menu nya.

Menu yg sering mereka tanyakan biasanya yaitu menu rollover dimana pada saat kita dekatkan pointer ke atas menunya maka si menu itu akan berubah warna atau berubah gambarnya.

oke untuk lebih detilnya akan saya berikan contoh menu rollover yg sangat dasar sekali yaitu dengan menggunakan element anchor.

<style>

a.menu{
display:block;
background:red;
color:#ffffff;
font-size:18px;
width:200px;
padding-top:20px;
padding-bottom:20px;
text-align:center;
}
a.menu:hover{
background:blue;
}

</style>

dan hasilnya seperti tampak pada gambar

dimana menu default akan berubah warna menjadi biru apabila pointer berada di atas menu tersebut.

ok itu untuk contoh basic nya. skarang kita akan membuat variasi di menunya dengan menambahkan image.

Read the rest of this entry »

Advertisements
Tags: ,