Saturday, November 30, 2013
Disk Defragmenter
Disk Defragmenter - langsung disimak materi lanjutan kemarin Defragment yuk disimak dan dipelajari ya
Perfect Disk
Utility ini dapat menghapus fragmentasi file/folder yang ada pada suatu fixed disk drive secara cepat. Utility PerfectDisk merupakan Shareware yang dapat dipakai secara gratis selama 30 hari. Kotak dialog utility Perfect Disk cukup sederhana dan informatif. Pada sisi kiri kotak dialog, sistem menyediakan pilihan fasilitas yang disediakan utility Perfect Disk. Pada sisi kanan kotak dialog, sistem menginformasikan fasilitas terpilih tersebut. Lihat Gambar
[Anda dapat menutup tampilan On Screen Help menggunakan ikon (Close) yang ada pada sisi kanan atasnya. Gunakan fasilitas Configuration – Customize untuk mengatur penampilan window On Screen Help tersebut, khususnya pada bagian Display on screen help.]
Anda dapat mengaktifkan fasilitas:
- Defragment
Untuk menganalisa fragmentasi pada fixed disk drive terpilih (Analyze), menghapus fragmentasi file/folder pada fixed disk drive terpilih (Entire Drive), menata fragmentasi file tertentu (Single File), atau memprosesnya pada saat sistem operasi Windows diaktifkan ulang (Offlines).
[Proses penataan fragmentasi pada saat sistem operasi Windows diaktifkan ulang (Offlines) berguna untuk menghapus fragmentasi file sistem. Hal tersebut tidak dapat dilakukan jika sistem operasi Windows sedang aktif.]
Anda dapat menggunakan bagian Stop untuk menghentikan proses penataan fragmentasi file/folder yang sedang berlangsung.
- Tools
Untuk menampilkan informasi statistik dari fixed disk drive terpilih (Sta- tistics), melacak file tertentu (Find File), melacak file berdasarkan ID (Lookup File), untuk menampilkan informasi proses (View Log), dan membatalkan penutupan pemakaian sistem secara otomatis (Abort Sche- duled Shutdown).
- Configuration
Untuk mengatur spesifikasi konfigurasi proses dari utility Perfect Disk. Anda dapat menggunakan bagian Advanced Configuration (untuk mengatur spesifikasi konfigurasi proses dari utility Perfect Disk), Customize (untuk mengatur tampilan prosesnya), atau Drive Properties (untuk menampilkan informasi konfigurasi dari fixed disk drive yang terpilih serta mengatur metode proses penataan fragmentasi file/folder yang akan digu- nakan).
- Legend
Untuk informasi dari kotak data yang digunakan. Misalnya, warna merah untuk data yang baru diubah, putih untuk ruang disk yang tidak terpakai, hijau untuk direktori, dan lain sebagainya.
Untuk menata fragmentasi file/folder yang ada pada suatu fixed disk, pilih fixed disk drive yang bersangkutan. Setelah itu, gunakan fasilitas Defragment – Entire Drive untuk memprosesnya. Pada waktu prosesnya, sistem akan me- nampilkan kotak dialog bernama Defragment Strategy. Lihat Gambar. Gunakan tombol More Options untuk menentukan metode penataan frag- mentasi yang diinginkan.
Setelah itu, gunakan tombol OK untuk melanjutkan proses. Pada waktu prosesnya, sistem akan menampilkan kotak data yang telah dan sedang diproses. Lihat Gambar. Pada kolom Status, sistem akan menampilkan informasi persentase proses yang sedang berlangsung. Setelah selesai, sistem akan menginformasikan hasil prosesnya pada kotak dialog Statistics. Lihat Gambar. Sistem juga menampilkan perbaikan kinerja sistem komputer. Jika ditemukan fragmentasi file sistem, utility PerfectDisk yang mengin- formasikannya. Anda dapat menggunakan tombol Yes untuk menghapus frag- mentasi file sistem tersebut setelah sistem operasi Windows diaktifkan ulang (Reboot).
[Utility Perfect Disk menawarkan fasilitas yang lengkap. Proses penghapusan fragmentasi file/folder yang ada pada suatu fixed disk drive pun dapat dilakukan dengan cepat. Sayangnya pengaturan spesifikasi konfigurasi prosesnya masih dirasakan agak sulit bagi pemakai pemula.]
Disk Defragmenter - yup dah selesai materinya, jika sobat blum mempelajari materi yang pertama silahkan sobat klik Defrag sekarang juga.
Thursday, November 28, 2013
Wikumagic News September IV 2011
Minggu terakhir bulan September 2011 diisi dengan beberapa berita yang lumayan menarik, walaupun boleh dibilang cukup sepi untuk dunia magic dan card flourish.
Dari luar negeri, ilusionis ternama dunia Criss Angel dipastikan resmi bertunangan dengan Sandra Gonzalez. Criss Angel meminang Sandra pada tanggal 7 September lalu di Cabo San Lucas, sebuah pantai di Meksiko. Berita ini dikonfirmasi secara resmi oleh PR Criss Angel pada tanggal 20 September lalu. Criss Angel mempersembahkan sebuah cincin berlian 5 karat untuk Sandra, dan ketika lamarannya diterima, sebuah pesta kembang api meriah ditembakkan ke angkasa.
Criss Angel bersama tunangannya, Sandra Gonzalez
Setelah perceraiannya dengan istri pertamanya JoAnn Winkhart di tahun 2005, Criss Angel mengatakan bahwa ia berharap bisa membawa pertunangan ini ke jenjang pernikahan. Selamat untuk Criss Angel dan Sandra Gonzalez, semoga mereka diberi kebahagiaan yang abadi.
Theory 11 memastikan untuk merilis satu dek baru bernama "Aristocrat Playing Card" yang dihargai 4.95 USD. Dengan pilihan desain punggung kartu berwarna biru serta merah dan desain yang indah, kartu ini nampak sangat elegan. Namun berdasarkan beberapa pendapat di forum magic internasional, kelebihan Aristocrat sebagai media card magic dan card flourish tidaklah terlalu istimewa. Kartu ini lebih cocok dimiliki oleh para kolektor.
Dari dunia flourish Indonesia, Rama Dimasatria merilis sebuah video card flourish berkualitas internasional berjudul "Prologue". Dalam video yang kurang lebih berdurasi 2 menit ini, Rama menunjukkan berbagai gerakan card flourish baru yang diinspirasi oleh card flourisher internasional. Sangat memukau, dan menurut saya nilai lebih video Rama ini ada pada berbagai move aerial yang sangat fresh dan original. Video ini juga menuai komentar positif dari berbagai card flourisher internasional seperti Oliver Sogard dan The Cuso (Alejandro Portela). Yang menjadi pertanyaan, apakah video ini merupakan sebuah Prologue (pembukaan) dari video-video maupun project dari Rama Dimasatria selanjutnya? Kita nantikan saja.
Dari blog Wikumagic, telah didapat pemenang event Flourish and My Love. Juara 1 ditempati oleh Herry Kurniawan a.k.a Akahito Fuchida dengan 43 persen suara, juara 2 oleh David Rohadi dengan 20 persen suara, dan posisi ketiga ditempati oleh Ridlo Muhammad dengan 17 persen suara. Akan diadakan interview dengan sang pemenang, Akahito yang akan dimuat di blog Wikumagic. Hadiah juga akan dikirimkan ke para kontestan dan anda yang memberikan komentar via email, paling lambat dalam waktu 2x24 jam setelah artikel ini dimuat.
Foto Pemenang Flourish and My Love by Herry Kurniawan
Yap, itulah sedikit informasi dari dunia sulap dan flourish minggu terakhir September 2011. Nantikan keajaiban-keajaiban berikut yang akan terus diupdate melalui blog Wikumagic.
Keep doing magic, and keep flourishing.
Hyderabad, September 27 2011
Wiku Pulangasih the Online Magician.
Kunjungi artikel-artikel sulap terbaik lengkap dengan video tutorial untuk menambah wawasan anda seputar dunia magic
1. Ratusan Trik Sulap Angka Terbaik di Dunia. Gratis dan Siap di Download
2. Tips dan Teknik, Praktis untuk melakukan Astral Projection dengan sukses
3. Magician-Magician Wanita : Terhebat, Tercantik dan Terseksi di Dunia
4. Cara Membengkokkan Sendok Dengan Kekuatan Pikiran Anda
6 Magician Paling Berpengaruh di Dunia
Berikut adalah 6 magician paling berpengaruh di dunia pekerja misteri versi "Magic Circle", salah satu komunitas magic terbesar di dunia.
Yang dimaksud "berpengaruh" adalah magician-magician yang mampu membawa perubahan di dunia magic dan menciptakan aliran-aliran magic baru.
1. Jean Eugene Robert-Houdin (Lahir tahun 1805, meninggal tahun 1871)
Robert-Houdin lahir di Prancis dan membawa sebuah aliran magic baru yang disebut "salon-magic". Magic yang dibawanya adalah gabungan antara ilusi dan alat-alat berat yang canggih untuk melakukan magic trik, digabungkan dengan teknik kecepatan tangan yang brilian.
Ia termasuk magician yang revolusioner, karena pertama kali memperkenalkan kostum "jas formal" di atas panggung. Sebelumnya, magician selalu identik dengan jubah panjang khas "Merlin" dan kotak peralatan yang besar dan berat.
Salah satu show-nya yang paling terkenal adalah saat ia melakukan "bullet catch"/ menangkap peluru di Algeria, untuk membuktikan bahwa magic modern Eropa jauh lebih spektakuler dari magic primitif Afrika.
2. Harry Houdini (1874-1926)
Lahir di Eirich-Weiss, Houdini lebih dikenal sebagai seorang Escapologist yang sangat brilian. Escapologist adalah kemampuan untuk meloloskan diri dari berbagai bahaya. Salah satu trik Houdini yang paling terkenal adalah "Water Chamber", yang juga dimainkan oleh Rizuki di final the Master season 3. Selain memainkan berbagai trik escapologist yang sangat gemilang, Houdini juga tampil di berbagai film drama dan komedi. Houdini diyakini sebagai pionir yang mampu membawa dunia magic ke dunia entertainment.
3. Doug Henning (1947-2001)
Doug Henning adalah magician asal Kanada yang pertama kali mengenakan kostum T-Shirt dan celana Jeans di atas panggung, meninggalkan kostum formal yang biasa dipakai magician di periode sebelumnya. Ia dikenal karena kemampuannya untuk menggabungkan magic dan seni. Di atas panggung, Henning tak hanya mempertontonkan magic, tapi juga seni tari, seni musik dan komedi. Henning meninggal tahun 2001 karena kanker.
4. David Copperfield
Copperfield muda mulai tampil di atas panggung pada pertengahan tahun 1970-an, dan dikenal sebagai magician yang flamboyan dan tampan. Saat magician lain masih melakukan trik menghilangkan asisten di atas panggung, Copperfield menghilangkan berbagai objek yang luar biasa besar. Salah satu yang paling terkenal adalah show-nya saat menghilangkan Patung Liberty di tahun 1976. Selain itu, ia juga menghilangkan pesawat Jet Orient, terbang di Grand Canyon, dan berjalan menembus tembok Cina. Saking hebatnya, banyak orang yang menganggap Copperfield bekerja sama dengan jin/ setan, padahal yang ia lakukan adalah memanfaatkan teknologi modern semaksimal mungkin.
5. Valentino (Val Valentino)
Dikenal juga sebagai "magician bertopeng/ masked magician". Valentino adalah seorang magician yang membongkar trik-trik luar biasa magician lain dalam sebuah acara televisi di Fox TV. Konon, Valentino saat ini masih menyembunyikan identitas aslinya, untuk menghindari para magician yang marah dan kecewa. Namun, hal-hal yang dilakukan Valentino di televisi dipercaya mampu meningkatkan apresiasi dan ketertarikan masyarakat awam pada dunia magic. Valentino selalu mengatakan, bahwa ia membuka trik magic untuk "mendorong" magician lain mencari trik baru yang benar-benar "fresh" dan berkualitas, demi kemajuan dunia magic.
6. David Blaine
David Blaine dianggap sebagai salah seorang magician yang pertama kali menyesuaikan diri dengan selera masa kini di era globalisasi. Ia tampil dengan gaya yang sangat santai dan membawa magic dari atas panggung "turun ke jalan" dengan melakukan street magic. Show yang ia bawakan tidak hanya terfokus pada sang magician semata, namun lebih kepada reaksi para penonton saat menyaksikan sebuah magic show berlangsung. Banyak orang yang mengatakan, "Blaine makes magic become cool again".
Itulah profil para magician yang paling berpengaruh di dunia. Bagaimana dengan Indonesia? Saya rasa baru Deddy Corbuzier yang konsisten dan berhasil membawa magic dari sebuah "permainan pinggir jalan" ke "dunia entertainment yang gemerlap". Intinya, jika anda ingin menjadi seorang magician yang melegenda, lakukanlah hal-hal yang benar-benar baru dan luar biasa, yang sebelumnya belum pernah terpikirkan oleh orang lain.
Magically Regards,
Wiku Pulangasih
The Online Magician
Wednesday, November 27, 2013
25 Menu Navigasi Vertikal Untuk Blogger Kode CSS dan HTML
Pada postingan saya kali ini, saya akan menyediakan 25 Tab Menu Navigasi Vertikal yang menggunakan kode CSS dan HTML. Saya sudah memeriksa dan mencoba kode yang diambil dari Christopher dan Highdots dan hasilnya semuanya kompatibel dengan Blogger karena ada sebagian yang saya modifikasi. Saya berharap koleksi ini akan menarik bagi sebagian besar dari Anda karena tab menu navigasi ini bisa dengan mudah dapat Anda diinstal, disesuaikan dan dicopy! Saya berharap ini akan sangat membantu untuk desainer baru seperti saya :)Bagaimana Cara Menambahkan Menu Navigasi Vertikal di Blogger?
Nah, proses ini sangat sederhana dan cukup mengikuti langkah-langkah berikut ini dengan hati-hati:
- Masuk ke Blogger > Template
- Backup dulu Template Anda
- Klik Edit HTML
- Centang Expand Widget Templates
- Paste kode CSS dari Menu yang Anda pilih tepat di atas kode ]]></b:skin>
- Untuk kode HTML bisa ada 2 posisi yang baik yaitu di sidebar kanan atau kiri. Tergantung berapa banyak kolom yang Anda miliki:
- Jika Anda memiliki sidebar di kanan, paste kode HTML di bawah kode <div id=sidebar-wrapper> atau <div id=sidebar-wrapper-right>
- Jika Anda memiliki sidebar di kiri, paste kode HTML di bawah kode <div id=sidebar-wrapper-left>
- Anda juga bisa langsung memasukkannya melalui gadget dengan cara masuk ke Layout > Add a Gadget > HTML/JavaScript, pastekan script HTML dari menu yang Anda pilih di dalamnya.
- Terakhir, simpan template Anda dan lihatlah perubahan yang terjadi
Catatan: Karena kebanyakan template menggunakan coding yang berbeda dan apabila Anda tidak dapat menemukan kode di atas maka silahkan tulis pesan di kotak komentar. Mungkin saya bisa membantu Anda.
Cara Mengedit Link Dalam Menu Navigasi
Untuk mengubah Link Tab Menu dan Judul, cukup mengedit bagian yang bercetak tebal dari kode HTML seperti contoh ini:
<li><a href="#1" >Link 1</a></li>
<li><a href="#2" >Link 2</a></li>
<li><a href="#3" >Link 3</a></li>
<li><a href="#4" >Link 4</a></li>
<li><a href="#5" >Link 5</a></li>
Ganti # 1, # 2, # 3 dll dengan URL/Link Anda dan ganti Link1, Link2, Link3 dll dengan Judul Halaman Anda. Jika Anda ingin menambah atau menghapus tab maka cukup menambahkan atau menghapus baris dari kode HTML berikut:
<li><a href="#" >Link</a></li>
25 Menu Navigasi Vertikal
Kode HTML#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZfGltulWKVgS84Bw9WtoZu_m5XuAbzBCA46ih1OVECoXRahvG2m4jSpd0EXMSYT_6cCJS-38Vh3LLY-Nns7v-GgTBP5q-AoCqMvTiMMDnEweoZ_AB8JMEn2w-7ATeWzk8As0leot2lOs/s800/menu6.gif); padding: 8px 0 0 20px; } #menu6 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZfGltulWKVgS84Bw9WtoZu_m5XuAbzBCA46ih1OVECoXRahvG2m4jSpd0EXMSYT_6cCJS-38Vh3LLY-Nns7v-GgTBP5q-AoCqMvTiMMDnEweoZ_AB8JMEn2w-7ATeWzk8As0leot2lOs/s800/menu6.gif) 0 -32px; padding: 8px 0 0 20px; }
<div id="menu6"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #2
Kode HTML#menu3 ul { list-style: none; margin: 0; padding: 0; } #menu3 img { border: none; } #menu3 { width: 200px; border: 1px solid #ccc; margin: 10px; } #menu3 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #888; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgONe8HsXN8hpzU2LKs5pklIix9KC5sb4B2QTxYcCx6qGw4RW2RoLiFP12LmHE7mqhYZmrb3rOlYQpcfvm-ktXWTsjJhLN3-RTc-Ua5mzr_5eqJ-2gpotU4O6kGhqy9lRFGVDAUkM86bkE/s800/menu3.gif); padding: 8px 0 0 30px; } #menu3 li a:hover, #menu3 li #current, #menu3 li a:active { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgONe8HsXN8hpzU2LKs5pklIix9KC5sb4B2QTxYcCx6qGw4RW2RoLiFP12LmHE7mqhYZmrb3rOlYQpcfvm-ktXWTsjJhLN3-RTc-Ua5mzr_5eqJ-2gpotU4O6kGhqy9lRFGVDAUkM86bkE/s800/menu3.gif) 0 -32px; padding: 8px 0 0 30px; }
<div id="menu3"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #3
Kode HTML#menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq9OO8t5gYt8UdGVq6-EkiUObsjY7DY6qY1kW8xUFta9DibAOrnG6yEOIkfmm-hg20I_IhWefOirsw_PEw__leENodndQwAqNbQnWlcD2A5-02T_4Llgk2O38s_PXTNnSrBCwNMtLx414/s800/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq9OO8t5gYt8UdGVq6-EkiUObsjY7DY6qY1kW8xUFta9DibAOrnG6yEOIkfmm-hg20I_IhWefOirsw_PEw__leENodndQwAqNbQnWlcD2A5-02T_4Llgk2O38s_PXTNnSrBCwNMtLx414/s800/menu9.gif) 0 -32px; padding: 8px 0 0 35px; }
<div id="menu9"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #4
Kode HTML#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #8D9179; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmBz6lgfRGGIewwdEn-9O7zmYj0PLvvqj7zase2uhQLdYZvAnb57_bs8Tvf8KKfKyEMq30KSCW1wd_XIxkWT5MUmuVrVbHEJvwSsFXTzETxxWQ0QMd3pw27B639_lUZqy7SC1Rn4JvAOk/s800/menu6.gif); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current, #menu6 li a:active { color: #6C7250; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmBz6lgfRGGIewwdEn-9O7zmYj0PLvvqj7zase2uhQLdYZvAnb57_bs8Tvf8KKfKyEMq30KSCW1wd_XIxkWT5MUmuVrVbHEJvwSsFXTzETxxWQ0QMd3pw27B639_lUZqy7SC1Rn4JvAOk/s800/menu6.gif) 0 -32px; padding: 8px 0 0 10px; }
<div id="menu6"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #5
Kode HTML#menu14 ul { list-style: none; margin: 0; padding: 0; } #menu14 img { border: none; } #menu14 { width: 200px; margin: 10px; } #menu14 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu14 li a:link, #menu14 li a:visited { color: #fff; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSYUiOilO2y67i_MlueeAzVD0Qsqlq3kBNeHfv8M5OHohh3TdRTEpsIhzCXQCf62gFwos9drXmgpnAu3cCp8KhgDskn2CkUNOhHJwnRsS2fHan9Bz_oIcUuShv1Zdr2nEl3CgMLCWM4oY/s800/menu14.gif) 0 -32px; padding: 8px 0 0 10px; } #menu14 li a:hover { color: #333; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSYUiOilO2y67i_MlueeAzVD0Qsqlq3kBNeHfv8M5OHohh3TdRTEpsIhzCXQCf62gFwos9drXmgpnAu3cCp8KhgDskn2CkUNOhHJwnRsS2fHan9Bz_oIcUuShv1Zdr2nEl3CgMLCWM4oY/s800/menu14.gif); padding: 8px 0 0 10px; }
<div id="menu14"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #6
Kode HTML#menu7 ul { list-style: none; margin: 0; padding: 0; } #menu7 img { border: none; } #menu7 { width: 200px; margin: 10px; } #menu7 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu7 li a:link, #menu7 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Be0W9764Jh_EzVT1rStfpNVDYhisbC7kU7wc7Uz6mYAf_aT5zjDeTXkj34IrTDaObOX79DrtvbUz9MZzuFQsJ-R9OM-JDun1YWcbX0ze3adD8wEMirSuvheRNAh9YfAWoxdmjdjRqFE/s800/menu7.gif); padding: 8px 0 0 30px; } #menu7 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Be0W9764Jh_EzVT1rStfpNVDYhisbC7kU7wc7Uz6mYAf_aT5zjDeTXkj34IrTDaObOX79DrtvbUz9MZzuFQsJ-R9OM-JDun1YWcbX0ze3adD8wEMirSuvheRNAh9YfAWoxdmjdjRqFE/s800/menu7.gif) 0 -32px; padding: 8px 0 0 30px; }
<div id="menu7"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #7
Kode HTML#menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 img { border: none; } #menu2 { width: 200px; border-style: solid solid none solid; border-color: #677D92; border-size: 1px; border-width: 1px; margin: 10px; } #menu2 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #fff; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3hyphenhyphen4moYFeBP5dUVWd-onRNhztFYzoBZlg-aW0iIYho4HqhCnDX5ivpgDS4cc_BMC8D95aQyNQM1tDZ0fOowYNzGtsbue9dyhospCQy1pVcxtodX75mbsIJ6nL4kCOMPXJwFUwfEDpNdM/s800/menu2.gif); padding: 8px 0 0 10px; } #menu2 li a:hover, #menu2 li #current { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3hyphenhyphen4moYFeBP5dUVWd-onRNhztFYzoBZlg-aW0iIYho4HqhCnDX5ivpgDS4cc_BMC8D95aQyNQM1tDZ0fOowYNzGtsbue9dyhospCQy1pVcxtodX75mbsIJ6nL4kCOMPXJwFUwfEDpNdM/s800/menu2.gif) 0 -32px; padding: 8px 0 0 10px; } #menu2 li a:active { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3hyphenhyphen4moYFeBP5dUVWd-onRNhztFYzoBZlg-aW0iIYho4HqhCnDX5ivpgDS4cc_BMC8D95aQyNQM1tDZ0fOowYNzGtsbue9dyhospCQy1pVcxtodX75mbsIJ6nL4kCOMPXJwFUwfEDpNdM/s800/menu2.gif) 0 -64px; padding: 8px 0 0 10px; }
<div id="menu2"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #8
Kode HTML#menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin-top: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #E5E8D4; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI_kWZ0PGWrm1Bw5f-VPIRc9ChxO2fMmdRaz6mMaKd5K8UZsAxmBcL6tr8-bD-jybWHEeF7_u3LPxkXNyDR1DFoeySwvd4cKxVRHjbVJomMy9NioQZRH7lb2hVimfJcYrri7Ckw7IQ6mQ/s800/menu9.gif); padding: 8px 0 0 10px; } #menu9 li a:hover, #menu9 li #current { color: #725033; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI_kWZ0PGWrm1Bw5f-VPIRc9ChxO2fMmdRaz6mMaKd5K8UZsAxmBcL6tr8-bD-jybWHEeF7_u3LPxkXNyDR1DFoeySwvd4cKxVRHjbVJomMy9NioQZRH7lb2hVimfJcYrri7Ckw7IQ6mQ/s800/menu9.gif) 0 -32px; padding: 8px 0 0 10px; } #menu9 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI_kWZ0PGWrm1Bw5f-VPIRc9ChxO2fMmdRaz6mMaKd5K8UZsAxmBcL6tr8-bD-jybWHEeF7_u3LPxkXNyDR1DFoeySwvd4cKxVRHjbVJomMy9NioQZRH7lb2hVimfJcYrri7Ckw7IQ6mQ/s800/menu9.gif) 0 -64px; padding: 8px 0 0 10px; }
<div id="menu9"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #9
Kode HTML#menu12 ul { list-style: none; margin: 0; padding: 0; } #menu12 img { border: none; } #menu12 { width: 200px; margin: 10px; } #menu12 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 22px; text-decoration: none; } #menu12 li a:link, #menu12 li a:visited { color: #666; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKcv_P5fO4HKww5-zJR7NmrIGK_T7J7NYjZRd8xIf4a-FbIQw0TMNSPRR05xBDl2JibDcRjwQhMdBiwFYbssGo3iGLmp8h-8JPRKGu07AQo3oXFyGheaWgaSzz7VDcvVJLbtA0qpJ_oAk/s800/menu12.gif); padding: 10px 0 0 35px; } #menu12 li a:hover { color: #000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKcv_P5fO4HKww5-zJR7NmrIGK_T7J7NYjZRd8xIf4a-FbIQw0TMNSPRR05xBDl2JibDcRjwQhMdBiwFYbssGo3iGLmp8h-8JPRKGu07AQo3oXFyGheaWgaSzz7VDcvVJLbtA0qpJ_oAk/s800/menu12.gif) 0 -32px; padding: 10px 0 0 35px; }
<div id="menu12"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #10
Kode HTML#menu13 ul { list-style: none; margin: 0; padding: 0; } #menu13 img { border: none; } #menu13 { width: 200px; margin: 10px; } #menu13 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu13 li a:link, #menu13 li a:visited { color: #C7377D; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2mAnh3IHuJ2URovXXoKSsz9jky1KOUCUdEnU1OhF2LsgL2oidPUKNAmcpgpohI3waRig8uLvjtY9gx3Vf5f50eokRgWrYTsKaH7h5TecQ9oYFBWQBpDUo7f4bGg0_j_-gcshY54uFS-Q/s800/menu13.gif); padding: 8px 0 0 10px; } #menu13 li a:hover { color: #C7377D; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2mAnh3IHuJ2URovXXoKSsz9jky1KOUCUdEnU1OhF2LsgL2oidPUKNAmcpgpohI3waRig8uLvjtY9gx3Vf5f50eokRgWrYTsKaH7h5TecQ9oYFBWQBpDUo7f4bGg0_j_-gcshY54uFS-Q/s800/menu13.gif) 0 -32px; padding: 8px 0 0 10px; }
<div id="menu13"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #11
Kode HTML#menu4 ul { list-style: none; margin: 0; padding: 0; } #menu4 img { border: none; } #menu4 { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 1px; border-width: 1px; margin: 10px; } #menu4 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #9E3C02; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnuHOX2O7vrY_etSZq8xYkwD9Ietcp9FmfWKpt1RsbeguKnW4nK7uf13oU0HhsizCIf7GiQ9lFgzMbpD4WnO_JXPrlRqWzef3PdZufDs4E64hlkdRBDDGvO5K967U9Xbtakrg5osp9uKk/s800/menu4.gif); padding: 8px 0 0 30px; } #menu4 li a:hover, #menu4 li #current { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnuHOX2O7vrY_etSZq8xYkwD9Ietcp9FmfWKpt1RsbeguKnW4nK7uf13oU0HhsizCIf7GiQ9lFgzMbpD4WnO_JXPrlRqWzef3PdZufDs4E64hlkdRBDDGvO5K967U9Xbtakrg5osp9uKk/s800/menu4.gif) 0 -32px; padding: 8px 0 0 30px; } #menu4 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnuHOX2O7vrY_etSZq8xYkwD9Ietcp9FmfWKpt1RsbeguKnW4nK7uf13oU0HhsizCIf7GiQ9lFgzMbpD4WnO_JXPrlRqWzef3PdZufDs4E64hlkdRBDDGvO5K967U9Xbtakrg5osp9uKk/s800/menu4.gif) 0 -64px; padding: 8px 0 0 30px; }
<div id="menu4"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #12
Kode HTML#navlist { color: white; background: #17a; border-bottom: 0.2em solid #17a; border-right: 0.2em solid #17a; padding: 0 1px; margin-left: 0; width: 12em; font: normal 10px Verdana, sans-serif; } #navlist li { list-style: none; margin: 0; font-size: 1em; } #navlist a { display: block; text-decoration: none; margin-bottom: 0.5em; margin-top: 0.5em; color: white; background: #39c; border-width: 1px; border-style: solid; border-color: #5bd #035 #068 #6cf; border-left: 1em solid #fc0; padding: 0.25em 0.5em 0.4em 0.75em; } #navlist a#current { border-color: #5bd #035 #068 #f30; } #navlist a { width: 99%; /* only necessary for Internet Explorer */ } #navlist a { voice-family: ""}""; voice-family: inherit; width: 9.6em; /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */ } #navcontainer>#navlist a { width: auto; /* only necessary if you use the hacks above for the Internet Explorer */ } #navlist a:hover, #navlist a#current:hover { background: #28b; border-color: #069 #6cf #5bd #fc0; padding: 0.4em 0.35em 0.25em 0.9em; } #navlist a:active, #navlist a#current:active { background: #17a; border-color: #069 #6cf #5bd white; padding: 0.4em 0.35em 0.25em 0.9em; }
<div id="navcontainer"> <ul id="navlist"> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #13
Kode HTML#menu8 ul { list-style: none; margin: 0; padding: 0; } #menu8 img { border: none; } #menu8 { width: 200px; margin-top: 10px; } #menu8 li a { text-decoration: none; height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; } #menu8 li a:link, #menu8 li a:visited { color: #777; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigL59EI6yqVq8FpN-2msXEIplNmerQUkOZiVIU2_sPKjKKwzmDD56qW6FIVXk_bs5tVvWK7H7sBNh9NozMU_FJPjJrSVWlz4iFR_y7y943Hbmmv5y34fBTgMzVXa128KXMyzG0P2xifV8/s800/menu8.gif); padding: 8px 0 0 20px; } #menu8 li a:hover, #menu8 li #current { color: #257EB7; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigL59EI6yqVq8FpN-2msXEIplNmerQUkOZiVIU2_sPKjKKwzmDD56qW6FIVXk_bs5tVvWK7H7sBNh9NozMU_FJPjJrSVWlz4iFR_y7y943Hbmmv5y34fBTgMzVXa128KXMyzG0P2xifV8/s800/menu8.gif) 0 -32px; padding: 8px 0 0 25px; } #menu8 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigL59EI6yqVq8FpN-2msXEIplNmerQUkOZiVIU2_sPKjKKwzmDD56qW6FIVXk_bs5tVvWK7H7sBNh9NozMU_FJPjJrSVWlz4iFR_y7y943Hbmmv5y34fBTgMzVXa128KXMyzG0P2xifV8/s800/menu8.gif) 0 -64px; padding: 8px 0 0 25px; }
<div id="menu8"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #14
Kode HTML#menu8 ul { list-style: none; margin: 0; padding: 0; } #menu8 img { border: none; } #menu8 { width: 200px; margin: 10px; border-style: solid; border-color: #656556; border-size: 1px; border-width: 1px; } #menu8 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu8 li a:link, #menu8 li a:visited { color: #656556 ; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxcI-HOBaK_afhDWQSfVgXovqZMS9MmSSWnik8QlQ-7STywCkLsylkKx3DJq76t4Evd_HXB2KUAvgBeOGNCd0qqYdZhubaMdoJKJy9WCXiAstorPjnJfoG_W4sDIsBgqiJgzpRKN8E_L4/s800/menu8.gif) ; padding: 8px 0 0 20px; } #menu8 li a:hover { color: #474739; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxcI-HOBaK_afhDWQSfVgXovqZMS9MmSSWnik8QlQ-7STywCkLsylkKx3DJq76t4Evd_HXB2KUAvgBeOGNCd0qqYdZhubaMdoJKJy9WCXiAstorPjnJfoG_W4sDIsBgqiJgzpRKN8E_L4/s800/menu8.gif) 0 -32px; padding: 8px 0 0 20px; }
<div id="menu8"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #15
Kode HTML#menu9 body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; } #menu1 ul { list-style: none; margin: 0; padding: 0; } #menu1 img { border: none; } #menu1 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #3D261D; border-size: 1px; border-width: 1px; } #menu1 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu1 li a:link, #menu1 li a:visited { color: #E4D6CD; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPcm1INth9J5l7oUqR6FSXDxbO8n-DCLRKtIFjDCplxojkizrCmYGqlQSpIADPTgMej-JSxLELi-ziuD-6dE9bCWq5sCYTLeaXPQTqASgNEtIMNcornO43YAtUi0GRMh1NZ7UD7u8xqUQ/s800/menu1.gif); padding: 8px 0 0 10px; } #menu1 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPcm1INth9J5l7oUqR6FSXDxbO8n-DCLRKtIFjDCplxojkizrCmYGqlQSpIADPTgMej-JSxLELi-ziuD-6dE9bCWq5sCYTLeaXPQTqASgNEtIMNcornO43YAtUi0GRMh1NZ7UD7u8xqUQ/s800/menu1.gif) 0 -32px; padding: 8px 0 0 10px; }
<div id="menu1"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #16
Kode HTML#navcontainer { background: #f0e7d7; width: 30%; margin: 0 auto; padding: 1em 0; font-family: georgia, serif; font-size: 13px; text-align: center; text-transform: lowercase; } ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 70%; } ul#navlist li { display: block; margin: 0; padding: 0; } ul#navlist li a { display: block; width: 100%; padding: 0.5em 0 0.5em 2em; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #f7f2ea; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; }
<div id="navcontainer"> <ul id="navlist"> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #17
Kode HTML#menu3 ul { list-style: none; margin: 0; padding: 0; } #menu3 img { border: none; } #menu3 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #BCD2E6; border-size: 1px; border-width: 1px; } #menu3 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #8BADCF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDSbMmMt3nmSfB5GrrXlKVn5SArRXc2QxebUNVhymSyOatckMUZXcTxpKs2eN9su-KrFa5zo0vpv0vfqB5aysyuPv6v6A9zFc-6v8tuIOBASj12mltZM6N6oLKTHsixLrEo-ehedD1lDc/s800/menu3.gif); padding: 8px 0 0 10px; } #menu3 li a:hover { color: #627EB7; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDSbMmMt3nmSfB5GrrXlKVn5SArRXc2QxebUNVhymSyOatckMUZXcTxpKs2eN9su-KrFa5zo0vpv0vfqB5aysyuPv6v6A9zFc-6v8tuIOBASj12mltZM6N6oLKTHsixLrEo-ehedD1lDc/s800/menu3.gif) 0 -32px; padding: 8px 0 0 10px; }
<div id="menu3"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #18
Kode HTML#menu11 ul { list-style: none; margin: 0; padding: 0; } #menu11 img { border: none; } #menu11 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #889944; border-size: 1px; border-width: 1px; } #menu11 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu11 li a:link, #menu11 li a:visited { color: #889944; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF1duXIdYG_S70kB-TeNfXkKLjdYjsFl1IZ_tCIRod9yKOFjILZv5QDP7kdTwTIRaU6H3kGdB3wzZXOaf9Db6myjf71yYmBkVrwV9MwWTQBBqTMefDZMy-TOxdqpDFyIS8wqE1NiXXyCU/s400/menu11.gif); padding: 8px 0 0 25px; } #menu11 li a:hover { color: #889944; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF1duXIdYG_S70kB-TeNfXkKLjdYjsFl1IZ_tCIRod9yKOFjILZv5QDP7kdTwTIRaU6H3kGdB3wzZXOaf9Db6myjf71yYmBkVrwV9MwWTQBBqTMefDZMy-TOxdqpDFyIS8wqE1NiXXyCU/s400/menu11.gif) 0 -32px; padding: 8px 0 0 27px; }
<div id="menu11"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #19
Kode HTML#button { width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Tahoma, Arial, sans-serif; /*Trebuchet MS, Lucida Grande, Verdana, Arial, sans-serif;*/ font-size : 10px; background-color: #90bade; color: #333; } #button ul { list-style: none; margin: 0; padding: 0; border: none; } #button li { border-bottom: 1px solid #90bade; margin: 0; list-style: none; list-style-image: none; } #button li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #button li a { width: auto; } #button li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } #button li #active { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }
<div id="button"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #20
Kode HTML#menu ul { list-style: none; margin: 0; padding: 0; } #menu img { border: none; } #menu { width: 200px; border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 1px; margin: 10px; } #menu li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #5E7830; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_8wMwD9hTbWNatjI6vXKFML-ZDYA64BmMmkqF-umatN-yNEzEkrOCu_fSX4GEiAIiwaheQSkbIrXawGMATvV3qGfbHTttkWiDTIHUfFCXvYr9rCOoSK6B8U_EAJZpe4cDvodQbwIQCIA/s800/menu1.gif); padding: 8px 0 0 10px; } #menu li a:hover, #menu li #current { color: #26370A; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_8wMwD9hTbWNatjI6vXKFML-ZDYA64BmMmkqF-umatN-yNEzEkrOCu_fSX4GEiAIiwaheQSkbIrXawGMATvV3qGfbHTttkWiDTIHUfFCXvYr9rCOoSK6B8U_EAJZpe4cDvodQbwIQCIA/s800/menu1.gif) 0 -32px; padding: 8px 0 0 10px; } #menu li a:active { color: #26370A; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_8wMwD9hTbWNatjI6vXKFML-ZDYA64BmMmkqF-umatN-yNEzEkrOCu_fSX4GEiAIiwaheQSkbIrXawGMATvV3qGfbHTttkWiDTIHUfFCXvYr9rCOoSK6B8U_EAJZpe4cDvodQbwIQCIA/s800/menu1.gif) 0 -64px; padding: 8px 0 0 10px; }
<div id="menu"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #21
Kode HTML#menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 img { border: none; } #menu2 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #D8D5D1; border-size: 1px; border-width: 1px; } #menu2 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #3688BA; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqsjEJkXntazIBmTIEpYms9Zun3D_xJ62cSgfiffaR13-sq9vd1pUK3uJVyoUW4RDKj_UxQAXsr62tUj83BUcn4SCbmoNfOvVJ1sknIN6aNKGeMs9xJ-7JLkLnsyFwnUWMLkT5HiqYdeE/s800/menu2.gif); padding: 8px 0 0 30px; } #menu2 li a:hover { color: #3688BA; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqsjEJkXntazIBmTIEpYms9Zun3D_xJ62cSgfiffaR13-sq9vd1pUK3uJVyoUW4RDKj_UxQAXsr62tUj83BUcn4SCbmoNfOvVJ1sknIN6aNKGeMs9xJ-7JLkLnsyFwnUWMLkT5HiqYdeE/s800/menu2.gif) 0 -32px; padding: 8px 0 0 32px; }
<div id="menu2"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #22
Kode HTML#menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 img { border: none; } #menu5 { width: 200px; border-style: none solid none solid; border-color: #D0D0D0; border-width: 1px; margin: 10px; } #menu5 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #777; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAj6XiYgXxJLlQEatpmpsaGL2WcoNbpGjF4nwRDE3Q5Z582nJTKm-uAhKTwAlYxSucS63USgFMlnlqW97_Qzx0HKWU9PqORf4vc8bhJHJ8d7LWm4OKknlEah5-oqx2ut20-FQWrdFAfSA/s800/menu5.gif); padding: 8px 25px 0 10px; text-align: right; } #menu5 li a:hover, #menu5 li #current { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAj6XiYgXxJLlQEatpmpsaGL2WcoNbpGjF4nwRDE3Q5Z582nJTKm-uAhKTwAlYxSucS63USgFMlnlqW97_Qzx0HKWU9PqORf4vc8bhJHJ8d7LWm4OKknlEah5-oqx2ut20-FQWrdFAfSA/s800/menu5.gif) 0 -32px; padding: 8px 25px 0 10px; text-align: right; } #menu5 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAj6XiYgXxJLlQEatpmpsaGL2WcoNbpGjF4nwRDE3Q5Z582nJTKm-uAhKTwAlYxSucS63USgFMlnlqW97_Qzx0HKWU9PqORf4vc8bhJHJ8d7LWm4OKknlEah5-oqx2ut20-FQWrdFAfSA/s800/menu5.gif) 0 -64px; padding: 8px 25px 0 10px; text-align: right; }
<div id="menu5"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #23
Kode HTML#menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 img { border: none; } #menu5 { width: 200px; margin: 10px; } #menu5 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaX3OOK608K_MWq-qWSAINnX44EJ7K-WxE7lCc2_lkoC9xpUVWT85o81vQeJroEjuUfUDphmKsWBEzG5rcNl0KA-Af2mygcthK5ySp97azU40MoMb6hoHRDL_AKspv1wsBlKAIqfzJs7w/s800/menu5.gif); padding: 8px 0 0 10px; } #menu5 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaX3OOK608K_MWq-qWSAINnX44EJ7K-WxE7lCc2_lkoC9xpUVWT85o81vQeJroEjuUfUDphmKsWBEzG5rcNl0KA-Af2mygcthK5ySp97azU40MoMb6hoHRDL_AKspv1wsBlKAIqfzJs7w/s800/menu5.gif) 0 -32px; padding: 8px 0 0 10px; }
<div id="menu5"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #24
Kode HTML#menu4 ul { list-style: none; margin: 0; padding: 0; } #menu4 img { border: none; } #menu4 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #000; border-size: 1px; border-width: 1px; } #menu4 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #CCC; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjAdiufupfvmQ6KQ3sHzroUtE4ISQddTZ-ZeEXiJPLjr6n-QbnSnF_T4tvLZvhH5jIhR10Ca45xZLK6GRYiWNAN0h_aaoB9xu5OCscGMJFiL4pAq6Sw06QyyD7Kuch-YFyXvqvNDx5K-E/s800/menu4.gif); padding: 8px 0 0 10px; } #menu4 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjAdiufupfvmQ6KQ3sHzroUtE4ISQddTZ-ZeEXiJPLjr6n-QbnSnF_T4tvLZvhH5jIhR10Ca45xZLK6GRYiWNAN0h_aaoB9xu5OCscGMJFiL4pAq6Sw06QyyD7Kuch-YFyXvqvNDx5K-E/s800/menu4.gif) 0 -32px; padding: 8px 0 0 10px; }
<div id="menu4"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Menu #25
Kode HTML#menu10 ul { list-style: none; margin: 0; padding: 0; } #menu10 img { border: none; } #menu10 { width: 200px; margin: 10px; } #menu10 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu10 li a:link, #menu10 li a:visited { color: #4D4D4D; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHXMlWHe7DVLnGhpuQCU-FHuqhjdJQ-nzr60bNoJKD6M2m-oJbqBNdJOUPU7wL1NBgvZwmEmTYlM1O00NnkuPo-WaRRb48DW9TMROOemskEyB2HkdH5PiNhuENEEx4BdROLwyzOlWTryQ/s800/menu10.gif); padding: 8px 0 0 10px; } #menu10 li a:hover { color: #FF9834; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHXMlWHe7DVLnGhpuQCU-FHuqhjdJQ-nzr60bNoJKD6M2m-oJbqBNdJOUPU7wL1NBgvZwmEmTYlM1O00NnkuPo-WaRRb48DW9TMROOemskEyB2HkdH5PiNhuENEEx4BdROLwyzOlWTryQ/s800/menu10.gif) 0 -32px; padding: 8px 0 0 10px; }
<div id="menu10"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
Nah itulah 25 kode menu navigasi yang bisa saya persembahkan untuk Anda. Nantikan informasi menarik lainnya dari D-Genera Blog.. ^^ 2XFUZ2E47HKU
Monday, November 25, 2013
Razer Edge Gaming Tablet Menangkan Best of CES 2013
Penghargaan ini diberikan oleh salah satu kantor berita IT populer di Amerika, CNET, dengan metode polling pembaca.
Salah satu produsen yang mendapatkan penghargaan dari CES 2013 Awards itu adalah Razer. Produsen yang terkenal dengan hardware, software, dan sistem game ini mendapatkan penghargaan CNETs 2013 "Best of CES" kategori "Best Gaming, People’s Voice" untuk produk Razer Edge.
Perangkat yang didesain khusus untuk para gamer ini menghadirkan fitur unggulan dari sebuah tablet, namun digabungkan dengan kemampuan bermain game yang mumpuni. Dengan layar sentuh, Razer Edge dengan mulus menjalankan sistem operasi Windows 8.
Terlebih lagi, untuk onderdil di dalamnya, Razer menyematkan prosesor Intel Core yang berforma ganda dengan kelengkapan NVDIA GeForce GPU, DDDR3 RAM dan kecepatan penyimpanan super SSD. Dengan teknologi tersebut, maka tidak heran apabila orang-orang berbondong-bondong menyumbangkan suaranya untuk Razer Edge mendapatkan penghargaan Best Gaming di CES Awards 2013.
ekiosku jual beli online aman
kadang disaat gak punya uang banyak banget yang pengen dibeli , tapi setelah punya uang bingung mau beli apa. Waktu itu gue baru aja dapat rejeki dari hasil jual ketampanan .
jadi sebagai jomblo , gue berharap bisa tampil keren dan meyakinkan cewek-cewek kalau gue adalah jenis cowok terbaik saat ini . *duileee.
Untuk tampil keren gue harus punya style yang keren juga , kalau masalah ketampanan sih gue gak mikirin *ohok . yang gue pikirin adalah masalah pakaian , jam tangan , sepatu , jas , jaket , sampai celana dalam juga harus keren .
Dan sekarang langkah gue selanjutnya shopping . gue ini orang nya tertutup jadi males banget buat keluar-keluar . gue takut jadi bahan cuci mata cewek-cewek . takut jadi bahan colekan ibu-ibu komplek . dan kadang diteriakin zaynmalik *PD gila nih oom semut*
Jadi gue putuskan buat nitip sama temen aja , dengan ongkos capek dia lima ribu rupiah . untungnya harga dirinya murah sekali . (maapin ane gan , jangan ditimpuk bata) *emang dikira ini kaskus .
Akhirnya !! barang yang dibeli bertolak belakang dengan harapan ! cowok mana yang mau dapetin cewek dengan pakaian warna pink.
Sejak saat itu gue gak pernah lagi yang namanya nitip. tapi gue gak pede keluar dengan pakaian lusuh dan style masih amburadul .
setelah gue tau sebuah website yang membantu gue buat tampil kece dan mendapatkan gebetan . gue tenang-tenang aja . website Jual-beli online aman. yang bikin gue gak harus capek-capek keluar rumah . gue juga gak harus jadi bahan colekan tadi .
ini dia ekiosku.com !
Tinggal duduk anteng dirumah , gerakin jari lo aja buat klik . sumpah , kok ada ya website yang bikin mudah kayak gini . gue yang awalnya takut banget jual-beli online . takut ditipu , takut barangnya berbeda dengan apa yang gue liat di gambar . tapi, setelah menjelajah websitenya ternyata ini asli dan tidak ada tipuan sama sekali .
karena juga ada bukti kalau ini bukan kayak penjahat online , menjual barang secara online tapi gak ada buktinya. beda kayak ekiosku.com. website buat gue mengakui kalo ini jual-beli online aman,
Duile ada verifikasinya juga loh
Di ekiosku.com , semuanya lengkap bro, lo bisa cari apa yang pengen lo beli . dengan kategori yang telah tersedia . ini adalah surganya mall . gue gak akan ngerasain mabok naik lift lagi , gue juga gak akan ngeliat pasangan yang lagi gandengan tangan yang yakin bakalan langgeng aja .
Dan lagi yang pas banget buat gue , apalagi kalau kalau tau gratis ongkir !!!!!
AAAAAKKK !! kapan lagi lo bisa , jual-beli online kayak gini . pasti! terjangkau! dan menyenangkan!
AAAAAKKK !! kapan lagi lo bisa , jual-beli online kayak gini . pasti! terjangkau! dan menyenangkan!
hehehe :D
Udah aman , dan sangat menyenang kan!!!
Udah gak usah capek ke mall , ngapain . di ekiosku juga lengkap !
jual beli online aman menyenangkan
Tunggu apa lagi !!
TERIMA KASIH ekiosku.com
Subscribe to:
Comments (Atom)