Imagem fixa na rolagem do Fórum

4 participantes

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

Tópico resolvido Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 13.06.17 12:01

Detalhes da questão


Endereço do fórum: http://criadoresdepassaros.com
Versão do fórum: phpBB3

Descrição


Quero que este codigo não se movo ao rodar a pagina pra cima e pra baixao ele fique parado na tela .


Segue codigo


Código:
<div style="position: absolute; width: 490px; height: 510px; z-index: 50000; top: 650px; margin-left:20%;" id="randomElement"><div class="fechar" style="width:500px; height:50px; top:-20px; left:-10px; display:block; position:absolute; z-index:10001;"><a href="#" onmouseover="document.getElementById('randomElement').style.display = 'none';"><div class="botao" style="width:18px; height:18px; top:10px; left:15px; display:block; position:absolute; z-index:10010;"></div></a><img alt="Fechar Anuncio!" border="0" src="https://i.servimg.com/u/f19/15/98/91/46/fechar10.png"></div><a href=" https://www.youtube.com/channel/UCAlgWS2ZAK9TGW1S_Mp_8Fw " target="_blank" style=""><img alt="Curta nosso Facebook" border="0" src=" https://i.servimg.com/u/f58/15/98/91/46/benner10.jpg " img="" style="opacity: 1;"></a></div>


Quando eu rodar a tela do forum pra baixo e pra cima que ele fique parado em um determinado local .
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen 13.06.17 16:09

Olá, troque o código atual por esse
Código:
       
<div id="randomElement">
              
   <div class="fechar" style="width: 500px; height: 50px; display: block; position: fixed; z-index: 10001; top: 90%; left: 36%;">
            <a href="#" onmouseover="document.getElementById('randomElement').style.display = 'none';"> </a>     
      <div class="botao" style="width: 18px; height: 18px; top: 10px; left: 15px; display: block; position: fixed; z-index: 10010;">
                    
      </div><a href="#" onmouseover="document.getElementById('randomElement').style.display = 'none';"></a><img border="0" alt="Fechar Anuncio!" src="https://i.servimg.com/u/f19/15/98/91/46/fechar10.png" />     
   </div><a href=" https://www.youtube.com/channel/UCAlgWS2ZAK9TGW1S_Mp_8Fw " target="_blank" style=""> </a>     
   <div id="canto">
            <a href=" https://www.youtube.com/channel/UCAlgWS2ZAK9TGW1S_Mp_8Fw " target="_blank" style=""> <img border="0" style="opacity: 1;" img="" src=" https://i.servimg.com/u/f58/15/98/91/46/benner10.jpg " alt="Curta nosso Facebook" /></a>     
   </div>
</div><style type="text/css">
#canto {
  position: fixed;
  top: 120px;
  height: 30px;
  z-index: 100;
  left: 12px;
}
</style>

Ficará assim http://prntscr.com/fjao2g

Como você não especificou em qual local ficará eu deixei do lado esquerdo

Até mais
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 13.06.17 16:40

Não ficou igual a imagem que me mandou o X ficou bem longe ..
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen 13.06.17 17:16

Onde o código está inserido? na Página Inicial, no template, widget...

Pois aqui está do jeito que lhe enviei no print.
Me diga também que local especifico a imagem ficará

Até mais
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 13.06.17 17:48

No widget , ficou sem mexer na imagem apenas o X ficou fora da imagem
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen 13.06.17 18:04

Olá insira o código que enviei e deixe-o ativo para que eu possa detectar o problema
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 13.06.17 18:44

ok , feito
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen 13.06.17 21:58

Olá, desculpe a demora, troque o código por esse
Código:
       
