TPT: Drop Down Free Copas di HTML gampang Dan mudah

Rabu, 14 Oktober 2015

Drop Down Free Copas di HTML gampang Dan mudah

08.45.00 | | Edit Entri

1. Multi Dropdown Untuk blog.Opal
Silahkan Copy Paste di Gadget Html
.Caranya.Masuk Blog.Tata Letak.Tambah Gadget Html.Simpan

#menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style>
<ul id="menu">
<li><a href='/'>Home</a></li>
<li><a href='#' rel='nofollow' target='_blank'>Pilihan</a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu </a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.4</a></li>
</ul>
</li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='#' rel='nofollow' target='_blank'>tv online </a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
<li><a href='#' rel='nofollow' target='_blank'>Bloger</a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu </a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.4</a></li>
</ul>
</li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='#' rel='nofollow' target='_blank'>Linux Ubuntu</a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='#' rel='nofollow' target='_blank'>Vidio tutorial</a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu </a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.4</a></li>
</ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</li>
</ul>
<li><a href='#' rel='nofollow' target='_blank'>Lain Lain</a>
<ul>
</ul>
</li>
</li>
</li>
</ul>

2. Multi Dropdown Untuk blog.Kotak

#menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style>
<ul id="menu">
<li><a href='/'>Home.</a></li>
<li><a href='#' rel='nofollow' target='_blank'>Pilihan</a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu </a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.4</a></li>
</ul>
</li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='#' rel='nofollow' target='_blank'>tv online </a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='#' rel='nofollow' target='_blank'> Group </a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
<li><a href='#' rel='nofollow' target='_blank'>Bloger</a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu </a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.4</a></li>
</ul>
</li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='#' rel='nofollow' target='_blank'>Linux Ubuntu</a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='#' rel='nofollow' target='_blank'>Vidio tutorial</a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu </a>
<ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.1</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.2</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.3</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 3.4</a></li>
</ul>
<li><a href='#' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='#' rel='dofollow' target='_blank'>Menu 5</a></li>
</li>
</ul>
<li><a href='#' rel='nofollow' target='_blank'>Lain Lain</a>li></li>
</li>
</li>
</ul>

Selamat Mencoba

Label:Drop Down