Posts

Showing posts from August, 2013

Bagaimana Cara Buat Kod Menu Bar Navigasi CSS

Navigation Bar
Menggunakan bar navigasi adalah penting bagi mana-mana laman web.
Dengan CSS anda boleh mengubah menu HTML.

Navigation Bar = Senarai Pautan
A bar navigasi memerlukan HTML standard sebagai asas.

Sila lihat contoh menu bar blog saya, menggunakan CSS membina bar navigasi dari senarai HTML standard.

A bar navigasi pada dasarnya ialah senarai pautan, jadi menggunakan <ul> dan unsur-unsur <li>lihat contoh dibawah:



<ul>

<li> href="#"> Home </ a> </ li>

<li> href="#"> SEO </ a> </ li>

<li> href="#"> Blog Tips</ a> </ li>

<li> href="#"> Video Tutorial </ a> </ li>

<li> href="#"> sitemap</ a> </ li>

</ Ul>

Sekarang mari kita lihat margin dan padding daripada senarai:

ul
{
list-style-type:none;
margin:0;
padding:0;
}



Contoh jelas:
senarai-gaya-jenis:  - A bar navigasi tidak memerlukan penanda senarai
Menetapkan margin dan paddi…