Membuat Dropdown Menu Di HTML

Membuat Menu Dropdown dengan HTML & CSS

Menu dropdown adalah menu yang ketika di klik / ditunjuk akan menampilkan sub menu di bawahnya, seperti terlihat pada gambar berikut:

Nah.., untuk membuatnya silahkan anda buat file html dengan nama menu.html, dan ketikkan kode html berikut:

<html>


<head>


<title>Membuat Menu Dropdown dengan CSS</title>


<link rel="stylesheet" href="menu.css" type="text/css"/>


</head>


<body>


<div id='ddmenu'>


<ul>


   <li class='active'><a href='index.html'><span>Home</span></a></li>


   <li class='has-sub'><a href='#'><span>Produk</span></a>


      <ul>


         <li><a href='#'><span>Produk 1</span></a></li>


         <li class='last'><a href='#'><span>Produk 2</span></a></li>


      </ul>


   </li>


   <li><a href='#'><span>Tentang Kami</span></a></li>


   <li class='last'><a href='#'><span>Hubungi Kami</span></a></li>


</ul>


</div>


</body>


</html>

Selanjutnya buatlah file css pada folder yang sama dengan file html dengan nama menu.css, dan ketik kode CSS berikut:

#ddmenu{ height:37px; display:block; padding:0; margin: 0;  border:1px solid; border-radius:5px; } 


#ddmenu > ul {list-style:inside none; padding:0; margin:0;} 


#ddmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 


#ddmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 


#ddmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 


#ddmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 


#ddmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 


#ddmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 


#ddmenu > ul > li.has-sub:hover > a:before{top:19px;} 


#ddmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 


#ddmenu ul li.has-sub:hover > ul, #ddmenu ul li.has-sub:hover > div{display:block;} 


#ddmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 


#ddmenu ul li > ul, #ddmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 


#ddmenu ul li > ul{width:200px;} 


#ddmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 


#ddmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 


 


 


#ddmenu, #ddmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); } 


#ddmenu{border-color:#000;} 


#ddmenu > ul > li > a{border-right:1px solid #000; color:#fff;} 


#ddmenu > ul > li > a:after{border-color:#444;} 


#ddmenu > ul > li > a:hover{background:#111;}

Anda juga bisa hanya dengan SATE (Salin Tempel) alias Copy Paste dari kode yang sudah ada disini, silahkan dikembangkan pada website anda.

Idea Source : http://dosen.unived.ac.id

Download Kj Activator [WIndows]

Assalamualaikum Wr.Wb
Kawan Kawan , Kali ini saya akan mengupload yang kedua "Kj-Activator" yeeee :D

Mungkin ada yang belum tahu tentang fungsi "Kj-Activator"
Kj-Activator kali ini berfunsi di semua versi Windows yang kita pakai  #horeee , Pasti anda senang bukan ?

Sekarang kita kupas mengenai fungsi "Kj-Activator"

Mungkin komputer anda pernah mengalami  "not genuine" , yang contohnya layar komputer anda hitam , dan tidak bisa di ganti gambar dokumen , salah satu cara nya pakai Kj Activator :D & Masih banyak lagi kegunaan Kj Activator

CARA AKTIVASI WINDOWS 7 :

(Tested Avast Antivirus - No Detect Malware)

1. Jalankan KJ Activator > klik kanan > Run as administrator
2. Pada pilihan bahasa, Klik tulisan "English" untuk mengubah bahasa
3. Pilih "Windows 7"
4. Pilih "OEM activation"
5. Pilih "Install Pirate Activation"
6. Tunggu sampai proses selesai.. lalu Restart PC
7. Enjoy.. Windows 7 is Activated

Download Kj Activator 2013  (30Mb Rar)

Perbandingan Driver Grafis Nvidia GeForce Dan Ati Radeon

Assalamualaikum Wr.wb
Kali ini saya akan menjelaskan tentang Nvidia dan Ati Radeon

Masalahnya kan ada di produkyang berada di perpotongan pasar itu tadi.simplenya, kalau mau VGA murah lebih ke ATI, dan kalau mau VGA mahal lebih kuat plih Nvidia. kalau VGA tengah? nah, produk tengah-tengah ini, buat ATI adalah produk high-endnya mereka. Sedang buat Nvidia baru produk mid-endnya(seri 98).




Kelebihan VGA Nvidia

