Item flutuante em uma pagina apenas

2 participantes

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

Tópico resolvido Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow 22.01.12 7:29

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
Jack Sparrow

Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Convidad 23.01.12 0:55

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 https://ajuda.forumeiros.com/t15824-

Até mais. Piscada
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow 23.01.12 1:12

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

Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 24.01.12 5:25

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.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow 24.01.12 6:01

Não funcionou
Jack Sparrow

Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 24.01.12 6:04

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.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow 24.01.12 6:06

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>')}});





Jack Sparrow

Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 24.01.12 6:08

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.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow 24.01.12 6:10

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 ?
Jack Sparrow

Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 24.01.12 6:15

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.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow 24.01.12 6:25

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 ?
Jack Sparrow

Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 24.01.12 6:40

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.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Jack Sparrow 24.01.12 6:47

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 Item flutuante em uma pagina apenas Sch_pirates
Jack Sparrow

Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Item flutuante em uma pagina apenas

Mensagem por Luciano98 24.01.12 6:51

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.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

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

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