post-image{
width:688px;
border:1px solid #D4ECF5;
background:#fff;
position:relative;
}
.combadge{
width:57px;
height:57px;
position:absolute;
top:50%;
margin-top:-28px;
left:180px;
background:url(http://1.bp.blogspot.com/-D15WHMYwFEU/T4rKOT4LplI/AAAAAAAAB0E/z6P0CWDxsgs/s1600/combadge.png);
line-height:57px;
text-align:center;
font-size:14px;
}
.combadge a:link, .combadge a:visited{
<style>
.menu-vertikal, .menu-vertikal li ul{list-style-type: none;margin: 5px;width: 250px; /*Lebar Menu*/border: 1px none;}
.menu-vertikal li{position: relative;}
.menu-vertikal li a{background:none;font: bold 12px Verdana, Helvetica, sans-serif;color: #FFFFFF;display: block;width: auto;padding: 5px 0;padding-left: 10px;text-decoration: none;}
.menu-vertikal li ul{position: absolute;width: 250px;display: none;}
.menu-vertikal li ul li{float: left;}
.menu-vertikal li ul a{width: 250px;}
.menu-vertikal li a:visited, .glossymenu li a:active{color: white;}
.menu-vertikal li a:hover{background: #454545;}
* html .menu-vertikal li { float: left; height: 1%; }
* html .menu-vertikal li a { height: 1%; }
</style>
<ul id="verticalmenu" class="menu-vertikal">
<li><a href="/">Home</a></li>
<li><a href="http://Link1">Menu1</a></li>
<li><a href="http://Link2">Menu2</a></li>
<li><a href="http://Link3">Menu3</a>
<ul class='children'>
<li class='page_item'><a href='#' title='Sub Menu #1'>Berita </a></li>
<li class='page_item'><a href='#' title='Sub Menu #2'>Promo </a></li>
<li class='page_item'><a href='#' title='Sub Menu #3'>Lokasi Wisata </a></li>
<li class='page_item'><a href='#' title='Sub Menu #3'>Galeri Foto </a></li>
</ul>
</li>
<li><a href="http://Link1">Menu4</a></li>
<li><a href="http://Link2">Menu5</a></li>
<li><a href="http://Link3">Menu6</a></li>
</ul>
menu vertikal
<div>
<ul id=”sidebarmenu1″>
<li><a href=”http://alamattujuan“>Item 1</a></li>
<li><a href=”http://alamattujuan“>Item 2</a></li>
<li><a href=”http://alamattujuan“>Folder 1</a>
<ul>
<li><a href=”http://alamattujuan“>Sub Item 1.1</a></li>
<li><a href=”http://alamattujuan“>Sub Item 1.2</a></li>
</ul>
</li>
<li><a href=”http://alamattujuan“>Item 3</a></li>
<li><a href=”http://alamattujuan“>Folder 2</a>
<ul>
<li><a href=”http://alamattujuan“>Sub Item 2.1</a></li>
<li><a href=”http://alamattujuan“>Folder 2.1</a>
<ul>
<li><a href=”http://alamattujuan“>Sub Item 2.1.1</a></li>
<li><a href=”http://alamattujuan“>Sub Item 2.1.2</a></li>
<li><a href=”http://alamattujuan“>Sub Item 2.1.3</a></li>
<li><a href=”http://alamattujuan“>Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href=”http://alamattujuan“>Item 4</a></li>
</ul>
</div>
0 komentar:
Posting Komentar