17:37
29 de janeiro de 2013
Postado por: Hudson
Mais um tutorial a pedidos. Faça seu pedido de tutorial também, clique aqui.

Download


Esse botão serve para links de download, ou pra qualquer outro tipo de link, depende da sua imaginação. Vamos começar.


Antes de prosseguir, é recomendável que faça um backup completo do seu template.

Cole o CSS que eu preparei acima da tag:


]]></b:skin>

Código CSS:

download a{ width:200px; background: #003366; overflow:auto; /* barra de rolagem*/ border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px 6px 6px 6px; text-shadow: #000 1px 1px 1px; color: #fff; font-size:10px; display:block; white-space:pre; text-align:center; word-wrap:break-word; padding:2px 5px 4px 5px; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px#000; box-shadow: 0 0 5px #000; } download a:hover{ background: #333; color: #fff; }

Com o CSS instalado, agora é só colocar o código abaixo na postagem que quiser:

<center><download><a href="LINK-DO-DOWNLOAD">Download</a></download></center>

Pronto. Você pode editar o código CSS ao seu estilo, use sua criatividade!
3 comentários:
Goku ADM disse...

Cara Repõem os Templates!!
heuehueheuh arrumararam os links agora née??
hruehuheuehuehuehhu

Felipe Portugal disse...

Faz um de Slide

TUTORNITRO disse...

vei se vc pode me ajudar tem como vc me ajudar fazer um opção de download tipo a do http://www.NarutoProject.com.br/ se vc sabe como fazer me manda um email : victorwinvi@gmail.com