Aqui estou eu trazendo mais uma das minhas partilhas ,terminei de personalizar estes botões ,são muito lindos com efeito hover demais vai ficar lindamente no seu post ,aiééé vamos lá colocar eles no template.
Veja online: B-T BOTOES
ANTES DE TUDO FAÇA UMA CÓPIA DO SEU TEMPLATE...
Vamos lá em modelo depois clik html vamos colocar css procure este código:
E acima dele cole este código:
/**--inicio botoes c hover--**/Depois disto vamos ao html ,prepare sua postagem e pelo html cole este código :
.botao-bt{
padding:10px 15px 10px 15px;
font-family: Bobber, Oswald;
text-decoration: none;
color: #000;
text-shadow:none;
display:inline-block;
cursor:pointer;
font-size:15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
outline:none;
position:relative;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
margin:10px;
}
.botao-bt:hover{
background-color: #CFCFCF;
-moz-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
-webkit-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
}
.baixe1botao-bt {
background-color:#FCF0F0;
text-align:center;
width:110px;
}
.baixe2botao-bt {
background-color:#CFC0C0;
text-align:center;
width:110px;
}
/**--fim botoes c hover--**/
<a class="baixe1botao-bt botao-bt" href="SEU DEMO LINK AQUI" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">VEJA 1</span></a>
<a class="baixe2botao-bt botao-bt" href="SEU DOWNLOAD LINK AQUI" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">VEJA 2</span></a>
Agora publique e veja resultado ,foi mais uma partilha Best-Tuga ,até uma próxima ,duvidas disponha sempre...
Mostra SmilesOculta Smiles