samedi 5 mai 2012

Botão de download em CSS3 #2

Voltando a rotina, depois um loooooongo tempo. Vou ser sincero com vocês: a preguiça sempre fala mais alto, mas eu vou tentar postar mais coisas para vocês!

Atendendo o pedido do Izaque Liborio, vou liberar o código do nosso botão de "Fazer download do arquivo".

CSS

.botao-download {
display: inline-block;
margin-left:26%;
height:10%;
padding: 10px 15px;
font:bold 18px/1.1em arial;
border:1px solid #d0d0d0;
border-top-color:#ececec;
background: #efb66b;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.botao-download:active {
position:relative;
-webkit-box-shadow:inset 0px 1px 2px #909090;
-moz-box-shadow:inset 0px 1px 2px #909090;
-khtml-box-shadow:inset 0px 1px 2px #909090;
-o-box-shadow:inset 0px 1px 2px #909090;
box-shadow:inset 0px 1px 2px #909090;
}
.botao-download a {
color:#FFF;
}

HTML

<div class="botao-download"><a href="http://c-lien.blogspot.com/?TElOSw==">Fazer download do arquivo</a></div>

Aucun commentaire:

Enregistrer un commentaire