Botão de download

Qual é minha questão:
Queria colocar isso no meu forum > http://advanceskills.forumbom.com/t105-botao-de-download-scan



Endereço do meu fórum:
http://demoncheats.maisforum.com

Versão do fórum:
PunBB

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.

adicionei este codigo na minha CSS e nao funcionou

https://i.imgur.com/2t85AAR.png

https://i.imgur.com/6p148f7.png

ativei o HTML e mesmo assim nao foi

Você colocou o código em:

Código:

[html]Código HTML aqui. :)[/html]

não tinha colocado antes e mesmo colocando não funcionou

https://i.imgur.com/vFHF5yd.png

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

eu vi euheuheuhe

tem que ativar o HTML no perfil do usuário

tem como deixar altomaticamente ativado quando um novo usuario se registrar?

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

depois que ativei no painel ativo pra geral

vlw pela ajuda cara me ajudou muito