Como Criar painel de download no (HTML)?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como Criar painel de download no (HTML)?

Mensagem por jhojhows em 21/12/17, 03:05 am

Detalhes da questão


Endereço do fórum: http://brasilgameeliterpg.forumeiros.com
Versão do fórum: PunBB

Descrição


Eu queria criar painel de download no (HTML) para players a baixarem desse tipo:

Spoiler:

Ser precisa das imagem ta ai:

botão de fazer download de jogos:


Moldura:

Capa de Fundo:

Me ajuda pfv??Eu Agradeço!! Rindo Rindo



Última edição por jhojhows em 21/12/17, 03:09 pm, editado 1 vez(es)
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

Ver perfil do usuário http://brasilgameeliterpg.forumeiros.com/forum

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por jhojhows em 21/12/17, 12:29 pm

Spoiler:

Eu QUERIA DEIXAR CERTINHO NA PAGINA (HTML) SEM DESCER A PAGINA.
E COLOCAR OS BOTÕES DENTRO DA MOLDURA DO DOWNLODS COM (URL:PAGINA DESTINADA).
DEIXEI CAPA JUNTO COM MOLDURA O PARA FICA MAIS FACIL DE COLOCAR OS BOTÕES DO PRIMEIRO TOPICO DE CIMA.

A IMAGEM DO URL PARA USAR:



avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

Ver perfil do usuário http://brasilgameeliterpg.forumeiros.com/forum

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por jhojhows em 21/12/17, 12:33 pm

DESCULPA DE PEDIR MTO, EU TENTE FAZER E FIZ censurado!!
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

Ver perfil do usuário http://brasilgameeliterpg.forumeiros.com/forum

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por Pedxz em 21/12/17, 12:47 pm

Você quer que cada imagem, seja um "botão" para baixar a imagem?


Atenção!

Você não pode fazer UP's antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que leia as regras do setor de suporte e principalmente a do Fórum dos Fóruns para não cometer novos erros!
Regras do FdF | Regras do Setor de Suporte
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por jhojhows em 21/12/17, 12:59 pm

Nâo.As imagem eu queria que seja como botão de clicar para direcionar para download do arquivo no media fire..
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

Ver perfil do usuário http://brasilgameeliterpg.forumeiros.com/forum

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por Pedxz em 21/12/17, 01:26 pm

Veja o demo aqui


a página aqui

Código:
<html>
  <head>
    <title></title>
   
  </head>
  <body>
    <style>
      body {
      background-image: url('https://i62.servimg.com/u/f62/19/80/99/88/capa_d10.jpg');
      background-color: #1a2027;
      margin: 0;
      padding: 0;
      }
      .container {
      margin: 0 auto;
      width: 730px;
      height: 100%;
      }
      #frame {
      background: url(https://i62.servimg.com/u/f62/19/80/99/88/moldur10.jpg);
      background-repeat: no-repeat;
      background-position: center;
      justify-content: center;
      display: flex;
      }
      #frame img {
          max-width: 740px;
    max-height: 500px;
    padding-top: 35px;
    margin: 0 auto;
      }
      .icons {
      position: absolute;
      margin-top: 140px;
      }
      .icons img {
    max-height: 200px!important;
    max-width: 150px!important;
      }

    </style>
    <div class="container">
    <div id="frame">
      <img src="https://i62.servimg.com/u/f62/19/80/99/88/moldur10.jpg" onclick="window.open('#', '_blank')" />
      <div class="icons">
        <img src="https://i62.servimg.com/u/f62/19/80/99/88/fr10.png" />
        <img style="    margin-left: 132px!important;" src="https://i62.servimg.com/u/f62/19/80/99/88/gt10.png" onclick="window.open('#', '_blank')" />
        <br>
                <img src="https://i62.servimg.com/u/f62/19/80/99/88/gt210.png" onclick="window.open('#', '_blank')" />
        <img style="    margin-left: 132px!important;" src="https://i62.servimg.com/u/f62/19/80/99/88/key_bi10.png" onclick="window.open('#', '_blank')" />
      </div>
      </div>
    </div>
  </body>
</html>


o código é muito simples
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por jhojhows em 21/12/17, 01:43 pm

tem como deixar assim na pagina??

Spoiler:
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

Ver perfil do usuário http://brasilgameeliterpg.forumeiros.com/forum

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por Pedxz em 21/12/17, 01:47 pm

