Menu lateral v3

Bom dia  aproveitando o domingo para descansar ,então pús mãos há obra e trouxe aqui um modelo de menu lateral.
Podem visualizar a imagem acima é esse resultado final ,mas veja online:  Entre aqui...
Um menu lateral com hover bem simples para a sua sidebar.
Vamos entrar no seu painél do blog depois em esquema e adicione um gadget html/javascript e cole dentro o código abaixo.

/**--inicio menu lateral   http://best-tuga.blogspot.com/--**/
<style type="text/css">
#bt-menu {
  background: #333;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 300px;
  border-radius: 5px;
}
#bt-menu li {
  font: 13px 'Bobber', Bobber;
  margin: 0;
  padding: 0;
  list-style: none;
}
#bt-menu a {
  background: #32cd32;
  border-bottom: 1px solid #393939;
  color: #000;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: none;
  font-weight: normal;
  border-radius: 5px;
}
#bt-menu a:hover {
  background: #ccff00;
  color: #fff;
  padding-bottom: 8px;
}
</style>
<div id='bt-menu'>
<ul>
   <li><a href='index.html'><span>INICIO</span></a></li>
   <li><a href='#'><span>LAZER</span></a></li>
   <li><a href='#'><span>AJUDA</span></a></li>
   <li><a href='#'><span>CONTACTO</span></a></li>
   <li class='last'><a href='#'><span>INDICE</span></a></li>
</ul>
</div>

Salve e veja resultado.
Nota: procure por:  width: 300px;  e coloque a sua largura;
Nota: procure por:  #    e coloque o seu url que quer seja direcionado cada botão do menu;
Nota: onde tem (inicio) ( lazer)  (ajuda) etc coloque o nome que quiser;

E foi este o menu lateral que vim partilhar ,duvidas disponha até mais...

Menu lateral v3

► 0

► menus

► Cartita