<div id="randomElement" style="width: 500px; height: 50px; display: block; position: absolute; z-index: 10001; top: 90%; left: 35%;">
            
   <div style="width: 500px; height: 50px; display: block; position: fixed; z-index: 10001; top: 90%; left: 35%;" class="fechar">
                  <a onmouseover="document.getElementById('randomElement').style.display = 'none';" href="#">              </a>
      <div style="width: 18px; height: 18px; top: 10px; left: 15px; display: block; position: absolute; z-index: 10010;" class="botao">
                      
      </div><a onmouseover="document.getElementById('randomElement').style.display = 'none';" href="#">            </a>            <img border="0" src="https://i.servimg.com/u/f19/15/98/91/46/fechar10.png" alt="Fechar Anuncio!" />         
   </div>
             <a target="_blank" href=" https://www.youtube.com/channel/UCAlgWS2ZAK9TGW1S_Mp_8Fw ">      </a>
   <div style="position: fixed; top: 120px; height: 30px; z-index: 100; left: 12px;" class="canto">
      <a target="_blank" href=" https://www.youtube.com/channel/UCAlgWS2ZAK9TGW1S_Mp_8Fw ">          <img border="0" src=" https://i.servimg.com/u/f58/15/98/91/46/benner10.jpg" alt="Curta nosso Facebook" />        </a>       
   </div>
</div>
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 13.06.17 22:57

O X nao fica no local correto olhe na imagem de exemplo :



Imagem fixa na rolagem do Fórum Sem_ty16
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 16.06.17 18:21

up
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 19.06.17 2:22

up
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 21.06.17 14:24

up
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por MateusAnjosV 21.06.17 22:42

Boa noite, jovem! Muito feliz

Experimente este meu protótipo:
Código:
<div id="randomElement" style="position: fixed;width: 490px;height: 510px;z-index: 50000;top: 50px;">
   <div style="width:500px;height:50px;top:5px;left:-10px;display:block;position: relative;z-index:10001;" class="fechar">
      <a onmouseover="document.getElementById('randomElement').style.display = 'none';" href="#">
      </a>
      <div style="width: 18px; height: 18px; top: 10px; left: 15px; display: block; position: absolute; z-index: 10010;" class="botao">
      </div><a onmouseover="document.getElementById('randomElement').style.display = 'none';" href="#"></a><img src="https://i.servimg.com/u/f19/15/98/91/46/fechar10.png" border="0" alt="Fechar Anuncio!" />
   </div><a style="" target="_blank" href=" https://www.youtube.com/channel/UCAlgWS2ZAK9TGW1S_Mp_8Fw "><img style="opacity: 1;" img="" src=" https://i.servimg.com/u/f58/15/98/91/46/benner10.jpg " border="0" alt="Curta nosso Facebook" /></a>
</div>

Para alterar a posição do "X", busque por isso no código:
width:500px;height:50px;top:5px;

Aumente ou diminua o número em negrito.
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 22.06.17 15:50

Não resultou , o x é pra ficar no canto direito abaixo .. Até mais
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por MateusAnjosV 22.06.17 23:22

Eu ensinei o senhor a alterar... pensei que quisesse aprender algo mais sobre isto. Deixo-lhe a versão pronta:
Código:
<div id="randomElement" style="position: fixed;width: 490px;height: 510px;z-index: 50000;top: 50px;">
   <div style="width:500px;height:50px;top:100%;left:100%;display:block;position: relative;z-index:10001;" class="fechar">
      <a onmouseover="document.getElementById('randomElement').style.display = 'none';" href="#">
      </a>
      <div style="width: 18px; height: 18px; top: 10px; left: 15px; display: block; position: absolute; z-index: 10010;" class="botao">
      </div><a onmouseover="document.getElementById('randomElement').style.display = 'none';" href="#"></a><img src="https://i.servimg.com/u/f19/15/98/91/46/fechar10.png" border="0" alt="Fechar Anuncio!" />
   </div><a style="" target="_blank" href=" https://www.youtube.com/channel/UCAlgWS2ZAK9TGW1S_Mp_8Fw "><img style="opacity: 1;" img="" src=" https://i.servimg.com/u/f58/15/98/91/46/benner10.jpg " border="0" alt="Curta nosso Facebook" /></a>
</div>
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por Luiz 27.06.17 17:06

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
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

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

- Tópicos semelhantes

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