Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Remover Legenda dos Botões do Menu
Hoje à(s) 7:05 por Br_SP_Rodrigo

» Fundo Emoticon
Hoje à(s) 6:37 por Harleen

» Efeito desnecessário avatar
Hoje à(s) 5:16 por Harleen

» Notificações
Hoje à(s) 3:45 por Luiz~

» Copiar link de mensagem específica
Hoje à(s) 2:14 por Luiz~

» Barra de Categorias
Hoje à(s) 2:12 por Claudio Arthur

» Alguém me ajuda com esse Rank
Hoje à(s) 1:39 por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Flames
 
Sennior
 
Holkis
 
Blackfyre
 

Quem está conectado
216 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 216 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Imagem fixa na rolagem do Fórum

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

Em curso Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em Ter 13 Jun 2017 - 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 .
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1568
Pontos Ativos : 2405

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

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen em Ter 13 Jun 2017 - 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
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 913
Pontos Ativos : 1266

https://soulfulbrmusic.forumeiros.com/

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em Ter 13 Jun 2017 - 16:40

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

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1568
Pontos Ativos : 2405

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

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen em Ter 13 Jun 2017 - 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
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 913
Pontos Ativos : 1266

https://soulfulbrmusic.forumeiros.com/

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em Ter 13 Jun 2017 - 17:48

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

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1568
Pontos Ativos : 2405

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

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen em Ter 13 Jun 2017 - 18:04

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

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 913
Pontos Ativos : 1266

https://soulfulbrmusic.forumeiros.com/

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em Ter 13 Jun 2017 - 18:44

ok , feito
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1568
Pontos Ativos : 2405

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

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen em Ter 13 Jun 2017 - 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>
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 913
Pontos Ativos : 1266

https://soulfulbrmusic.forumeiros.com/

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em Ter 13 Jun 2017 - 22:57

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



avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1568
Pontos Ativos : 2405

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

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em Sex 16 Jun 2017 - 18:21

up
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1568
Pontos Ativos : 2405

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

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em Seg 19 Jun 2017 - 2:22

up
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1568
Pontos Ativos : 2405

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

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em Qua 21 Jun 2017 - 14:24

up
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1568
Pontos Ativos : 2405

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

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por MateusAnjosV em Qua 21 Jun 2017 - 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.
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em Qui 22 Jun 2017 - 15:50

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

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1568
Pontos Ativos : 2405

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

Em curso Re: Imagem fixa na rolagem do Fórum

Mensagem por MateusAnjosV em Qui 22 Jun 2017 - 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>
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

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

- Tópicos similares

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