Botão em css

Fala galera, neste tutorial vou mostrar um botão semelhante ao usado no blog :



Primeiro pegue o código abaixo e cole com os códigos CSS do seu blog


/* Botão
-----------------------------------*/
.botao a{
text-align:center;
margin-bottom: -2px;
padding-top:-1px;
padding-bottom:0px;
border: 1px solid #000;
background-color:#cfcece;
color:#000;
text-shadow:0px 1px 2px #000;
font:normal bold 100% Trebuchet, Trebuchet MS, Arial, sans-serif;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
.botao a:hover{
color: #0000FF;
background-color: #A9A9A9;
border: 1px solid #FFFF00;
}

Feito isso salve seu modelo e vá a layout e adicione um gadget de HTML/javascript e insira o código abaixo


<div class="botao">

<a href="URL DO BOTÃO">TITULO DO BOTÃO</a>

<a href="URL DO BOTÃO">TITULO DO BOTÃO</a>

</div>



Ajude-nos comentando abaixo XD


0 comentários:

Postar um comentário