Sebagai produsen chip grafis no.1, Nvidia memiliki segudang uang untuk menjalin kerjasama para programmer & game developer. Dengan begitu game buatan mereka akan berpihak ke kubu Nvidia. Atau dengan kata lain kualitas gambar game tersebut akan menjadi lebih buruk bila dijalankan pada videocard ATI. Nvidia cukup serius dalam menjalankan strategi konspirasi ini. Bahkan mereka mempropagandakan strategi ini sebagai TWIMTBP (The Way It's Meant To Be Played).



Bila sebuah game menyandang logo TWIMTBP, berarti game tersebut dibuat dengan campur tangan Nvidia di dalamnya, dan sudah dipastikan kualitas gambar / kinerja terbaik hanya akan didapat bila menggunakan videocard Nvidia. Secara logika saja, tentu mustahil bila sebuah game yang disponsori Nvidia ternyata tampilannya sama baiknya bila menggunakan ATI.



Kelebihan Ati Rhodeon
ATI punya eyefiniti, HD3D, APP. Sedangkan untuk Nvidia punya stereoscopic (harus SLI), Physx, CUDA, 3D surround. Kemudian untuk Kelemahan ATI yaitu tidak support physx, dan Kelemahan nvidia adalah lbh boros listrik, kalo mau streoscopic harus SLI. Mobo certified SLI lbh mahal dari mobo support CF. nah sekarang saya jelaskan istilah2 grafis yang dimiliki kedua vga tersebut.

Eyefinity adalah adalah teknologi ati radeon yg memungkinkan sebuah VGA dipasangkan 6 monitor karena memiliki 6 port dvi. Contoh vga yg memiliki teknologi itu yaitu HD5870 Eyefinity Edition. Jadi kalo misal main NFS, layarnya lebih lebar karena bisa digabungkan dengan 6 LCD sekaligus.

Teknologi ini memungkinkan GPU, processor yang tertanam dalam VGA untuk membantu CPU dalam kalkulasi pemrosesan data. Hal ini tentu saja mempercepat kinerja komputer secara keseluruhan. CUDA, yang bekerja pada bahasa pemrograman C memang dirancang untuk memaksimalkan kinerja GPU untuk memecahkan kompleksitas yang terdapat pada proses kumputasi. Teknologi ini memaksimalkan proses pengolahan gambar, video, rendering 3D, dan lain sebagainya. Dengan CUDA, encoding sebuah video dapat dijalankan lebih cepat.

2 sampel produk yg akan diperbadingkan dgn VGA lain yg selevel 

AMD radeon 6790
Performance compare:
“Performance is superior to the NVIDIA GTX 550 Ti and Radeon HD 5770, less powerful than the Radeon HD 6850 and close to the GTX 460 768MB and Radeon HD 5830.” (source: wiki)
Price compare: NVIDIA GTX 550 Ti and GTX 460, same VGA card brand @rakitan.com)
- Digital Alliance HD 6790 1Gb 256Bit DDR5 Ati Radeon PCI Exp. Rp.1.270.000
- Digital Alliance GTX 550 Ti Sonic 1024Mb 192Bit DDR5 NVidia PCI Exp. Rp.1.398.000
- Digital Alliance GTX 460 Green 768Mb 192Bit DDR5 NVidia PCI Exp. Rp.1.537.000

Jadi ternyata dgn harga yg lbih murah (AMD Radeon 6790) kita dpt kualitas yg lbih bgus dibanding yg lbih mahal GTX 550.

Dari perbandingan pertama tadi ga brarti AMD radeon lbih bagus, karen stiap versi punya kmampuan berbeda dan harga pun beda. jadi stiap sampel produk yg dijadikan sampel beda, hasilnya jg akan beda. Tentunya produk yg di compare harus seimbang performancenya.

Sampelnya yaitu HD 6870 yg akan dicompare dgnGTX 560:
Performance compare:
“GTX 560 are slightly faster than the Radeon 6870″ (source: wiki)
Price compare:
- Digital Alliance GTX 560 1024Mb 256Bit DDR5 NVidia PCI Exp. Rp. 1.807.000
- Digital Alliance HD 6870 1Gb 256Bit DDR5 Ati Radeon PCI Exp. Rp. 1.949.000

Kesimpulan
Antara Nvidia vs Ati Rhodeon kenbanyakan pihak mengaku memilih Nvidia karena lebih lama berkiprah dan mampu menghadapi pesaing sampai saat ini. Sebetulnya kedunya udah sama-sama kuat mengingat sekarang banyak laptop-laptop yang di fusion processor AmD dan VGA Ati Rhodeon meraih pasar gamers yang bagus di enrti level

Memperbaiki Boot Loader Windows 7 Yang Bermasalah

BOOTMGR IS MISSING ?



Jika kamu punya masalah dengan Boot Loader saat menghidupkan komputer, maka cara dibawah ini akan memperbaiki masalahnya. Jika saat komputer dinyalakan, tapi tidak mau Boot ke Windows, berarti ada masalah di MBR (Master Boot Record). Cara memperbaikinya adalah:


Boot Dari DVD Instalasi Windows
Saya asumsikan kamu semua sudah mempunyai DVD Instalasinya. Masukkan DVDnya dan atur bootnya supaya boot melalui DVD. Lalu, setelah itu akana ada dialog box untuk menginstall Windows 7. Klik "Repair your computer"

Lalu pilih sistem operasi kamu dan klik Next

Lalu, klik Command Prompt

Memperbaiki MBR (Master Boot Record)
Jika ingin mengembalikan MBR seperti semula, ketik perintah ini di Command Prompt:
bootrec /fixmbr  
Lalu, buatlah sektor boot baru dengan mengetikkan perintah dibawah ini:
bootrec /fixboot

Begitulah cara memperbaikinya, jika ada pertanyaan, silahkan berkomentar
-Maulana-
Source : http://www.windowsku.com/2011/11/memperbaiki-boot-loader-windows-7-yang.html