Menampilkan Hidden file mac Osx (tanpa terminal)

11:30 Unknown 0 Comments



Hidden file, atau file yang tersembunyi pada sistem operasi mac OS X dalam penamaan filenya di awali dengan tanda titik misal ".htaccess" file tersebut tidak akan muncul ketika di finder. Cara temudah untuk menampilkan file yang terhidden tanpa menggunakan terminal adalah menggunakan Funter - Discover Hidden Files. Dengan menggunakan applikasi ini kita dapat dengan mudah menampilkan file yang terhidden.
dari website resminya di tulis beberapa fitur:
  • Access all contents of your hard drive;
  • Switch visibility of hidden files and folders in two clicks;
  • Saves visibility preferences even after restart;
  • Completely freeware without pop-up ads;

Download

0 comments:

Coment dari kamu merupakan semangat untukku terus ada ... ^_^

Drop down menu tanpa javascript

14:50 Unknown 2 Comments


Ada banyak cara dalam membuat sebuah drop down menu, menggunakan java script dan jquary adalah hal yang sering di pakai. Namun kekurangannya adalah kita harus memanggil file jQuery terlebih dahulu. Pada post kali ini saya akan menulis cara membuat drop down menu tanpa menggunakan javascript dengan hanya menggunakan CSS.


Demo


element HTML :
<ul class="parent">
    <li><a href="#">Menu 1</a>
        <ul class="sub-menu">
            <li><a href="#">Sub Menu 1</a></li>
            <li><a href="#">Sub Menu 2</a></li>
            <li><a href="#">Sub Menu 3</a></li>
        </ul>
    </li>
    <li><a href="#">Menu 2</a></li>
    <li><a href="pc-mode.blogspot.com">Menu 3</a>
        <ul class="sub-menu">
            <li><a href="#">Sub Menu 1</a></li>
        </ul>
    </li>
</ul>


Code CSS :
ul li{
    list-style:none; /*menghilangkan titik(list bullet)*/
}
ul.parent > li{
    padding:0 10px 0 10px;
    display:inline; /*agar menu horisontal(sejajar)*/    
    position:relative; 
}
ul.parent li:hover ul.sub-menu{
    visibility:visible; /* saat mouse di atas menu class .sub-menu akan terlihat*/
}
ul li a{
    text-decoration:none;/*menghilangkan underline di link*/
}
ul.sub-menu{
    position:absolute;
    width:200px; /*mengatur lebar seb-menu*/
    padding-left:0; /*menghilangkan adding sebelah kiri*/
    visibility:hidden; /*menyembunyikan sub-menu*/
}

Hal yang paling berperan dalam code tersebut sebenarnya adalah penggunaan property Position dan visibility . Pada ul dengan class parent kita beri nilai relative dan ul dengan class sub-menu kita beri position:absulute , yang artinya element tersebut dapat menutupi element lain,dan kita beri property hidden agar element tersebut tidak terlihat. Saat di hover akan muncul karena kita beri property visible .

View On jsFiddle

2 comments:

Coment dari kamu merupakan semangat untukku terus ada ... ^_^