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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

Ver perfil do usuário https://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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

Ver perfil do usuário https://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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

Ver perfil do usuário https://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')"


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

Ver perfil do usuário https://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://i.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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

Ver perfil do usuário https://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>


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

Ver perfil do usuário https://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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

Ver perfil do usuário https://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.


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

Ver perfil do usuário https://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