30/06/2012

Tutorial : Menu Button


Olá meus amores, Estou trazendo o Tutorial pra vocês usarem. Créditos pelo Tutorial Bomba Glitter Então clica em Leia mais e vem aprender !


1. Primeiramente, coloque no seu CSS o seguinte:
/*** Menu Button by Sunny ***/
botao {
font-family:tahoma;
text-shadow:1px 1px 0 #fff;
border-radius:4px;
border: 2px outset #CDB5CD; /* expessura, tipo e cor da borda */
background: #EED2EE; /* cor do fundo */
padding: 3px;
font-size: 11px;
color:#8B7B8B; /* cor da fonte */
text-align: justify;
margin-bottom:2px;
}
botao:hover {
border: 2px inset #CDB5CD; /* cor da borda quando passa o mouse */
}
 Bom, aqui vocês só terão que mudar o que está indicado, recomendo colocar a cor da borda a mesma que a do texto, pra ficar igual ao meu resultado! Para aparecer no seu blog, coloque em um gadget:
<a href=" Link "> <botao> Nome do Link </botao> </a>




Nenhum comentário:

Postar um comentário