Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

HTML com problema na resolução dos usuários

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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

Tópico resolvido HTML com problema na resolução dos usuários

Mensagem por iScroll 12.04.17 2:29

Detalhes da questão


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

Descrição


Bom, eu tenho essa HTML: 17bpm.forumeiros.com

e sempre quando os usuários tentam clicar em "CONTATO" ou "DOAR" nunca aparece pra clicar... É como se fosse a imagem normal, já o resto dos botões funciona perfeitamente...
Já tentei usar vh,vw, %, px (padrão dos outros 4 botões) e nada resolveu...
Engraçado que personalizei normalmente os outros 4 botões e eles funcionam perfeitamente... Já os outros 2 não...

Tentei de várias formas e aqui estou rs.

Aí está a HTML:
Código:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>17BPM #SEMPRE | Index </title>
    <link href="http://i.imgur.com/xdJD4Z5.png" rel="icon" />
    <!--Scroll Bloqueio-->
  <style> html,body{ overflow: hidden; } </style>
  <!-- Bloqueio de teclas -->
    <!--<body oncontextmenu="return false" onkeydown="return false">
    <body data-spy="scroll" data-target=".navbar-collapse" data-offset="50">-->
  <!-- Other scripts -->
  <script type="text/javascript">
  try {Typekit.load();} catch(e) {}
