Botão de download

Botão de download

 por 'Ripper 27.03.14 19:58

Re: Botão de download

 por Kyo Panda 28.03.14 16:39

Olá,

Adicione isso ao seu CSS:

Código:

.button {
  -moz-border-radius: 8px;
  -moz-box-shadow: 0 0 1px #fff inset;
  -moz-transition: background-position 1s;
  -webkit-border-radius: 8px;
  -webkit-box-shadow: 0 0 1px #fff inset;
  -webkit-transition: background-position 1s;
  background-clip: border-box;
  background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png);
  background-position: bottom left, top right, 0 0, 0 0;
  background-repeat: no-repeat;
  border-radius: 8px;
  box-shadow: 0 0 1px #fff inset;
  cursor: pointer;
  display: inline-block;
  font-family: Calibri,Arial,sans-serif;
  font-size: 15px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding: 10px 20px;
  position: relative;
  text-decoration: none!important;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
  transition: background-position 1s;
  vertical-align: baseline;
  white-space: nowrap;
}

.button:hover {
  background-position: top left, bottom right, 0 0, 0 0;
}

.button:active {
  bottom: -1px;
}

.button.big {
  font-size: 30px;
}

.button.medium {
  font-size: 18px;
}

.button.small {
  font-size: 13px;
}

.button.rounded {
  -moz-border-radius: 4em;
  -webkit-border-radius: 4em;
  border-radius: 4em;
}

.blue.button {
  background-color: #48b5f2;
  background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(89,208,244,1)), to(rgba(89,208,244,0))), -webkit-gradient(linear,0%0%,0%100%,from(#4fbbf7), to(#3faeeb));
  border: 1px solid #84acc3!important;
  color: #0f4b6d!important;
}

.blue.button:hover {
  background-color: #63c7fe;
  background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(109,217,250,1)), to(rgba(109,217,250,0))), -webkit-gradient(linear,0%0%,0%100%,from(#63c7fe), to(#58bef7));
}

.green.button {
  background-color: #79be1e;
  background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear,0%0%,0%100%,from(#82cc27), to(#74b317));
  border: 1px solid #96a37b!important;
  color: #345903!important;
}

.green.button:hover {
  background-color: #89d228;
  background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear,0%0%,0%100%,from(#90de31), to(#7fc01e));
}

.orange.button {
  background-color: #e38d27;
  background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear,0%0%,0%100%,from(#f1982f), to(#d4821f));
  border: 1px solid #bea280!important;
  color: #693e0a!important;
}

.orange.button:hover {
  background-color: #ec9732;
  background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear,0%0%,0%100%,from(#f9a746), to(#e18f2b));
}

.gray.button {
  background-color: #a9adb1;
  background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear,0%0%,0%100%,from(#c5c7ca), to(#92989c));
  border: 1px solid #a5a5a5!important;
  color: #525252!important;
}

.gray.button:hover {
  background-color: #b6bbc0;
  background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear,0%0%,0%100%,from(#d1d3d6), to(#9fa5a9));
}

Então é só seguir os mesmos passos que citados lá, mas terá que habilitar o HTML nas postagens, ou apenas Administradores poderão criá-los.

Abraços.

Re: Botão de download

 por 'Ripper 28.03.14 18:55

Re: Botão de download

 por Kyo Panda 28.03.14 18:57

Re: Botão de download

 por 'Ripper 28.03.14 19:14

Re: Botão de download

 por Kyo Panda 28.03.14 19:21

Então, eu fiz um pequeno teste com o button (já que não tenho permissão para postar links externos) e não precisou da tag HTML:

http://demoncheats.maisforum.com/t7-teste123456#28

Re: Botão de download

 por 'Ripper 28.03.14 19:30

Re: Botão de download

 por Kyo Panda 28.03.14 19:30

Eu me registrei e já estava ativado. Penso que isso seja o padrão.

• 0Reputação da mensagem: 100% (1 votos)

Re: Botão de download

 por 'Ripper 28.03.14 19:54

depois que ativei no painel ativo pra geral

vlw pela ajuda cara me ajudou muito