Novo menu para sidebar

Aqui eu de novo com mais uma partilha.
E como pode visualizar na imagem acima este é resultado final.
Menu com efeito hover muito bacana e de façil aplicação.
Veja online como fica:ENTRE AQUI

Vamos lá colocar no seu blog...

Antes de tudo faça cópia do seu template...

Entre em Esquema no seu blog e adicione gadget html/javascript.

<style>
/*best-tuga*/


* {
 margin: 0;
 padding: 0;
}
.menubt-recipiente {
  display: block;
  position: relative;
  width: 280px; 
  background-color: #fff323;
  margin: 5% auto 0;
  padding: 0;
  border-radius:5px;
  box-shadow:  inset 0 0 1px #000;
  box-shadow:  5px 5px 15px 1px #000;
}

.navegaçaobt{
  background-color: #666;
  height:40px;
  border-radius:5px 5px 0 0;
   box-shadow: inset  0 0 1px #000;
  box-shadow:  5px 5px 15px 1px #000;
}

.iconebt {
  height:20px;
  background-image:url(http://i.imgur.com/kvtfkca.png?1);
   float:left;
  width:20px;
  margin:10px;
}

.menubt ul {
  list-style:none;
}

.menubt ul li {
  border-top:1px solid #000;
  padding:11px 10px;
  box-shadow:inset 0 1px 1px #fff;
  text-indent:10px;
  }

.menubt ul li a {
  font-size:14px;
  color:#000000;
  font-family: 'Strait', bobber;
  font-size:14px;
  text-decoration:none;
  text-shadow: 1px 1px 1px #000;
}

.menubt ul li img {
  float:left;
  margin:-2px 0 0 0;
}

.menubt ul li:hover {
  border-left:5px solid #666;
  background-color:#ffffff;
}
/*best-tuga*/
</style>
<div class="menubt-recipiente">
      
  <div class="navegaçaobt">
      <div class="iconebt"></div>
  </div>
  
  <div class="menubt">
      <ul>
        <li><a href="#" target="_blank"><img src="http://i.imgur.com/zfPg3g5.png?1" /><p>Opção</p></a></li>
        <li><a href="#" target="_blank"><img src="http://i.imgur.com/nr7td3L.png?1" /><p>Opção</p></a></li>
        <li><a href="#" target="_blank"><img src="http://i.imgur.com/1chiKQs.png?1" /><p>Opção</p></a></li>
        <li><a href="#" target="_blank"><img src="http://i.imgur.com/tMpTgpr.png?1" /><p>Opção</p></a></li>
      </ul>
  </div>

Agora copie este meu código ,cole e salve e veja como fica:

Pronto está feito ;NOTA; onde tiver # coloque seu link,e onde dis opção coloque nome quer:
Alguma questão deixe recado ,fuizzz

Novo menu para sidebar

► 2

► menus

► Cartita

B-T

Novo menu para sidebar

2 comentários

Ajuda

Feed

Eu aqui

Recomendo

Estatísticas

…

…

…