hello! it's nice to meet you, humans.
make your own little descriptions here~

コーヒー。

#navigation
   {
   height:1px;
   }
   #utility
   {
   height:1px;
   }
   ul
   {
   font-family: courier new;
   margin: 0;
   padding: 0;
   }
   ul li
   {
   display: block;
   position: relative;
   float: left;
   font-size:12px;
   }
   li ul { display: none; }
   #navigation ul
   {margin:0px; padding:0px;}

   ul li a
   {
   display:block;
   text-decoration: none;
   color: #777;
   padding: 2px 3px 2px 15px;
   position:relative;
   margin: 0;
   }
   ul li a:hover
   {
   background: #fff;
   }
   li:hover ul
   {
   display: block;
   position: absolute;
   }
   li:hover li a:hover
   {
   background: #E0F2F7;
   color: #fff;
   }

Step 2.
Copy kode ini, dan paste di mana-mana seprti di sidebar, dll.

 <div id="navigation">
        <ul>
<li>
            <a href="#">about me</a>
                <ul>
<li><a href="/">link 1</a></li>
<li><a href="/">link 2</a></li>
</ul>
</li>
<li>
            <a href="#">photgraphy</a>
                <ul>
<li><a href="/">link 1</a></li>
<li><a href="/">link 2</a></li>
</ul>
</li>
<li>
            <a href="#">etcetera</a>
                <ul>
<li><a href="/">link 1</a></li>
<li><a href="/">link 2</a></li>
</ul>
</li>
<li>
            <a href="/">tutorials</a>
                <ul>
<li><a href="/">link 1</a></li>
<li><a href="/">link 2</a></li>
</ul>
</li>
</ul>
</div>

Terakhir, preview, kalau sudah puas, save.

p/s: text warna merah: edit dah sesuka kau.

« »