Imagem flutuante no fórum

por Isa Meiyo 11.01.17 19:24

Detalhes da questão

Endereço do fórum: http://kkulbeoldramas.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá.

Eu tentei seguir o tutorial já existente (https://ajuda.forumeiros.com/t15824-tutorial-imagem-flutuante) para colocar a imagem que quero mas não consigo obter o resultado que quero.

Ela sempre fica enorme ou cobrindo tudo. Tentei alguns códigos mas não consegui o resultado que eu quero.

Imagem flutuante no fórum Captur10

Quero deixar a imagem flutuante somente nessa página principal do fórum. Ela não precisa aparecer nas outras. Equero ela no canto inferior direito.

Alguém pode me ajudar?

por Don Corleone 11.01.17 20:39

Olá, substitua o CSS por esse abaixo.

Código:: #flutuante { bottom: 1px; z-index: 999; right: 1px; position: fixed; }

E coloque o código abaixo dentro do templante index_body

Código:: <div><img id="flutuante" src="https://i37.servimg.com/u/f37/19/54/94/88/lanyam12.png" /></div>

Obs: Sugiro que diminua a imagem, pois está muito grande. Também sugiro que coloque um link para direcionar os interessados.

por Isa Meiyo 11.01.17 21:16

Dentro do template index_body?
Estou indo em visualização mas não acho o local para ir nos templates Triste

(desculpa a minha burrice)

Outra coisa: eu não sei como colocar os links nas devidas frases da imagem redirecionando ao tópico. Pode me ajudar com isso também?

por dharrison 11.01.17 22:26

Você encontrará o template index_body dentro do menu Geral, abaixo dos temas e da gestão dos avatares e cores.

Imagem flutuante no fórum Apfh5g

Para mudar o tamanho da imagem em HTML use height e width

Complementando o código do amigo acima, seria assim:

Código:: <div><img id="flutuante" src="https://i37.servimg.com/u/f37/19/54/94/88/lanyam12.png" width=”640” height=”480” /></div>

por Isa Meiyo 11.01.17 22:50

Deu certo. Eu não estava usando a conta do fundador, então não conseguia visualizar o template.

Muito obrigada pela ajuda, eu consegui deixar da forma que queria Muito feliz

por Don Corleone 11.01.17 22:59

Olá, creio que o membro acima se equivocou, pois os Templantes estão dispostos na aba Visualização, veja abaixo.

Imagem flutuante no fórum 8nMz0Zl

Substitua o CSS por esse abaixo:

Código:: #flutuante { bottom: 1px; z-index: 999; right: 1px; position: fixed; width: 640px; height: 480px; }

Substitua o HTML pelo abaixo, para substituir o link, basta alterar o Link do Fórum dos Fóruns.

Código:: <div><a href="http://ajuda.forumeiros.com/"><img id="flutuante" src="https://i37.servimg.com/u/f37/19/54/94/88/lanyam12.png" /></a></div>

Ps: Coloque o código dentro do templante abaixo da tag <body>

por Kyo Panda 12.01.17 11:05

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Hitskin.com

Imagem flutuante no fórum