Item flutuante em uma pagina apenas

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

Resolvido Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow em 22/01/12, 05:29 am

Qual é minha questão:
Gostaria de saber como faço para colocar um IFRAME flutuante em uma pagina apenas, que no caso, a que eu escolher.
Obrigado


Medidas que eu tomei para corrigir o problema:
nada

Imagens do meu problema:
nada

Endereço do meu fórum:
mhfatalisbr.mo-rpg.com

Versão do meu fórum:
PHPBB3
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Convidad em 22/01/12, 10:55 pm

Olá,

Leia o tópico abaixo e veja se o mesmo responde sua dúvida.
Não sei ao certo, mais tente colocar o código dado em um tópico para ver se o efeito dá resultado.

Seta http://ajuda.forumeiros.com/t15824-

Até mais. Piscada

Convidad
Convidado


Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow em 22/01/12, 11:12 pm

Mas e em apenas 1 pagina ?
não ha como ?
algum javascript ?
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 em 24/01/12, 03:25 am

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:
jQuery(document).ready(function(){if(location.pathname=='LINK'){jQuery('div:eq(0)').before('CODIGO')}});
LINK = Diretório do link (ex: /t52134-item-flutuante-em-uma-pagina-apenas).
CODIGO = Código do iframe.

Clique em "Confirmar".

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow em 24/01/12, 04:01 am

Não funcionou
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 em 24/01/12, 04:04 am

@Jack Sparrow escreveu:Não funcionou
Poderia postar aqui como você configurou o código?
Também poderia me confirmar se ele ainda está em uma página Javascript? Acabei de acessar seu fórum e não encontrei o código na página Javascirpt.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow em 24/01/12, 04:06 am

Sim:
jQuery(document).ready(function(){if(location.pathname=='http://mhfatalisbr.mo-rpg.com/f99-compras-admin'){jQuery('div:eq(0)').before('<iframe src="http://mhfatalisbr.mo-rpg.com/h25-" name="frame1" scrolling="no" frameborder="no" align="center" height = "200px" width = "350px">
</iframe>')}});





avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 em 24/01/12, 04:08 am

Olá!

Era para colocar o diretório do link, não o link todo.

Substitua por esse código:
jQuery(document).ready(function(){if(location.pathname=='/f99-compras-admin'){jQuery('div:eq(0)').before('<iframe src="http://mhfatalisbr.mo-rpg.com/h25-" name="frame1" scrolling="no" frameborder="no" align="center" height="200px" width="350px">
</iframe>')}});

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow em 24/01/12, 04:10 am

funcionou mas não da maneira que eu quero :S
tem como acrescentar algo para o código descer junto com a pagina ?
tipo scroll auto ?
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com
  • 0

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 em 24/01/12, 04:15 am

@Jack Sparrow escreveu:funcionou mas não da maneira que eu quero :S
tem como acrescentar algo para o código descer junto com a pagina ?
tipo scroll auto ?
Procure na Folha de estilo CSS por "#frame1" e troque "position:absolute" por "position:fixed". Assim o código irá ficar fixado numa certa posição da página independente do seu scroll.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow em 24/01/12, 04:25 am

OBS:
o negocio do #frame1 não funcionou
porém eu dei um jeito de arrumar

existe alguma maneira desse codigo ficar por cima de todo o forum ?
obrigado por me ajudar.
até mais Positivo


só uma coisa; vc usa algum programa para obter os codigos ?
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 em 24/01/12, 04:40 am

Olá!

Adicione o seguinte dentro das chaves do código no CSS:
z-indez:1

Quanto a pergunta, eu não utilizo nenhum programa, somente o bloco de notas do Windows (eu não acho difícil, mas isso depende de cada um).

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow em 24/01/12, 04:47 am

Sim;
eu também utilizo somente o bloco de notas, porém, não sei mecher com jQuery e não consigo entender.
se souber alguma apostila ou tutorial bom para isso, estou interessado.
Meu ramo é CSS mesmo.

E valeu por me ajudar com isso, funcionou perfeitamente.
o código final ficou o seguinte:
Código:
jQuery(document).ready(function(){if(location.pathname=='/f99-compras-admin'){jQuery('div:eq(0)').before('<iframe src="http://mhfatalisbr.mo-rpg.com/h25-" class="iframi" name="iframee" scrolling="no" frameborder="no" align="center" height="200px" width="350px">
</iframe><style> .iframi {
position: fixed;
background-color: white;
margin-left: 793px;
padding: 0 0 0 27px;
z-index: 1;
}
</style>')}});

Eu indexo o CSS junto com o HTML para não sobrecarregar a pagina CSS; fica a dica para os que lerem esse tópico:
Sempre que forem fazer uma pagina HTML e irão fazer uma classe CSS especialmente para ela, indexe o codigo junto dentro de <style></style>, poupando assim mais espaço na folha CSS.
Até Mais
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 em 24/01/12, 04:51 am

Olá!

Eu só não recomendo nenhuma apostila porque eu aprendi a programa só olhando os códigos, pois eu nunca vi nenhum tutorial nem fiz aula, eu acho isso bem fácil.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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