</script>
     
    <style>     
      *, *:before, *:after {
          box-sizing: border-box;
      }
     
      body, html {
          height: 100%;
          padding: 0;
          margin: 0;
      }
     
      body {
        background: url(http://i.imgur.com/EjWFZ26.png) no-repeat;
        background-atachment: fixed;
        background-size: cover;
      }
     
      .page-content {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -200px 0 0 -300px;
      }
     
      .page-content a {
          position: absolute;
          display: block;
    top: 181px;
    width: 94px;
          height: 35px;
          text-indent: -9999px;
          overflow: hidden;
          opacity: 0;
          background-color: #fff;
          transition: 250ms ease opacity;
      }
     
      .page-content a:hover,
      .page-content a:focus,
      .page-content a:active {
          opacity: 0.2;
      }
   
      .page-link-play {
    left: 252px;
      }
            .page-content2 {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -200px 0 0 -300px;
      }
     
.page-content2 a {
    position: absolute;
    display: block;
    top: 135px;
    width: 68px;
    height: 31px;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 0;
    background-color: #fff;
    transition: 250ms ease opacity;
}
     
      .page-content2 a:hover,
      .page-content2 a:focus,
      .page-content2 a:active {
          opacity: 0.2;
      }
     
.page-link-forum {
    left: 256px;
}
     
                  .page-content3 {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -200px 0 0 -300px;
      }
     
      .page-content3 a {
    position: absolute;
    display: block;
    top: 136px;
    width: 49px;
    height: 31px;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 0;
    background-color: #fff;
    transition: 250ms ease opacity;
}
     
      .page-content3 a:hover,
      .page-content3 a:focus,
      .page-content3 a:active {
          opacity: 0.2;
      }
     
            .page-link-loja {
    left: 491px;
}
                        .page-content4 {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -200px 0 0 -300px;
      }
     
      .page-content4 a {
        position: absolute;
    display: block;
    top: 136px;
    width: 130px;
    height: 31px;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 0;
    background-color: #fff;
    transition: 250ms ease opacity;
}
     
      .page-content4 a:hover,
      .page-content4 a:focus,
      .page-content4 a:active {
          opacity: 0.2;
      }
     
            .page-link-teamspeak {
    left: 342px;
}
            .page-content01 a {
          position: absolute;
          display: block;
          top: 378px;
          width: 94px;
          height: 35px;
          text-indent: -9999px;
          overflow: hidden;
          opacity: 0;
          background-color: #fff;
        transition: 250ms ease opacity;
      }
     
      .page-content01 a:hover,
      .page-content01 a:focus,
      .page-content01 a:active {
          opacity: 0.2;
      }
   
      .page-link-contato {
    left: 108vh;
      }
.page-content02 a {
    position: absolute;
    display: block;
    top: 378px;
    width: 53px;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 0;
    background-color: #fff;
    transition: 250ms ease opacity;
}
     
      .page-content02 a:hover,
      .page-content02 a:focus,
      .page-content02 a:active {
          opacity: 0.2;
      }
.page-doar {
    left: 123vh;
}
    </style>

  </head>
  <body>
    <div class="page-content">
      <img src="http://i.imgur.com/eDKagZ1.png" />
      <a href="/h1-alistamento" class="page-link-play">Aliste-se</a>
    </div>
        <div class="page-content2">
          <a href="/forum" class="page-link-forum">Fórum</a>
    </div>
            <div class="page-content3">
      <a href="/h2-site" class="page-link-loja">Site</a>
    </div>
    <div class="page-content4">
      <a href="ts3server://17bpmsempre.freets.pw?port=7777/" class="page-link-teamspeak">Teamspeak³</a>
    </div>
            <div class="page-content01">
          <a href="https://docs.google.com/forms/d/e/1FAIpQLSfnT2HTF7TKbjFoKUvxyCMAZa_9C4Ik-ab_JtSlkaZokcUy9A/viewform" class="page-link-contato">Contato</a>
    </div>
            <div class="page-content02">
          <a href="https://pag.ae/bhh44jw" class="page-doar">Doar</a>
    </div>

<script type="text/javascript">
$("[rel=tooltip]").tooltip();
      <a href="https://www.forumeiros.com" target="_blank">forumeiros.com</a>
</script>
  </body>
</html>


Última edição por iScroll em 13.04.17 17:52, editado 2 vez(es)
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por Kyo Panda 12.04.17 15:53

Troque por esse:

Código:
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>17BPM #SEMPRE | Index </title>
      <link href="http://i.imgur.com/xdJD4Z5.png" rel="icon" />
      <style>     
         *, *:before, *:after {
            box-sizing: border-box;
         }

         body, html {
            height: 100%;
            padding: 0;
            margin: 0;
            overflow: hidden;
         }

         body {
            background: url(http://i.imgur.com/EjWFZ26.png) no-repeat;
            background-atachment: fixed;
            background-size: cover;
         }
         
         .content {
            background-image: url(http://i.imgur.com/eDKagZ1.png);
            width: 600px;
            height: 400px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
         }
         
         .content a {
            position: absolute;
            text-indent: -9999px;
            display: block;
            overflow: hidden;
            height: 30px;
            opacity: 0;
            transition: 250ms ease opacity;
            background: #fff;
            top: 135px;
            left: 255px;
            width: 70px;
         }
         
         .content a:hover,
         .content a:focus,
         .content a:active {
            opacity: 0.3;
         }
         
         .content .link-aliste-se,
         .content .link-contato,
         .content .link-doar {
            top: 182px;
         }
         
         .content .link-teamspeak {
            left: 340px;
            width: 135px;
         }

         .content .link-site {
            left: 492px;
            width: 48px;
         }

         .content .link-aliste-se {
            left: 251px;
            width: 96px;
         }

         .content .link-contato {
            left: 366px;
            width: 89px;
         }

         .content .link-doar {
            left: 475px;
            width: 54px;
         }
         
         .fa-link {
            position: absolute;
            left: 50%;
            bottom: 20px;
            transform: translate(-50%);
            font-size: 16px;
            font-family: Arial, sans-serif;
            text-transform: uppercase;
            text-decoration: none;
            color: #333;
            font-weight: 700;
         }
      </style>
   </head>
   <body>
      <div class="content">
         <a href="/forum" class="link-forum">Fórum</a>
         <a href="ts3server://17bpmsempre.freets.pw?port=7777/" class="link-teamspeak">Teamspeak³</a>
         <a href="/h2-site" class="link-site">Site</a>
         <a href="/h1-alistamento" class="link-aliste-se">Aliste-se</a>
         <a href="https://docs.google.com/forms/d/e/1FAIpQLSfnT2HTF7TKbjFoKUvxyCMAZa_9C4Ik-ab_JtSlkaZokcUy9A/viewform" class="link-contato">Contato</a>
         <a href="https://pag.ae/bhh44jw" class="link-doar">Doar</a>
      </div>

      <a href="https://www.forumeiros.com" target="_blank" class="fa-link">forumeiros.com</a>
   </body>
</html>
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por iScroll 13.04.17 3:38

Perfeito! Valeu KYO!
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por Kyo Panda 13.04.17 12:23

Peço que recoloque o link do Forumeiros na página de forma que fique claro e visível, caso contrário teremos que encerrar o seu fórum. o/
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por iScroll 13.04.17 16:45

Mesmo se eu pagar um dominio diferente do forumeiros.com devo utilizar isso ? :/ Já re-coloquei ele
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por Luiz 13.04.17 17:30

Sim.
Mesmo com domínio personalizado, a única maneira de remover tais links é comprar tal remoção via créditos.
Caso contrário, seu fórum pode ser dizimado com/sem aviso prévio.

Tchau
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por iScroll 13.04.17 17:51

certo, pode fechá-lo.
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por Kyo Panda 13.04.17 17:55

Luiz~ escreveu:[...] Mesmo com domínio personalizado, a única maneira de remover tais links é comprar tal remoção via créditos.[...]

Mesmo com créditos não é possível remover essa referência da página inicial personalizada. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por iScroll 13.04.17 20:53

Entendi, mas e se eu abaixar o tamanho da fonte?
Exemplo, no codigo acima está de 16px, se eu coloca-lo de 5px? Apenas para fica-lo lá...
Visto que eles obrigam utilizar tal código mas não vejo necessidades de "MOSTRA-LO" de tal tamanho...

Após essa resposta podem fechar o tópico e dar como resolvido, agradecido pela atenção.
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por Kyo Panda 13.04.17 21:32

O senhor consegue ler um texto de 5px? Eu não consigo. Logo, sim, você deve mantê-lo lá de maneira clara, visível e legível. Mantenha a fonte acima de 12px (preferencialmente 16px, por ser o web standard.
Essa é uma maneira de cooperarmos com a divulgação da plataforma que nos dá uma quantidade absurda de recursos for free. :)

Copie e cole o texto no bloco de notas, se tiver dificuldade em lê-lo.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por iScroll 13.04.17 21:43

Muito obrigado... Feliz
Pode fecha-lo
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML com problema na resolução dos usuários

Mensagem por Kyo Panda 13.04.17 23:57

HTML com problema na resolução dos usuários Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Permissões neste sub-fórum
Não podes responder a tópicos