Menu Destaque

Yo galera, venho trazer um tutorial muito bom e fácil de usar, pois se baseia completamente em css. Qualquer dúvida deixe um comentário.
Demonstração

Procure por:

]]></b:skin>

Copie o código logo abaixo e cole acima dele:

/* Menu / Destaque
----------------------------------------------- */
.destaque {
width:644px;
float: right;
margin-right: -20px;
margin-top: -5px;
background: url('http://i.imgur.com/GJnKF.png');
background-repeat: no-repeat!important;
width: 64px;
height: 25px;}

.boxdestaque:hover .destaque {
background-position: -0px -25px;}

.boxdestaque {
width:300px;
text-align: left;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-right: 7px;
background: #fff;
padding: 5px;
margin-bottom: 7px; }

.boxdestaque:hover {
background: #;
text-shadow: 1px 1px 1px #fff;}

.boxdestaque .title {
color: #999;
font-size: 11px;
font-weight:none;
font-family: Georgia;
font-style: italic;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.boxdestaque:hover .title{
color: #7797a7;
padding-left: 15px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}

.destaque {
float: right;
margin-right: -20px;
margin-top: -5px;
background: url('http://i.imgur.com/GJnKF.png');
background-repeat: no-repeat!important;
width: 64px;
height: 25px;}

.boxdestaque:hover .destaque {
background-position: -0px -25px;}

.boxdestaque {
text-align: left;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-right: 7px;
background: #fff;
padding: 5px;
margin-bottom: 7px; }

.boxdestaque:hover {
background: #;
text-shadow: 1px 1px 1px #fff;}

.boxdestaque .title {
color: #999;
font-size: 11px;
font-weight:none;
font-family: Georgia;
font-style: italic;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.boxdestaque:hover .title{
color: #7797a7;
padding-left: 15px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}

Código HTML:

<div class="boxdestaque">
<span class="title">A sua descrição
<a class="destaque" href="Url"></a>
</span>
</div>Criado por: Tihy 
Editado por: Ulquiorra