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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
180 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 179 Visitantes :: 2 Motores de busca

soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Imagem fixa na rolagem do Fórum

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

Resolvido Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em 13/06/17, 08:01 am

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 : 1643
Pontos Ativos : 2522

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm
  • 0

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen em 13/06/17, 12:09 pm

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
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1514
Pontos Ativos : 1964

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em 13/06/17, 12:40 pm

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 : 1643
Pontos Ativos : 2522

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

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen em 13/06/17, 01:16 pm

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
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1514
Pontos Ativos : 1964

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em 13/06/17, 01:48 pm

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 : 1643
Pontos Ativos : 2522

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

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen em 13/06/17, 02:04 pm

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

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1514
Pontos Ativos : 1964

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em 13/06/17, 02:44 pm

ok , feito
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

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

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por Harleen em 13/06/17, 05:58 pm

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
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1514
Pontos Ativos : 1964

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em 13/06/17, 06:57 pm

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 : 1643
Pontos Ativos : 2522

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

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em 16/06/17, 02:21 pm

up
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

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

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em 18/06/17, 10:22 pm

up
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

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

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em 21/06/17, 10:24 am

up
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

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

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por MateusAnjosV em 21/06/17, 06:42 pm

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 : 1434
Pontos Ativos : 2003

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

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por EDU2010 em 22/06/17, 11:50 am

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 : 1643
Pontos Ativos : 2522

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm
  • 0

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por MateusAnjosV em 22/06/17, 07:22 pm

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 : 1434
Pontos Ativos : 2003

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

Resolvido Re: Imagem fixa na rolagem do Fórum

Mensagem por Luiz em 27/06/17, 01:06 pm

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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

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