Isso séria aumentar mais a moldura?
Se sim, localize
Código:
 #frame img {
    max-width: 740px;
    max-height: 500px;
    padding-top: 35px;
    margin: 0 auto;
}

e troque por
Código:
#frame img {
    max-width: 750px;
    max-height: 550px;
    padding-top: 35px;
    margin: 0 auto;
}
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por jhojhows em 21/12/17, 02:18 pm

BOTÃO FRAPS NÃO FUNCIONADO.E QUANDO CLICO NOS OUTRO botão VOLTA PARA PAGINA denovo

eu queria adicionar esse url para botão de download:

fraps: http://www.mediafire.com/file/34x6dik0x7815zf/Fraps_3.5.9_-_Brasil_Game_Elite.rar
grand theft auto: http://www.mediafire.com/file/ck35dey26z85c7b/GTA_San_Andreas-BGE.rar
San andreas Multiplayer: http://www.mediafire.com/file/ck35dey26z85c7b/GTA_San_Andreas-BGE.rar
key binder: http://www.mediafire.com/file/0lqropmx9997or9/Key_Binder_-_Brasil_Game_Elite.rar

avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

Ver perfil do usuário http://brasilgameeliterpg.forumeiros.com/forum

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por Pedxz em 21/12/17, 02:28 pm

Vá na página html e localize
Código:
onclick="window.open('#', '_blank')"

basta mudar para, por exemplo:
Código:
onclick="window.open('http://www.mediafire.com/file/34x6dik0x7815zf/Fraps_3.5.9_-_Brasil_Game_Elite.rar', '_blank')"
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por jhojhows em 21/12/17, 02:35 pm

to me confundido aki:

Código:
</style>
    <div class="container">
    <div id="frame">
      <img src="https://i62.servimg.com/u/f62/19/80/99/88/moldur10.jpg" onclick="window.open('#', '_blank')" />
      <div class="icons">
        <img src="https://i62.servimg.com/u/f62/19/80/99/88/fr10.png" />
        <img style="    margin-left: 132px!important;" src="https://i62.servimg.com/u/f62/19/80/99/88/gt10.png" onclick="window.open('#', '_blank')" />
        <br>
                <img src="https://i62.servimg.com/u/f62/19/80/99/88/gt210.png" onclick="window.open('#', '_blank')" />
        <img style="    margin-left: 132px!important;" src="https://i62.servimg.com/u/f62/19/80/99/88/key_bi10.png" onclick="window.open('#', '_blank')" />
      </div>
      </div>
    </div>
  </body>
</html>
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

Ver perfil do usuário http://brasilgameeliterpg.forumeiros.com/forum

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por jhojhows em 21/12/17, 02:37 pm

vc coloco a moldura como botão de clica: https://i62.servimg.com/u/f62/19/80/99/88/moldur10.jpg
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

Ver perfil do usuário http://brasilgameeliterpg.forumeiros.com/forum

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por Pedxz em 21/12/17, 02:41 pm

Mude a sua página para esta:

Código:
<html>
  <head>
    <title></title>
   
  </head>
  <body>
    <style>
      body {
      background-image: url('https://i62.servimg.com/u/f62/19/80/99/88/capa_d10.jpg');
      background-color: #1a2027;
      margin: 0;
      padding: 0;
      }
      .container {
      margin: 0 auto;
      width: 730px;
      height: 100%;
      }
      #frame {
      background: url(https://i62.servimg.com/u/f62/19/80/99/88/moldur10.jpg);
      background-repeat: no-repeat;
      background-position: center;
      justify-content: center;
      display: flex;
      }
      #frame img {
          max-width: 740px;
    max-height: 500px;
    padding-top: 35px;
    margin: 0 auto;
      }
      .icons {
      position: absolute;
      margin-top: 140px;
      }
      .icons img {
    max-height: 200px!important;
    max-width: 150px!important;
  cursor: pointer;
      }

    </style>
    <div class="container">
    <div id="frame">
      <img src="https://i62.servimg.com/u/f62/19/80/99/88/moldur10.jpg" />
      <div class="icons">
        <img src="https://i62.servimg.com/u/f62/19/80/99/88/fr10.png" onclick="window.open(http://www.mediafire.com/file/34x6dik0x7815zf/Fraps_3.5.9_-_Brasil_Game_Elite.rar'', '_blank')"/>
        <img style="    margin-left: 132px!important;" src="https://i62.servimg.com/u/f62/19/80/99/88/gt10.png" onclick="window.open('http://www.mediafire.com/file/ck35dey26z85c7b/GTA_San_Andreas-BGE.rar', '_blank')" />
        <br>
                <img src="https://i62.servimg.com/u/f62/19/80/99/88/gt210.png" onclick="window.open('http://www.mediafire.com/file/ck35dey26z85c7b/GTA_San_Andreas-BGE.rar', '_blank')" />
        <img style="    margin-left: 132px!important;" src="https://i62.servimg.com/u/f62/19/80/99/88/key_bi10.png" onclick="window.open(http://www.mediafire.com/file/0lqropmx9997or9/Key_Binder_-_Brasil_Game_Elite.rar' ', '_blank')" />
      </div>
      </div>
    </div>
  </body>
