Menu vertical Toward the right

Este menu pode ser usado para indicar as últimas postagens, os principais destaques, menu de materiais e etc... Observem abaixo como ele é:
Para fazer este menu, coloque o código abaixo no seu css (entre <style> e </style>)
 
/* ------- SweetPoisonMenu ---- */
.sweetmenu1 a 
{background: #e5d6c1; 
width:250px;
color: #463c36; 
margin: 3px; 
padding: 4px; 
display: block; 
text-shadow: none!important; 
font-size: 12px; 
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
border-radius: 0px; }
.sweetmenu1 a:hover 
{color: #000000;
box-shadow:inset 250px 0px 0px #ffffff;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;padding-right:10px;
background: #82766a;}
E o código abaixo onde você quer que o menu apareça:

 <div class="sweetmenu1"> <a href="http://SEULINKAQUI">Título Aqui</a> </div> 
Por: Pâmela Sampaio em 16/05/14
Não copiem os códigos e nem o tutorial.
Se for útil de alguma forma, creditem!
Facebook Twitter Pinterest Google+ Email Addthis