You Are Reading

0

Tutorial Buat Menu Navigation - Update

ArryCode Saturday, March 5, 2011 ,

 Cara2 membuat Menu Navigation.

Buka Layout template Blogger anda dan pilih Edit HTML.
Download full template, template anda sebelum memulakan pengubahan untuk kegunaan masa depan

Langkah pertama
Tidak perlu

Langkah Kedua
-CSS coding-
Masukkan kod atau script selepas pengakhir # header:

Contoh
#header-right {
float:right;
width: 150px;
height: 81px;
margin-top: 5px;
margin-right: 160px;
}
(-kat sini-)

Copy dan paste coding dibawah mengikut langkah 2

Ctrl + C untuk copy

Anda boleh mengubah kelebaran dan ketinggian menu dengan menukar
width:960px;
height:30px;

tukar warna background atau memasuk kan url pada
background:#FFFFFF url (http:"");

kedudukan antara diatas dan bawah:
margin-top:20px;
margin-bottom:20px;

Jarak dari kiri
margin-left:0px;

Border untuk wrapper:
 border: 2px dotted/solid #588CB8;
- moz border radius -: 5px ;
untuk curve border

penukaran color hover juga boleh dibuat mengikut kesesuaian anda..
#menu ul li a:hover {
font-weight: bold; <--- normal untuk biasa
font-transform: uppercase; <--- none klau tidak mahu penggunaannya
color: #FFFFFF; <--- warna yang sesuai
text-decoration: none; <--- underline


Langkah ketiga
Selepas <body> cari  <div id='header'> dengan Ctrl + F

Copy dan paste coding dibawah di pengakhir <div id='header'></div>

Ctrl + C untuk copy

Preview sebelum  save template untuk memastikan kehendak anda tercapai....

Sila beri komen sekiranya terdapat permasalahan pada coding di atas...


0 comments:



 
Copyright 2010 ArryCode_Blog