</html>
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por jhojhows em 21/12/17, 02:48 pm

botão de fraps e do key binder,não esta funcionando:
olha ae

http://brasilgameeliterpg.forumeiros.com/h6-downloads
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

Ver perfil do usuário http://brasilgameeliterpg.forumeiros.com/forum

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por Pedxz em 21/12/17, 02:52 pm

Erro meu, desculpe, veja agora

Código:
<html>
  <head>
    <title></title>
   
  </head>
  <body>
    <style>
      body {
      background-image: url('https://i62.servimg.com/u/f62/19/80/99/88/capa_d10.jpg');
      background-color: #1a2027;
      margin: 0;
      padding: 0;
      }
      .container {
      margin: 0 auto;
      width: 730px;
      height: 100%;
      }
      #frame {
      background: url(https://i62.servimg.com/u/f62/19/80/99/88/moldur10.jpg);
      background-repeat: no-repeat;
      background-position: center;
      justify-content: center;
      display: flex;
      }
      #frame img {
          max-width: 740px;
    max-height: 500px;
    padding-top: 35px;
    margin: 0 auto;
      }
      .icons {
      position: absolute;
      margin-top: 140px;
      }
      .icons img {
    max-height: 200px!important;
    max-width: 150px!important;
  cursor: pointer;
      }

    </style>
    <div class="container">
    <div id="frame">
      <img src="https://i62.servimg.com/u/f62/19/80/99/88/moldur10.jpg" />
      <div class="icons">
        <img src="https://i62.servimg.com/u/f62/19/80/99/88/fr10.png" onclick="window.open('http://www.mediafire.com/file/34x6dik0x7815zf/Fraps_3.5.9_-_Brasil_Game_Elite.rar', '_blank')"/>
        <img style="    margin-left: 132px!important;" src="https://i62.servimg.com/u/f62/19/80/99/88/gt10.png" onclick="window.open('http://www.mediafire.com/file/ck35dey26z85c7b/GTA_San_Andreas-BGE.rar', '_blank')" />
        <br>
                <img src="https://i62.servimg.com/u/f62/19/80/99/88/gt210.png" onclick="window.open('http://www.mediafire.com/file/ck35dey26z85c7b/GTA_San_Andreas-BGE.rar', '_blank')" />
        <img style="    margin-left: 132px!important;" src="https://i62.servimg.com/u/f62/19/80/99/88/key_bi10.png" onclick="window.open('http://www.mediafire.com/file/0lqropmx9997or9/Key_Binder_-_Brasil_Game_Elite.rar', '_blank')" />
      </div>
      </div>
    </div>
  </body>
</html>
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por jhojhows em 21/12/17, 03:04 pm

Funcionou certinho vlw pela ajuda amigão!!!!!!!!!!!!

Tem como me ajuda esses Topicos???
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

Ver perfil do usuário http://brasilgameeliterpg.forumeiros.com/forum

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por Pedxz em 21/12/17, 03:06 pm

@jhojhows escreveu:Funcionou certinho vlw pela ajuda amigão!!!!!!!!!!!!

Tem como me ajuda esses Topicos???

Quais seriam esses tópicos?
Desculpe, não percebi Feliz
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como Criar painel de download no (HTML)?

Mensagem por Pedxz em 21/12/17, 03:09 pm

Irei ajuda-lhe  Tive uma idéia!

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum