Item flutuante em uma pagina apenas

Item: Item flutuante em uma pagina apenas
Rating: 1

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

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

por Jack Sparrow 23.01.12 1:12

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

por Luciano98 24.01.12 5:25

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos 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.

por Jack Sparrow 24.01.12 6:01

Não funcionou

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.

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

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.

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 ?

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.

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 ?

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.

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

Item flutuante em uma pagina apenas Sch_pirates

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.

Item flutuante em uma pagina apenas

Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas

Re: Item flutuante em uma pagina apenas