3 de jul. de 2011

Botão de Download Padrão e Elegante



Vá em:

Design/Editar Html/   e localize a tag 
]]></b:skin>
e cole acima dela o seguinte código 

/*------- Botão de Download ------- */
.download {
font:12px Tahoma, Arial, Helvetica, sans-serif;
background: #fff;
text-decoration: none;
padding: 2px 8px !important;
cursor: pointer;
border: 1px solid #ccc;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
box-sizing: content-box;
color: #464646;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
.download:hover {
text-decoration: none;
background: #fff;
color: #ED0000;
border-color: #ccc;
}
Depois vá em Detalhes/Formatação e cole o código ABAIXO em Modelo de Postagem:
Opções de downloads: <a class="download" href="http://www.mediafire.com/" rel="nofollow" target="_blank">MediaFire</a> <a class="download" href="http://www.4shared.com/" rel="nofollow" target="_blank">4shared</a>

Nenhum comentário :

Postar um comentário

Seu Comentário é sempre bem vindo!
Comente, opine, se expresse! este espaço é seu!

Se quiser fazer contato por email, utilize o Formulário de Contato

Espero que tenha gostado do Blog e que volte sempre!