CSS
.top_menu{z-index:1000;position:absolute;margin-top:30px;margin-right: 200px;right:0;width:900px;height:40px}
.s-menu,.s-menu *{z-index:9999;margin:0;padding:0;list-style:none;font-style: italic;font-family: Georgia;font-size:13px}
.s-menu{z-index:9999;line-height:100%;position:absolute;right:0;bottom:0;float:left}
.s-menu ul{z-index:9999;position:absolute;top:-999em;width:20em;}
.s-menu ul li{z-index:9999;width:100%}
.s-menu li:hover{visibility:inherit;}
.s-menu li{float:left;position:relative}
.s-menu a{display:block;position:relative;padding:.75em 1.3em;text-decoration:none;font-weight:bold}
.s-menu li:hover ul,.s-menu li.sfHover ul{left:0;top:2.5em;z-index:99}
ul.s-menu li:hover li ul,ul.s-menu li.sfHover li ul{top:-999em}
ul.s-menu li li:hover ul,ul.s-menu li li.sfHover ul{left:10em;top:-10px;margin-left:2px}
ul.s-menu li li:hover li ul,ul.s-menu li li.sfHover li ul{top:-999em}
ul.s-menu li li li:hover ul,ul.s-menu li li li.sfHover ul{left:10em;top:-11px}
.s-menu ul a{font-size:12px}
.s-menu li ul{padding:10px 12px 10px 10px}
.s-menu a.sf-with-ul{padding-right:30px;min-width:1px;}
.sf-sub-indicator{position:absolute;display:block;right:10px;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden}
a > .sf-sub-indicator{top:1em;background-position:0 -100px;}
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;}
.s-menu ul .sf-sub-indicator{background-position:-10px 0;top:0.75em}
.s-menu ul a > .sf-sub-indicator{background-position:0 0}
.s-menu ul a:focus > .sf-sub-indicator,.s-menu ul a:hover > .sf-sub-indicator,.s-menu ul a:active > .sf-sub-indicator,.s-menu ul li:hover > a > .sf-sub-indicator,.s-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;}
.s-menu a:hover,.sfHover a,.s-menu li.current-menu-item a,.s-menu ul li.sfHover > a{color:#fff}
.s-menu li.current-menu-item a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1beglgkFyshfhYth5eL-huOpE4Kv6FLH8maqkq9kYc5AW2oedHkRQU7helK-jT0yMq2j7FcKCnur-lbmuqKNY3eLUPoF9jJ8qxGH47Cq1oTZY-7QjhQqtDWvGGDIgHVuA0Z57zYyVkFT/s366/menu_hover.gif)}
.s-menu a{color:#b3b3b3}
.s-menu li li{border-bottom:1px solid #545454}
.s-menu ul a{background:#454545}
.sfHover,.s-menu li ul{background:#2f2f2f}
.s-menu ul a:hover{background:#a12d30}
.s-menu li li{background:#545454;border-left:1px solid #454545;border-right:1px solid #454545}
.s-menu li ul{font-family:Georgia; color:fff;}
.sf-sub-indicator{color:fff; font-size:11px;font-family:Georgia;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTUHLYXnfe9HDfafdc7e547rIwHwOpMRbTxFTGybLIZa3YbMqUJR4vT9V2OdJpW-aNOVpvI-XeOTF6gWiqcGFNWv9scTTvawf25uAHDEimyy2s-u-LTer_fe-56-307vT9EZXudscoCEc/s110/default-submenu-sprite.gif);background-repeat:no-repeat;background-position:-10px -100px}
HTML
<div class='top_menu'>
<div class='menu-main-navigation-container'>
<ul class='s-menu' id='menu-main-navigation'>
<li><a href='http://materiaisparasuamontagemhp.blogspot.com.br/'>Home Page</a>
<ul class='sub-menu'>
</ul>
</li>
<li><a href='http://materiaisparasuamontagemhp.blogspot.com.br/search/label/%23Blends'>Animes Dublados</a>
</li>
<li><a href='http://anitorrentleiauti.blogspot.com.br/p/animes-legendados.html'>Animes Legendados</a>
</li>
<li><a href='http://materiaisparasuamontagemhp.blogspot.com.br/p/blog-page_7.html'>Equipe</a>
</li>
<li><a href='http://materiaisparasuamontagemhp.blogspot.com.br/search/label/%23Materiais%20Para%20Edi%C3%A7%C3%B5es'>Sobre o Site</a></li>
<li><a href='http://materiaisparasuamontagemhp.blogspot.com.br/p/seja-nosso-parceiro.html'>Parceria</a></li>
<li><a href='http://materiaisparasuamontagemhp.blogspot.com.br/p/seja-nosso-parceiro.html'>Recrutamento</a></li>
</ul>
</div>
</div>
<div class='clear'/>
Nenhum comentário
Postar um comentário