button

Untuk makluman, harini kita akan belajar membuat button menu. atau dalam bahasa inggerisnye menu button. lebih kurang la tu kan?.. heheh..

• Home
• Tutorial
  • Product 1
    • Description
      • Overview
      • General Info
      • License
      • wanshah
    • Buy Now
• Banner
  • Service 1
• About Me
• Photoshop

<div>

<p>Sila isikan maklumat tag anda disini.</p>

Boleh buat tutorial disini.

 

</div>

 

 

Ok, meh ikuti step2 di bawah ni untuk mulakan buat button macam kat atas ni. :)

[...] Selengkapnya...

[....] Ringkasan...

tutori

[...] Selengkapnya...

[....] Ringkasan...

tutorial

/* pull-down mainmenu css BY wanshah87.blogspot.com */ <br /> .mainmenu{ <br /> float: left; <br /> width: 100%; <br /> padding: 0; <br /> } <br /> .mainmenu ul { <br /> float: left; <br /> width: 100%; <br /> list-style: none; <br /> line-height: 1; <br /> color:#000000; <br /> background: #CE9A22; <br /> padding: 0; <br /> border: solid #000000; <br /> border-width: 1px 0; <br /> margin: 0 0 1em 0; <br /> } <br /> .mainmenu a, <br /> .mainmenu a:visited { <br /> display: block; font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;font-style:normal;text-decoration:underline; color: #000000; text-decoration: none; padding: 1em 1em; } .mainmenu ul ul a{ width:100%; height:100%; } .mainmenu ul a{ width:1%; } .mainmenu li { float: left; margin:0; padding:0; } .mainmenu ul li {float:left; position:relative; } .mainmenu ul li a {white-space:nowrap;} .mainmenu li ul { position: absolute; left: -999em; height: auto; width:15em; background: #000080; font-weight: normal; border-width: 1px; margin: 0; } .mainmenu li li { width:15em ; } .mainmenu li li a{ width:13em ; } .mainmenu li ul { margin: 0; } .mainmenu li ul ul { margin: -2.8em 0 0 13.5em; } .ul_ch, .mainmenu li:hover ul ul, .mainmenu li li:hover ul ul, .mainmenu li li li:hover ul ul, .mainmenu li li li li:hover ul ul, .mainmenu li li li li li:hover ul ul { left: -999em; } .mainmenu li:hover ul, .mainmenu li li:hover ul, .mainmenu li li li:hover ul, .mainmenu li li li li:hover ul, .mainmenu li li li li li:hover ul { left: auto; } .mainmenu li:hover>ul.ul_ch { left: auto; } .mainmenu li:hover{ background: #FF0000; } .mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{ color:#FFFF00; } .mainmenu li:hover li a, .mainmenu li li:hover li a, .mainmenu li li li:hover li a, .mainmenu li li li li:hover li a, .mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, .mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited { color:#FFFF00; } .mainmenu li li:hover, .mainmenu li li li:hover, .mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover { background: #B90000; z-index:9999; } .mainmenu li li:hover a,.mainmenu li li li:hover a, .mainmenu li li li li:hover a, .mainmenu li li li li li:hover a { color: #FFFF00; } .mainmenu ul ul a, .mainmenu ul ul a:visited, .mainmenu li li a, .mainmenu li li a:visited { color: #FFFF00; } .mainmenu ul ul a:hover, .mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited , .mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited, .mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited , .mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited, .mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{ color: #FFFF00; } .mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited , .mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited, .mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited, .mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{ color: #FFFF00; } /* end of mainmenu css */<br /&

[...] Selengkapnya...

[....] Ringkasan...

hari ini dalam sejarah

testing oleh yang demikian maka hendaklah aku engkau pergi menuju kesekolah ape lagi nak tulis ni. just untuk testing dan tatapan umum jer la eue...

evg sekatang dah makin susah sket nak cari apekobondonyo.

[...] Selengkapnya...

[....] Ringkasan...

testy

testing ajelah ini bagi new post punye barang.


ini plak text bawah read more punye barang.

[...] Selengkapnya...

[....] Ringkasan...